當前網頁架構分別是 MPA 和 SPA,但這兩種各有其利弊。為了要將 MPA 轉成 SPA,還需要維護前後端兩個專案。這時 Inertia.js 出現了,成功解決了這個問題。Inertia.js 是建構經典後端驅動 SPA 的新方法,不需要寫前端路由和後端 API。這個系列會使用和 Laravel + Vue.js + Inertia.js + Tailwind CSS 這套現代網站的絕佳組合,來建構一個簡易的部落格平台 Lightning,從中一步步了解 Inertia.js 的使用方式~~
註冊基本上和登入差不多,我們要做的註冊頁面裡也只需要增加一點欄位。 註冊頁面 跟登入一樣,到 RegisterController 中替換掉註冊頁面: app...
註冊完帳號後,本篇要來更新資料和上傳大頭照。 帳號設定頁面 首先先新增 Controller: php artisan make:controller Use...
接續上篇,做刪除帳號和用戶頁面,一口氣完成用戶的功能! 刪除帳號 新增刪除帳號的路由: routes/web.php // User ... Route::d...
Lightning 作為一個部落格平台,最重要的自然是發文功能。本篇要先準備好文章功能需要的 Migration、Model、Presenter 等等。 新增...
撰寫文章頁面 在上篇中,新增 Model 附贈了 Resource Controller,這裡也要新增 Resource 路由: routes/web.php...
再來要做 Lightning 的文章頁面,上篇新增的文章終於可以看到了。 文章頁面 文章頁面比較複雜一點點,我們把它抽出一個單獨的 ShowPost Cont...
說到寫文章,易讀易寫的 Markdown 怎麼可以少?本篇就來配置 Markdown 功能到 Lightning。 Markdown 編輯器 我們這回要使用一...
文章列表 文章列表的路由已經存在 Resource 裡,只要再加一個草稿列表的路由,而且一定要放在 ShowPost 上面: routes/web.php /...
在原本 Laravel Blade 裡要使用分頁是非常簡單的,但現在我們前端是 Vue,需要做一(億)些些調整才能使用分頁功能。 調整 Laravel 分頁器...
列表組件已經完成,再來可以做用戶頁面的文章列表了。 用戶頁面的文章列表 首先先修改用戶頁面的 Controller 部分,因為之後這個頁面還要放用戶喜歡的文章...