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

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


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

<?php
namespace appindexcontroller;

use thinkController;
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"/> 这样子就成功的把前台模板引入了，回到网页，刷新，网页样式已经加载出来了
我的《thinkphp5实战系列(一)前期配置》文章链接为：点击打开链接 欢迎访问。