Laravel

JS

Laravel+Vue/Vuetify Paginationを使ってみる

簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuetify/SimpleTablesで一覧表示させてそのページネーションとしてVu...
PHP

Laravel+Vue LaravelMixでフロントと管理画面を別のSPAとして扱う

LaravelをAuthをインストールした時点でVue.jsを利用でき、resources/js/app.jsでVueインスタンスを生成していますが、このままではapp.jsだけでアプリケーション全体のVue環境設定を行うことになります。...
PHP

Laravel+Vue/Vuetify 編集機能を追加

前回までで登録・一覧・削除ができたので今回は編集機能を作ります。Actionsのペンアイコンをクリックしたときに該当データの編集画面を表示しデータの変更ができるようにします。すでに登録用のコンポーネントにフォームがあるので共有化しましょう...
PHP

Laravel+Vue/Vuetify 削除確認ダイアログを表示してデータ削除

前回はLaravel+Vue/Vuetify Data tableを利用してデータ一覧を作成しました。 Actionsのゴミ箱アイコンをクリックしたときに削除確認ダイアログを表示させて削除ボタンをクリックしたときにデータを削除できるように...
PHP

Laravel+Vue/Vuetify Data tablesで一覧作成

前回は非同期バリデーションとともに登録を行いました。今回はLaravelのSeederでテストデータを生成して、Vue/VuetifyのData tablesを使って登録した情報の一覧機能を作成します。LaravelのPagination...
PHP

Laravel+Vue/Vuetifyで非同期バリデーション

前回作成したVue/Vuetifyのフォームにおける登録処理時のLaravel側での非同期バリデーションの実装です。具体的にはAxiosで非同期でフォーム値を送信し、LaravelのRequestでバリデーションを行いエラーがあればAxi...
PHP

LaravelでVue/Vuetifyを使ってFormを作成

前回作成した管理画面で、Vue/Vuetifyを使用してテキストボックス、テキストエリア、ラジオボタン、チェックボックス、セレクトボックスの送信フォームを作成します。ラジオボタン、チェックボックス、セレクトボックスのリストはAxiosを利...
PHP

Laravelの管理画面をvue-routerを使ってSPA化

前回はVuetify/DrawerメニューでLaravelの管理画面を作成しました。今回はvue-routerをインストールして管理画面をSPA(Single-Page Application)化してみましょう。 開発環境 L...
PHP

LaravelでVuetifyのDrawerメニューで管理画面作成

LaravelでVue.js用のUIコンポーネントライブラリを利用できるUIフレームワークVuetifyをインストールし、VuetifyのDrawerメニューを利用してレスポンシブな管理画面のレイアウトを作成してみます。 開発環境 ...
PHP

LaravelでVue.jsを使ってみる

LaravelではAuth(ユーザ認証)をインストールした時点ですでにVue.jsを利用できる状態になっているのでコンポーネントの配置やBladeテンプレートからコンポーネントへの値の渡し方をまとめておく。 開発環境 Lara...
タイトルとURLをコピーしました