# 創建頁面 ## 下載模板 本次仿的網站是 [浙江點達國際物流有限公司](http://www.ddint.cn/) 使用在線下載網站 [仿站工具箱](http://fztool.ptcms.com/) 下載網站的代碼 如果不能用也可以直接用谷歌瀏覽器 `Ctrl+S` 這里只需要下載三個頁面 首頁、任一詳情頁、任一列表頁 ## 復制模板到項目 1. `public`目錄下新建`static`目錄 將 下載的 `css、image、javascript` 復制到 `static` 目錄下 2. `resources/views` 文件夾下新建 `index` 文件夾 用來存放前臺視圖文件 3. 所有的前臺模板存放在 `resources/views/index` 4. 刪除框架歡迎頁 `resources/views/welcome.blade.php` ### 創建視圖文件 *文章詳情頁* `/articles/show.blade.php` *基礎公共頁* `/layouts/app.blade.php` *頁腳公共頁* `/layouts/_footer.blade.php` *頁眉公共頁* `/layouts/_header.blade.php` *客服公共頁* `/layouts/_kefu.blade.php` *幻燈片公共頁* `/layouts/_slider.blade.php` *首頁* `/index/index.blade.php` 最終效果： ~~~php resources ├── views │ └── index │ └── articles │ ├── show.blade.php │ └── index │ ├── index.blade.php │ └── layouts │ ├── _footer.blade.php │ ├── _header.blade.php │ ├── _kefu.blade.php │ ├── _slider.blade.php │ ├── app.blade.php ~~~ > 雖然頁面不多 這樣做的目的是規范開發 學會使用視圖布局、繼承