跳至主要內容
:::
切換選單顯示狀態
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
登入
登入
帳號
密碼
登入
重取設定
:::
所有書籍
「Laravel 5.6 入門講義」目錄
MarkDown
4. 了解路由的運作
1. 關於 Laravel
1-1 為何需要框架？
1-2 快速安裝開發環境及開發工具
1-2-1 以XAMPP建立運作環境
1-2-2 Visual Studio Code文字編輯器
1-2-3 安裝 Composer
1-2-4 安裝 GitHub Desktop for Windows
1-2-5 [建議]瀏覽器附加元件
1-2-6 [參考]申請mailtrap帳號
1-2-7 [參考]用Homestead建構開發環境
2. 建立專案
2-1 將專案加入本地端的 git
2-2 將專案放上GitHub
2-3 設定專案環境
2-4 Laravel運作週期
3. 建立使用者認證
3-1 佈署到主機上
3-2 新增語系
3-3 開啟網站並登入
4. 了解路由的運作
4-1 製作系統主樣板
4-2 製作中文語系檔
4-3 修改首頁畫面
4-4 Blade 樣板語法
5. 安裝後台及讀寫機制
5-1 安裝後台的使用者角色管理
5-2 讓閒雜人等不能進入後台
5-3 安裝 laravel-debugbar 方便除錯
6. 建立相關資料表及模型
6-1 編輯並執行測驗（exam）的 migrate 檔案
7. 開始定義系統各項功能
7-1 還沒有控制器的路由寫法
7-2 有控制器的路由寫法
8. 建立新增測驗的操作界面
8-1 安裝marvinlabs/laravel-html-bootstrap-4套件
8-2 建立發布測驗的表單
9. 建立Exam的控制器controller
9-1 修改路由改用控制器
9-2 在視圖中取得使用者編號
9-3 將資料寫進資料庫
9-4 用 fillable 批量賦值寫入
10. 表單驗證及錯誤處理
10-1 建立Request來統一驗證
11. 讀出所有測驗
11-1 讀出時加入各種條件
11-2 加入分頁
12. 讀出單一測驗
12-1 路由模型綁定
12-2 建立並執行題目的Model 及 migrate 文件
12-3 新增題目編輯表單
12-4 儲存題目
12-5 列出題目
12-6 匯入題目
12-7 利用Model查詢資料的方法
12-8 測驗與題目的關聯
13. 利用模型工廠產生隨機題目
13-1 建立Seeder快速填充資料
14. 修改測驗
14-1 更新測驗
14-2 修改題目
14-3 更新題目
15. 刪除題目
15-1 刪除測驗
15-2 加入刪除確認
16. 建立並執行考試的Model 及 migrate 文件
16-1 設定考試與測驗、考生的關聯
16-2 產生考試界面
16-3 儲存並計分
16-4 產生考試結果
17. 安裝設定新北市OpenID登入
17-1 使用新北市OpenID登入
17-2 異動資料表
17-3 修改考試的儲存動作
18. 網站的關閉與啟動
18-1 使用路由前置字串
18-2 使用資源路由
19. 重建由GitHub下載的Laravel專案
4-2 製作中文語系檔
Laravel 5.6 入門講義 ================ ### 一、製作主樣板 1. 我們可以自己做個主要樣板來用，但從頭做麻煩，拿現成的來改簡單一點。 2. `/專案/resources/views/layouts/app.blade.php`實際上是我們上個單元加入使用者認證下的產物，預設其實是沒有的。 3. 但由於其結構挺不錯的，又支援BootStrap4，所以我們可以直接修改 `/專案/resources/views/layouts/app.blade.php` 並直接將 `app.blade.php` 作為系統的主樣板來使用。 ```markup <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>{{ config('app.name', 'Laravel') }}</title> <!-- Scripts --> <script src="{{ asset('js/app.js') }}" defer></script> <!-- Fonts --> <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css"> <!-- Styles --> <link href="{{ asset('css/app.css') }}" rel="stylesheet"> </head> <body> <div id="app"> @include('layouts.nav') <main class="py-4"> @yield('content') </main> </div> </body> </html> ``` 4. 其中`{{ }}`裡面可以放PHP變數、函數...等內容，詳情可見：<https://laravel-china.org/docs/laravel/5.6/blade/1375#6a96da> 5. 預設情況下，`{{ }}` 語句會自動調用 PHP的 `htmlspecialchars` 函數防止 XSS 攻擊。不想轉義的話，可以使用`{!! !!}`語法。 6. 有時候，若是真的要在視圖上顯示`{{ }}`，或者有其他前端套件也是使用`{{ }}`來進行渲染，那麼，只要寫成`@{{ }}`即可。 7. 將原本25～68行左右的<nav>標籤全部移出成另一個檔案（`/專案/resources/views/layouts/nav.blade.php`），並於此處用`@include('layouts.nav') `引入該檔案。 ### 二、引入選單子樣板 1. 我們將其中的選單部份獨立出來，另存為 `layouts/nav.blade.php`，並在主樣板中用`@include() `引入子樣板即可，以保持樣板容易理解的狀態。 2. 引入時，只要寫`nav`即可，不須寫完整的`nav.blade.php`，若該樣板放在views的子目錄下，如`layouts/nav.blade.php`，則寫成`layouts.nav`即可。 ```markup <nav class="navbar navbar-expand-md navbar-light navbar-laravel"> <div class="container"> <a class="navbar-brand" href="{{ url('/') }}"> {{ config('app.name', 'Laravel') }} </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- Left Side Of Navbar --> <ul class="navbar-nav mr-auto"> </ul> <!-- Right Side Of Navbar --> <ul class="navbar-nav ml-auto"> <!-- Authentication Links --> @guest <li class="nav-item"> <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a> </li> @else <li class="nav-item dropdown"> <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre> {{ Auth::user()->name }} <span class="caret"></span> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> {{ __('Logout') }} </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </div> </li> @endguest </ul> </div> </div> </nav> ``` 3. 到這裡為止，雖然已經做好主樣板，但畫面還沒有太大的改變，也不太有感覺，稍後單元，我們就來改變入口處的畫面。 [](https://github.com/tad0616/exam56/commit/1a87e797e6c23072e6215daf7057abacf4b3430a) </body></html>
:::
書籍目錄
展開
|
闔起
快速登入
所有討論區
Tad Booking 場地設備預約
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 萬用表格
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
進階搜尋
計數器
今天：
昨天：
總計：
4. 了解路由的運作
