Thinkphp5完成前台模板引入及分离

完成前台模板引入及分离。
一、列表页引入到框架中。List.php控制器。list.html模板。
1.新建一个列表Lst控制器,注意事项:在TP5中List列表页必须去掉i写成Lst。否则会报错。
2.Lst控制器代码编写。
Lst控制器类继承Controller核心控制器,$this->fetch(lst);加载lst列表页。相对路径
3.新建视图文件Lst--》lst模板文件。可以直接把准备好的lst模板复制到视图Lst文件夹下即可。
4.引入css样式路径--》图片资源路径--》js资源路径。
因为在配置文件config.php已经设置好路径,直接写__PUBLIC__常量路径即可。
5.在index.html主页面加入列表页面lst.html屋脊线
6.测试。点击主页的阅读全文。相对路径
二、留言板模板引入部署到框架中。
1.新建一个留言板Gust控制器。
2.在index主页面方法中加载留言板gust模板。
相对路径:相对于Gust模块--》index主页面控制器--》gust操作方法。
3.新建Gust视图文件夹和gust.html模板文件。
两天一夜20120108
4.把准备好的模板文件直接复制到Gust视图文件下即可。
5.承担民事责任的方式引入book留言板资源路径。Css-img-js.
波特率6.在index主页面添加跳转到留言板页面gust.html
7.测试留言板gust页面。
相对路径:相对于Gust模块--》index主页面控制器--》gust操作方法。
三、内容页面引入到项目中部署。Article.html
1.新建内容页面控制器Article.php
2.内容页面控制器的代码编写。
3.新建视图文件--》内容模板。
4.资源路径的引入,css-img--js。
2015年浙江高考作文
5.在主页面加入article.html
6.测试结果。
四、搜索制作。
1.新建Search搜索控制器。
2.加载search页面。
3.新建视图文件夹--》search.html模板文件。
4.把准备好的模板代码复制过来。
5.引入css-js-img.资源路径。
高层建筑混凝土结构技术规程
6.测试结果。输入路由地址测试。
五、Public公共部分制作。
1.制作Public公共区文件夹。
2.把头部代码剪切到公共区的header文件里。剪切主页面的头部index.html
3.在主页写入{include file=Public/header}引入公共区域头部代码
4.测试结果说明公共区域Public下的header.html头部代码载入成功。
5.把主页index.html底部代码剪切到Public公共区域footer.html里面。
6.引入底部公共区域代码。
7.测试结果说明引入公共区域Public底部footer.html成功。

本文发布于:2024-09-23 12:32:32,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/153215.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:页面   引入   模板   控制器   测试
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议