iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事 系列

當前網頁架構分別是 MPA 和 SPA,但這兩種各有其利弊。為了要將 MPA 轉成 SPA,還需要維護前後端兩個專案。這時 Inertia.js 出現了,成功解決了這個問題。Inertia.js 是建構經典後端驅動 SPA 的新方法,不需要寫前端路由和後端 API。這個系列會使用和 Laravel + Vue.js + Inertia.js + Tailwind CSS 這套現代網站的絕佳組合,來建構一個簡易的部落格平台 Lightning,從中一步步了解 Inertia.js 的使用方式~~

鐵人鍊成 | 共 30 篇文章 | 67 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 Lightning 用戶註冊

註冊基本上和登入差不多,我們要做的註冊頁面裡也只需要增加一點欄位。 註冊頁面 跟登入一樣,到 RegisterController 中替換掉註冊頁面: app...

2020-09-13 ‧ 由 Lucas Yang 分享
DAY 12

Day 12 Lightning 編輯個人資料

註冊完帳號後,本篇要來更新資料和上傳大頭照。 帳號設定頁面 首先先新增 Controller: php artisan make:controller Use...

2020-09-14 ‧ 由 Lucas Yang 分享
DAY 13

Day 13 Lightning 刪除帳號 & 用戶頁面

接續上篇,做刪除帳號和用戶頁面,一口氣完成用戶的功能! 刪除帳號 新增刪除帳號的路由: routes/web.php // User ... Route::d...

2020-09-15 ‧ 由 Lucas Yang 分享
DAY 14

Day 14 Lightning 文章功能

Lightning 作為一個部落格平台,最重要的自然是發文功能。本篇要先準備好文章功能需要的 Migration、Model、Presenter 等等。 新增...

2020-09-16 ‧ 由 Lucas Yang 分享
DAY 15

Day 15 Lightning 新增文章

撰寫文章頁面 在上篇中,新增 Model 附贈了 Resource Controller,這裡也要新增 Resource 路由: routes/web.php...

2020-09-17 ‧ 由 Lucas Yang 分享
DAY 16

Day 16 Lightning 文章頁面

再來要做 Lightning 的文章頁面,上篇新增的文章終於可以看到了。 文章頁面 文章頁面比較複雜一點點,我們把它抽出一個單獨的 ShowPost Cont...

2020-09-18 ‧ 由 Lucas Yang 分享
DAY 17

Day 17 配置 Markdown

說到寫文章,易讀易寫的 Markdown 怎麼可以少?本篇就來配置 Markdown 功能到 Lightning。 Markdown 編輯器 我們這回要使用一...

2020-09-19 ‧ 由 Lucas Yang 分享
DAY 18

Day 18 Lightning 文章、草稿列表

文章列表 文章列表的路由已經存在 Resource 裡,只要再加一個草稿列表的路由,而且一定要放在 ShowPost 上面: routes/web.php /...

2020-09-20 ‧ 由 Lucas Yang 分享
DAY 19

Day 19 Lightning 分頁功能

在原本 Laravel Blade 裡要使用分頁是非常簡單的,但現在我們前端是 Vue,需要做一(億)些些調整才能使用分頁功能。 調整 Laravel 分頁器...

2020-09-21 ‧ 由 Lucas Yang 分享
DAY 20

Day 20 Lightning 完善文章列表 & 優化資料庫查詢

列表組件已經完成,再來可以做用戶頁面的文章列表了。 用戶頁面的文章列表 首先先修改用戶頁面的 Controller 部分,因為之後這個頁面還要放用戶喜歡的文章...

2020-09-22 ‧ 由 Lucas Yang 分享