Toggle main menu visibility
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
:::
登入
登入
帳號
密碼
登入
:::
所有書籍
「Laravel 5.6 入門講義」目錄
MarkDown
4-2 製作中文語系檔
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-4 Blade 樣板語法
Laravel 5.6 入門講義 ================ ### 一、編輯預設首頁 1. 要決定改呈現什麼畫面,目前的決定權在路由設定中,其中,當連到首頁(`/`)就傳回`view('welcome')`,也就是去呼叫 `/專案/resources/views/welcome.blade.php` 這個檔的意思。 ```php Route::get('/', function () { return view('welcome'); }); ``` 2. 所以,請開啟`/專案/resources/views/welcome.blade.php`以修改之: ```php @extends('layouts.app') @section('content')
隨機題庫系統
@endsection ``` 3. 此檔主要設定`content`樣板變數,到時後會套入主樣板 `layouts/app.blade.php` 中。 - `@extends('layouts.app') `,就是說,目前這個樣板是源自於(或是繼承自)`layouts/app.blade.php `視圖。 - `@section('樣板變數名稱','值')` 用來定義一個樣板變數,及其對應值 - 若是只有`@section('樣板變數名稱')`,那麼下方可直接填入內容,然後用 `@endsection` 來做個結束亦可。 - `@yield('xxx') `會顯示定義的樣板變數`xxx`的內容 4. 要手動排版,可按
Alt
+
Shift
+
F
5. 最後看起來像這樣![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_020.png) ### 二、微調版面 1. 視圖中,有個<div class="container"></div>把住要內容包起來,這是BootStrap的用法,讓內容的呈現範圍大約維持在1170左右。由於幾乎每一個視圖都會用到,所以,我們可以之移至主樣板,如此,就無須在每個blade.php中加入該語法。 2. 換言之主樣板`/專案/resources/views/layouts/app.blade.php`變這樣: ```markup
{{ config('app.name', 'Laravel') }}
@include('layouts.nav')
@yield('content')
``` 3. 首頁視圖`/專案/resources/views/welcome.blade.php`變得更簡單了: ```markup @extends('layouts.app') @section('content')
隨機題庫系統
@endsection ``` [![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/576104b0ee40b7acc13de6a887bfa96ee447308e)