技術 Day 19 Lightning 分頁功能

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

技術 Day 18 Lightning 文章、草稿列表

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

技術 Day 17 配置 Markdown

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

技術 Day 16 Lightning 文章頁面

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

技術 Day 15 Lightning 新增文章

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

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

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

技術 Day 12 Lightning 編輯個人資料

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

技術 Day 11 Lightning 用戶註冊

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

技術 Day 09 Lightning 用戶登入

調好了用戶 Model，現在可以來做登入/登出了。上篇已經在後端安裝 Laravel UI 有了現成的登入邏輯，但前端就需要做比較多事情...，像用 Tail...

技術 Day 07 Layout 和組件

只要是同一個網站，就會有同樣的部分，例如導覽列、頁尾、側邊欄等，需要有 Layout 來統一管理整個網頁的佈局。 網頁內元素開始多了起來，總不可能一直都要複製...

技術 Day 06 Iconify 和 Heroicons

本篇要來講在網頁很常見的元素 icon。常見的 icon 套件包括 Material Design Icons、Font Awesome、Octicon，而且...

技術 Day 05 安裝 Tailwind CSS

上一篇的範例因為沒有用 CSS 調教過，還不大能見人。本篇將來簡單介紹 Tailwind CSS 這個 Utility-First 的 CSS 框架。 Tai...