tp5----实践前台模块分离

最新推荐文章于 2022-07-31 01:50:02 发布

iheyu

最新推荐文章于 2022-07-31 01:50:02 发布

阅读量487

点赞数

CC 4.0 BY-SA版权

分类专栏： thinkphp 应用文章标签： thinkPHP 前台头部底部分离

本文链接：https://blog.youkuaiyun.com/iheyu/article/details/86774588

thinkphp 同时被 2 个专栏收录

53 篇文章

订阅专栏

应用

18 篇文章

订阅专栏

本文介绍了如何在ThinkPHP5框架下进行前台模块的分离，包括头部和底部的独立，以提升页面的复用性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在index\view下创建common（公共）文件夹：
	D:\phpStudy\WWW\lianxi\application\index\view
	
	2.复制index\view下的index.html文件格式到：
	D:\phpStudy\WWW\lianxi\application\index\view\common
	把index.html 修改名字为：header.html
	复制header.html修改名字为：foot.html

3.把index.html文件头部的内容放到common\header.html文件内：
<div class="ladytop">
	<div class="nav">
		<div class="left"><a href=""><img src="__PUBLIC__/images/hunshang.png" alt="wed114婚尚"></a></div>
		<div class="right">
			<div class="box">
				<a href="hunjia/"  rel='dropmenu209'>婚嫁</a> <a href="meirong/"  rel='dropmenu110'>美容</a>
				<a href="fushi/"  rel='dropmenu112'>服饰</a> <a href="yule/"  rel='dropmenu118'>娱乐</a>
				<a href="jiankang/"  rel='dropmenu120'>健康</a> <a href="meishi/"  rel='dropmenu122'>美食</a>
				<a href=""  rel='dropmenu117'>生活</a>
				<a href="tuku/"  rel='dropmenu103'>图库</a> <a href="zhuanti/" >专题</a>
			</div>
		</div>
	</div>
</div>

<div class="hotmenu">
	<div class="con">热门标签：<a href='qiwenqushi/'>奇闻趣事</a> <a href=''>生活妙招</a> <a href='xingzuo/'>星座</a>
	<a href='qinzi/'>亲子</a> <a href='qiche/'>汽车</a> <a href='chongwubaike/'>宠物百科</a> <a href='jiaji/'>家居</a> </div>
</div>




	把index.html文件原有头部的内容删掉
	（如果没有头部内容就可以了）
	http://www.iheyu.com/lianxi/public/index.php/index

把头部内容引入回来
	4.在D:\phpStudy\WWW\lianxi\application\index\view\index\index.html
	在<body>下面插入内容：{include file="user(文件夹名称)/header(文件名称)" /} 
	{include file="common/header" /} 
	

	5.按照同样的方法把：
	{include file="common/header" /}分别插入到：
	D:\phpStudy\WWW\lianxi\application\index\view\cate\cate.html
	D:\phpStudy\WWW\lianxi\application\index\view\article\article.html
	(引入成功)
	http://www.iheyu.com/lianxi/public/index.php/index/cate
	http://www.iheyu.com/lianxi/public/index.php/index/article

6.把index.html文件底部的内容放到common\foot.html文件内：
<div class="footerd">
	<ul>
		<li>Copyright &#169; 2008-2016  all rights reserved 版权所有   <a href="http://www.miibeian.gov.cn" target="_blank" rel="nofollow">
			蜀icp备08107937号</a></li>
	</ul>
</div>


	把index.html文件原有底部的内容删掉
	（如果没有底部内容就可以了）
	http://www.iheyu.com/lianxi/public/index.php/index

	把底部内容引入回来
	7.在D:\phpStudy\WWW\lianxi\application\index\view\index\index.html
	在</body>上面插入内容：
	{include file="common/foot" /} 

	8.按照同样的方法把：
	{include file="common/foot" /}分别插入到：
	D:\phpStudy\WWW\lianxi\application\index\view\cate\cate.html
	D:\phpStudy\WWW\lianxi\application\index\view\article\article.html
	(引入成功)
	http://www.iheyu.com/lianxi/public/index.php/index/cate
	http://www.iheyu.com/lianxi/public/index.php/index/article