Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
4
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

laravel-adminを使って学んだこと

Laravelで簡単にログ機能つきの管理画面が作れるlaravel-adminですが、これを使って業務アプリを作っている時に色々とカスタマイズしなければならない場面があり、中身をちょこっと調べたのでまとめてみたいと思います。

こんな方向け

Laravelで管理画面を作っている
フォームインプット系の便利なライブラリを探している
とりあえずjQueryで使えるフロントのパーツを探している

jQueryとかうっ、、、ってなる方は微妙かもしれません(笑)

便利なライブラリ

Select2(便利にカスタマイズできるselectbox)

一番便利だと思ったのがこれ。
selectboxですがテキストを入力できるようになっていて、選択肢の中から文字列が含まれるものでフィルタしてくれる機能がついています。
それ以外にもカスタマイズがいろいろできるようになっていて便利です。

x-editable(Inline edit用)

https://github.com/vitalets/x-editable
edit画面に画面遷移せずに簡単なedit処理ができるパーツです。

AdminLTE

管理画面のUIテンプレート。
上記サイトで探してみると、今どきのVueやReactなどを使って作られたテンプレートも販売されているようです。

オーソドックスだけど作るのが大変なパーツは、上記サイトから入手してカスタマイズするのもいいかもしれません。

Pjax(jQuery-pjax)

恥ずかしながら、laravel-adminを使うまでPjaxの存在を存じ上げませんでした。
(PushState & Ajax)
画面遷移をせず、不要なパーツを読み込みする必要がないのは便利ですが、最近はSPAフレームワークで十分な気がしています。

jQuery-pjaxの他に、barba.jsというライブラリもあるみたいです。
https://barba.js.org/docs/v2/user/

メリークリスマス。

これからはReactやVueを頑張ります。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
4
Help us understand the problem. What are the problem?