1. 程式人生 > >thinkphp5實戰系列(二)前臺模板的引入

thinkphp5實戰系列(二)前臺模板的引入

1、前臺模板的引入 在建立好的index模組下的controller控制器裡新建一個Index.php控制器,在裡面寫上引入模板的程式碼,
<?php
namespace app\index\controller;

use think\Controller;
class Index extends Controller
{
public function index()
{
return $this->fetch('index');
}
}

這樣就表示引入一個index.html檔案做為前臺頁面,但現在我們還沒有這個檔案,所以我們在index模組資料夾下建立一個view資料夾用來存放前臺模板,目錄結構為app->view->index->index.html.這樣子$this->fetch()這個方法就會順著目錄來找到我們的前臺模板並輸出

2、CSS JS檔案的引入 在前臺模板成功引入後,我們發現雖然頁面成功載入了,但樣式並沒有載入,網頁載入不完全,這時候我們就需要引入網頁的樣式檔案了。 網頁樣式檔案儲存在public->static下,我在這個資料夾下面分別建立了index,admin兩個資料夾,來分別存放兩個模組的樣式檔案
檔案放好後接下來就引入地址的問題了。要怎樣才能在html檔案中成功引入樣式檔案呢? 我們可以在app目錄下的config.php的‘’模板設定‘’可以配置模板檔案的目錄,不過為了方便,我將config檔案複製一份分別放在了我的兩個模組裡,模組中的config我只保留模板目錄的路徑 index模組目錄下的config.php
<?php
return[
'view_replace_str'=>[
'__PUBLIC__'=>SITE_URL.'/public/static/index',
]
];
admin模組目錄下的config.php
<?php
return[
'view_replace_str'=>[
'__PUBLIC__'=>SITE_URL.'/public/static/admin',
]
];

這個config檔案裡的配置會覆蓋app目錄下的配置,所以各模組下的config檔案在引用時會生效.這樣子我們在訪問不同模組的時候,用的就是不同的config配置了。 在HTML中引入方法
<linkhref="__PUBLIC__/css/bootstrap.min.css"rel="stylesheet"type="text/css"/> 相當於是訪問了這個路徑 <linkhref="public/static/index/css/bootstrap.min.css"rel="stylesheet"type="text/css"/> 這樣子就成功的把前臺模板引入了,回到網頁,重新整理,網頁樣式已經加載出來了 歡迎訪問。