thinkphp5实战系列(二)前台模板的引入

我的《thinkphp5实战系列(一)前期配置》文章链接为：点击打开链接

欢迎访问。

1、前台模板的引入

在创建好的index模块下的controller控制器里新建一个Index.php控制器，在里面写上引入模板的代码，

<?phpnamespace 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

<?phpreturn['view_replace_str'=>['__PUBLIC__'=>SITE_URL.'/public/static/index',]];

admin模块目录下的config.php

<?phpreturn['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"/>

这样子就成功的把前台模板引入了，回到网页，刷新，网页样式已经加载出来了

我的《thinkphp5实战系列(一)前期配置》文章链接为：点击打开链接

欢迎访问。