Toggle main menu visibility
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
:::
登入
登入
帳號
密碼
登入
:::
所有書籍
「Laravel 5.8 入門講義 」目錄
MarkDown
15. 使用 Laravel Mix 來管理前端資源
1. 關於 Laravel
1-1 為何需要框架?
1-2 快速安裝開發環境及開發工具
1-2-1 以Laragon建立運作環境
1-2-2 修改資料庫密碼並建立myshop資料庫
1-2-3 Visual Studio Code文字編輯器
1-2-4 安裝 Composer
1-2-5 [參考]註冊 GitHub
1-2-6 [參考]瀏覽器附加元件
1-2-7 [參考]申請mailtrap帳號
1-2-8 [參考]用Homestead建構開發環境
2. 專案需求分析
2-1 建立專案
2-2 [參考]將專案加入本地端的 git
2-3 [參考]將專案放上GitHub
2-4 設定專案環境
2-5 Laravel運作週期
3. 建立使用者認證
3-1 新增中文語系
4. 了解路由 Router 及視圖 View
4-1 製作系統主樣板
4-2 為樣板製作中文語系檔
4-3 修改首頁畫面
4-4 Blade 樣板語法(自訂導覽列選項)
5. 安裝 laravel-admin 後台
5-1 修改後台設定檔
5-2 將後台選單中文化的方法
6. 修改使用者資料表
6-1 修改註冊頁面
6-2 讓新增的欄位可以寫入資料庫
6-3 剛剛我們做了什麼?
7. 開始定義系統各項功能
7-1 還沒有控制器的路由寫法
7-2 有控制器的路由寫法
8. 在後台新增買家管理
8-1 建立管理買家的後台控制器
8-2 新增管理買家的路由
8-3 新增選單
8-4 調整可修改的項目
9. 建立商品模型
9-1 編輯並執行商品(Product)的 migrate 檔案
9-2 建立後台商品管理頁面
9-3 中文化商品管理界面
9-4 後台新增商品頁面
9-5 後台的驗證表單資料
9-6 後台加入所見即所得編輯器
9-7 後台修改商品
10. 建立前台顯示商品頁面
10-1 建立前台商品控制器
10-2 修改路由讓首頁呈現商品列表
10-3 修改控制器以執行取得資料動作
10-4 修改模型以正確顯示圖片
10-5 修改視圖以顯示商品列表
11. 建立商品測試資料
11-1 讓系統也可以顯示測試圖片
11-2 建立Seeder快速填充資料
12. 建立商品詳情頁的路由
12-1 建立商品詳情頁的控制器
12-2 路由模型綁定
12-3 建立商品詳情頁的視圖
13. 一般的異常處理
13-1 優雅的異常處理
14. 關於購物車
14-1 建立購物車的模型
14-2 設定商品、購物車與買家的關聯
14-3 建立新增至購物車的路由
14-4 建立購物車控制器
15. 使用 Laravel Mix 來管理前端資源
15-1 修改前台視圖
15-2 安裝 SweetAlert
15-3 實現加入購物車按鈕
15-4 將購物項目寫入資料庫
15-5 用 fillable 批量賦值寫入
15-6 建立Request來做資料整理及檢查
15-7 利用模型觀察器建立使用者資料
15-8 根據不同情況來進行新增品項或累加品項
16. 查看購物車商品
16-1 微調購物車的傳送方式
16-2 刪除某個購物品項
16-3 調整商品數量
17. 關於訂單
17-1 建立訂單及品項的模型及控制器
17-2 設定訂單及訂單項目的關聯
17-3 加入送出訂單按鈕
17-4 我的訂單列表
17-5 後台訂單管理
17-6 中文化訂單管理界面
18. 重建由GitHub下載的Laravel專案
18-1 佈署到主機上
15-2 安裝 SweetAlert
Laravel 5.8 入門講義 ================= 1. 由於改用了 Laravel Mix,所以,我們開啟`\專案\resources\views\layouts\app.blade.php`視圖來修改一下: ```php
@yield('title') {{ config('app.name', 'Laravel') }}
@include('layouts.nav')
@yield('content')
@yield('scriptsAfterJs') ``` 2. 我們拿掉了一些用不到的字型(font)設定 ,然後將13和24行改用`mix()`來引入資源 3. 並於25行加入一個自訂的`scriptsAfterJs`變數,以便其他視圖可以塞進需要的JavaScript語法 [![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/myshop/commit/c4c55e943b4233a2238fb7a53a118a2df81cdc63)