Toggle main menu visibility
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
:::
登入
登入
帳號
密碼
登入
:::
所有書籍
「Laravel 5.8 入門講義 」目錄
MarkDown
2. 專案需求分析
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 佈署到主機上
2-2 [參考]將專案加入本地端的 git
Laravel 5.8 入門講義 ================= ### 一、用Laragon快速建立 Laravel 專案 1. 如果您是用Laragon，那麼，只要在其控制台（或小圖示）按右鍵→快速創建→Laravel  2. 然後填入專案名稱，就可以立即生出一個完整Laravel專案出來  3. 會自動設好虛擬網址，如：<http://myshop.test>，可以直接測試使用。  4. 此外，之所以可以直接輸入<http://myshop.test>就連到測試網站，實際上只是軟體幫我們修改了 `C:\Windows\System32\drivers\etc\hosts` 這個檔，欺騙自己的電腦而已，別人的電腦連<http://myshop.test>是沒作用的。 ### 二、用指令建專案 1. 啟動VSCode，「檔案→開啟資料夾」，選擇欲放置專案的目錄，如`C:\laragon\www`。 2. 按下<kbd>Ctrl</kbd>+<kbd>`</kbd>，叫出終端機，在於終端機中貼上以下語法，以建立專案（可指定版本，但要確定環境變數中的PHP是7.1.3以後的版本，若未指定版本，則會依據可抓到的PHP版本取用最新的laravel）： ```bash composer create-project laravel/laravel myshop "5.8.*" --prefer-dist ``` 3. 如此，會在網頁目錄下建立出 `myshop `資料夾，以及相關所需檔案。 4. `--prefer-dist `表示是從壓縮檔下載，可加快下載速度（不過其實還是大概需要五到十分鐘左右的安裝時間）。 5. 或用composer 來建立 Laravel 專案亦可（若有做上述動作，以下就不用再做） ```bash composer require "laravel/installer" laravel new myshop ``` 6. 另外，進入專案目錄後，亦可用指令查看目前使用的laravel版本 ```bash cd myshop php artisan --version ``` ### 三、專案的檔案目錄結構 1. 安裝好之後，可以開啟編輯器，如 VSCode，利用「專案→新增資料夾到專案」將`myshop`目錄加至左邊目錄，以方便存取。 2. 詳細目錄說明可以參考：<https://learnku.com/docs/laravel/5.8/structure/3881> <table border="0" cellpadding="0" cellspacing="0" class="table table-bordered" width="144"> <colgroup> <col span="2"></col> </colgroup> <tbody> <tr class="info"> <td height="22" style="height:22px;width:72px;">目錄或檔名</td> <td style="width:72px;">用途說明</td> </tr> <tr height="22"> <td height="22" style="height:22px;width:72px;">app</td> <td style="width:72px;">專案核心，專案程式都在裡面</td> </tr> <tr height="22"> <td height="22" style="height:22px;width:72px;"><span style="color:#0000FF;">-- Console</span></td> <td style="width:72px;"><span style="color:#0000FF;">和專案相關的命令列檔案</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;"><span style="color:#0000FF;">-- Exceptions</span></td> <td style="width:72px;"><span style="color:#0000FF;">例外狀況處理</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;"><span style="color:#0000FF;">-- Http</span></td> <td><span style="color:#0000FF;">放置Http請求流程中所執行內容</span></td> </tr> <tr> <td height="22" style="height:22px;"><span style="color:#008000;">----Controllers</span></td> <td><span style="color:#008000;">控制器</span></td> </tr> <tr> <td height="22" style="height:22px;"><span style="color:#008000;">----Middleware</span></td> <td><span style="color:#008000;">中介層</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;"><span style="color:#0000FF;">-- Providers</span></td> <td><span style="color:#0000FF;">放置應用程式的服務提供者，由config/app.php中的providers設定載入</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;"><span style="color:#0000FF;">-- User.php</span></td> <td><span style="color:#0000FF;"></span></td> </tr> <tr height="22"> <td height="22" style="height:22px;">bootstrap</td> <td>框架啟動的程式碼</td> </tr> <tr> <td height="22" style="height: 22px; background-color: rgb(255, 255, 204);"><span style="color:#0000FF;">--cache</span></td> <td style="background-color: rgb(255, 255, 204);"><span style="color:#0000FF;">快取目錄，</span><span style="color:#FF0000;">需777(寫入權限)</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;">config</td> <td>設定檔案的目錄</td> </tr> <tr height="22"> <td height="22" style="height:22px;">database</td> <td>專案資料表</td> </tr> <tr height="22"> <td height="22" style="height:22px;">public</td> <td>專案網站的根目錄，都是靜態檔案</td> </tr> <tr height="22"> <td height="22" style="height:22px;">resources</td> <td>專案相關的資源檔案，包括 views、lang、assets等。</td> </tr> <tr height="22"> <td height="22" style="height:22px;">routes</td> <td>路由目錄</td> </tr> <tr height="22"> <td height="22" style="height: 22px; background-color: rgb(255, 255, 204);">storage</td> <td style="background-color: rgb(255, 255, 204);">儲存設定目錄，<span style="color:#FF0000;">需777(含底下目錄及檔案都要有寫入權限)</span></td> </tr> <tr height="22"> <td height="22" style="height:22px;">tests</td> <td>單元測試目錄</td> </tr> <tr height="22"> <td height="22" style="height:22px;">vendor</td> <td>composer的套件目錄</td> </tr> <tr height="22"> <td height="22" style="height:22px;">.env</td> <td>專案設定檔</td> </tr> <tr height="22"> <td height="22" style="height:22px;">.env.example</td> <td>專案設定檔範本</td> </tr> <tr height="22"> <td height="22" style="height:22px;">.gitattributes</td> <td>git用檔案</td> </tr> <tr height="22"> <td height="22" style="height:22px;">.gitignore</td> <td>git忽略檔</td> </tr> <tr height="22"> <td height="22" style="height:22px;">artisan</td> <td>主程式進入點，非常常用的指令</td> </tr> <tr height="22"> <td height="22" style="height:22px;">composer.json</td> <td>composer 檔案，紀錄所使用的php套件資訊及版本</td> </tr> <tr height="22"> <td height="22" style="height:22px;">composer.lock</td> <td>composer 鎖定檔，紀錄該專案下載的php套件資訊及版本</td> </tr> <tr height="22"> <td height="22" style="height:22px;">package.json</td> <td>專案相關composer套件檔</td> </tr> <tr height="22"> <td height="22" style="height:22px;">phpunit.xml</td> <td> </td> </tr> <tr height="22"> <td height="22" style="height:22px;">readme.md</td> <td>git用</td> </tr> <tr height="22"> <td height="22" style="height:22px;">server.php</td> <td>啟動內建伺服器</td> </tr> <tr> <td height="22" style="height:22px;">webpack.mix.js</td> <td>webpack模組整合工具</td> </tr> </tbody> </table>
:::
書籍目錄
展開
|
闔起
快速登入
所有討論區
Tad Search 資料查詢
懶人框架討論區
實戰PHP7+MySQL
XOOPS輕鬆架快速上手
校園網站輕鬆架一般討論區
Booking Helper 預約助手
es_stud_sign 班級報名
es charge 學生收費管理
E-Stud import 學生名冊管理
es_after_school 課後照顧報名
es_exam 學生作業繳交
ES_panel 校務行政面板
es_timetable 課表
ES_youtube 本校影音
info_whats 網路設備記錄
jill booking 場地預約
jill_notice 臨時公告
jill query 簡易查詢
jill receipt 領據填報
kw club 社團報名
kw device 設備借用管理系統
ntpc_oprnid 新北市 OpenID 登入
TinyD嵌入內容模組
ugm contact us 聯絡我們
ugm page 自訂頁面
ugm table 萬用表格
Yaoh Servicelearning 服務學習管理系統
dummy 自訂模組
soone_submit 投稿模組
Tad Adm 站長工具箱
Tad Assignment 作業上傳展示模組
Tad Blocks 進階區塊管理
Tad Book3 線上書籍
Tad Cal 行事曆
Tad Cbox 即時留言簿
Tad Discuss 討論區模組
Tad Embed 崁入模組
Tad Evaluation 評鑑檔案管理
Tad Form 萬用表單模組
Tad FAQ 常見問答
Tad Google 相簿
Tad Gallery 電子相簿
Tad Guide 安裝精靈
Tad Honor 榮譽榜
Tad idioms 背背成語
Tad Link 好站連結
Tad Login 快速登入
Tad Lunch3 午餐資訊
Tad Lunch2 營養午餐公告
Tad Meeting 會議系統
Tad Merage 線上合併套印
Tad News 本站消息
Tad Player 影音播放
Tad RSS 友站新聞
Tad Repair 維修通報
Tad SiteMap網站地圖
Tad Timeline 重要紀事
Tad Themes 佈景管理
Tad Tools 工具包
Tad TV 直播電視
Tad Uploader 檔案上傳模組
Tad Users 大量會員管理
Tad Web 多人網頁模組
MyTabs 我的頁籤
Random Quote 隨機小語
LogCounterX 網站流量統計
Yaoh light 多區塊多層次跑馬燈模組
校園網站輕鬆架功能建議區
佈景討論區
即時留言簿
search
進階搜尋
計數器
今天：
昨天：
總計：
2. 專案需求分析
