900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > thinkphp5实战系列(二)前台模板的引入

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

时间:2023-07-21 21:49:00

相关推荐

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实战系列(一)前期配置》文章链接为:点击打开链接 欢迎访问。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。