PHPCMS替换主页、列表页、内容页

   日期:2024-12-26    作者:stwlp 移动:http://oml01z.riyuangf.com/mobile/quote/43937.html

利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

在此文件夹下在创建一个content文件夹

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

然后打开phpcms后台界面,点击界面,启用自己的主页文件夹

最后点击设置,进入站点管理,点击站点后边的修改

 

第一步:首先做一个静态的企业站主页:

第二步:将网页中的JS以及CSS全部导为 JS和CSS文件放入statics文件夹下的相应位置。

并将文件地址根据以下格式修改:

替换方式:

{CSS_PATH} 代表CMS定义的CSS存放路径

{JS_PATH} 代表CMS定义的JS存放路径

{IMG_PATH} 代表CMS定义的图片存放路径

第三步:设置要使用的模板

将phpcms中的默认模板改为自己制作的模板。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

在此文件夹下在创建一个content文件夹

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

登录phpcms后台,可以看到界面-》模板风格中会显示新添加的模板

设置-》站点管理中选择模板风格,点确定。

更新缓存,生成首页后

此时点击站点首页 会看到模板更改成功:

第四步:拆分模板

将模板拆为头部代码,内容代码,尾部代码

分别新建为 header.html footer.html 内容部分依旧保留在index.html中

在index.html 头部加入代码{template "content","header"} 以用来导入header.html

在index.html 尾部加入代码{template "content","footer"} 以用来导入footer.html

第五步:添加栏目

在header.html中

把静态网页的

 <title></title>
改为

再在下面引入两个<meta>标签

 

给导航栏添加链接:根据后台的栏目

替换为:

对{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}的解释:

pc(是phpcms的简写)  category是栏目的意思,

catid是栏目id,默认为0,catid=0调后台的所有一级栏目,catid=1代表调id为1的一级栏目下的所有栏目;

num为最大栏目数;siteid="$siteid"代表站点id;order="listorder ASC"的意思是按照listorder升序排列,listorder是栏目添加的顺序;

{loop $data $r} {/loop}  相当于foreach循环;$data是遍历后台出来的数据,并且是二维数组,$r是二维数组遍历出来的一位数组,$r[catname]是栏目名称,$r[url]是栏目链接到的地址

 

 

只显示首页

添加栏目:

在phpcms后台中,内容-》管理栏目中添加栏目

将需要添加的栏目添加即可,注意模板设置中模板要修改为当前模板。

第六步:给栏目添加内容

实现在下面的四个div中实现动态内容

修改index.html的代码

首先给更多添加内部链接:

代码:

中间的数字代表phpcms后台中栏目代号

给div的内容设置动态:

对{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"} 解释
action="lists"代表要查找的是list内容
action="category"代表查栏目
 {loop $data $r $val}{/loop}循环遍历内容列表内容,取标题就用$val[title],取内容$val[description],取图片就用$val[thumb];
 catid="10"是代表取栏目id为10的栏目下的所有内容,相当于找它的父级


尾部 footer.html也是与头部同样的方法遍历;

 

                                                                             替换列表页和内容页

首页替换完成后

接下来替换列表页

首先把列表的静态网页放入相应模板的content文件夹下,并改名为 list.html

并且创建栏目时选择下面一项

 

同样,头尾去掉,利用{template "content","header"}与 {template "content","footer"} 将头尾文件导入。

如果有单独的css或者js文件,也用{CSS_PATH}与{JS_PATH}修改路径,同时将图片路劲用{IMG_PATH}

如果用到其他样式的列表样式:

同样创建list开头的html文件,并且放在content文件夹下

修改栏目模板

同样去掉头尾,导入css与js文件,并修改路径

 

 

如果有一栏目设置了二级栏目

二级栏目模板设置为:

此时新建category.html为二级栏目的列表网页

去掉头尾,导入文件,修改路径

 

二级导航中引入:

  

以此来显示二级栏目

 

点击二级栏目的连接后,网页链接到 list_renci.html页中

此时在list_renci.html的二级导航中添加:

 以此来显示父级栏目即所有的二级栏目

 

 

 

内容页中,新建show.html文件放入content 为内容页,同样去掉头尾,导入文件,修改路径。

 

如果网页要链接到其他网页,则修改内容的链接:

注意:链接为wamp目录下的,以localhost开头的地址。


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号