Laravel-admin 自定義頁面（ps:想跟大佬們聊聊）

It_cwc發表於2020-07-17
Laravel

用laravel一年半左右，去年剛剛畢業得，嘿嘿。菜雞一個。第一次發文，如果下面文章有何不對之處，希望各位指出。東西很蹩腳，各位饒命。

laravel-admin 自定義頁面

背景：使用者需要一個 excel 表格資訊匯入功能

  • 首先，我再列表頁建立了一個定義匯入按鈕，讓他跳轉到自定義得頁面

    自定義按鈕

    $grid->tools(function ($tools){
  $tools->append(
      // 這取巧了，直接用了建立按鈕的屬性
      '<a href="excel" class ="btn btn-sm btn-success"">匯入</a>
  ');
});

  • 其次是路由

    路由：路由會預設展示index()方法

    $router->resource('excel', ExcelController::class);

  • 然後是的控制器

    index方法

    // 引入依賴 Content 詳見 laravel-admin 文件
use Encore\Admin\Layout\Content;
// 建立 index 方法
public function index(Content $content){
  $content->header('專案資訊匯入'); // 頁面標題
  $content->description(' '); // 頁面副標題
  $content->body($this->form()); // 頁面內容
  return $content;
}

    form方法，這裡用到了文件中的前端元件

    use Encore\Admin\Widgets\Form;
protected function form(){
  $form = new Form();
  $form->action('import'); //上傳路由設定
  // $form->method('get'); // 上傳方法設定
  $form->file('projectInfo', '表格上傳')->help('僅限xlsx檔案'); //表單元件
  // return $form->render(); // 文件直接表單
  return view('admin/file',  ['form' => $form->render()]); // 頁面表單
  }

  • 下面是自定前端部分

    這裡有兩個返回形式一個是$form->render();他的頁面格式是這樣的
    Laravel-admin 自定義頁面
    我的自定義是這樣的
    Laravel-admin 自定義頁面

  • 前端程式碼

    .ct {
  background:#FFF;
  padding: 20px;
  border-top:5px solid;
  border-color:#F0FFF0;
  border-radius:5px;
  width:100%;
  margin:0 auto;
}
    <link rel="stylesheet" type="text/css" href= "{{ URL::asset('css/info.css') }} ">
<div class="ct">
  <?php echo $form; // {{$form}}?>
</div>

end

上班一年了，突然發現自己現在學得，用得東西很侷限。也想接觸一些新的技術，自己也有嘗試過，但感覺進展不是很大。感覺自己也沒有人帶，自己踩坑，自己出，太難了。希望社群得大佬們能帶帶我，我平常能問些問題，大家幫助我解答一下，謝謝。

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章