phpcms替换类列表页，内容页，主页
利用phpcms制作企业站，首先要将静态的企业主页替换成后台可编辑的动态主页。
在phpcms/install_package/phpcms/templates新建一个英文文件夹
在此文件夹下在创建一个content文件夹
将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中
然后打开phpcms后台界面，点击界面，启用自己的主页文件夹
最后点击设置，进入站点管理，点击站点后边的修改
第一步：首先做一个静态的企业站主页：
<!DOCTYPE html>
02
<html>
03
<head>
04
<meta charset="UTF-8">
05
<title></title>
06
</head>
07
<style type="text/css">
08
ul li{
09
list-style: none;
10
display: block;
11
position: relative;
12
float: left;
13
width: 100px;
14 15 16
}
17
ul{
18
height: 50px;
19
}
20
.base{
21
color: #000000;
22
}
23
.col{
24
color: #0000FF;
25
}
26 27
ul li a{
28
text-decoration: none;
29 30
}
31
#header{
32
width: 1200px;
33
height: 50px;
34
border: solid 2px #000000;
35
}
36 37
#footer{
38
width: 1200px;
39
height: 50px;
40
border: solid 2px #000000;
41
}
42
.list{
43
position: relative;
44
width: 500px;
45
height: 250px;
46
margin-left: 50px;
47
border: solid 2px #000000;
48
margin-top: 10px;
49
float: left;
50
}
51
#content{
52
width: 1200px;
53
height: 550px;
54
}
55
</style>
56
<body>
57
<div id="header">
58
<ul>
59
<li ><a class="col" href="">首页</a></li>
60
<li ><a class="base" href="">新闻</a></li>
61
<li ><a class="base" href="">公告</a></li>
62
<li ><a class="base" href="">关于我们</a></li>
63
<li ><a class="base" href="">加入我们</a></li>
64
</ul>
65 66
</div>
67 68
<div id="content">
69
<div class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>aaaaaa</p></div>
70
<div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>aaaaaaa</p></div>
71
<div class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>aaaaaaaa</p></div>
72
<div class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛啊啊啊啊啊啊啊囊烦恼</p></div>
73
</div>
74 75
<div id="footer">
76
<ul>
77
<li ><a class="base" href="">友情链接</a></li>
78
<li ><a class="base" href="">链接1</a></li>
79
<li ><a class="base" href="">链接2</a></li>
80
<li ><a class="base" href="">链接3</a></li>
81
<li ><a class="base" href="">链接4</a></li>
82
</ul>
83
</div>
84
</body>
85
</html>
第二步：将网页中的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>
改为
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
再在下面引入两个<meta>标签
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
给导航栏添加链接：根据后台的栏目
将
<ul>
2
<li ><a class="col" href="">首页</a></li>
3
<li ><a class="base" href="">新闻</a></li>
4
<li ><a class="base" href="">公告</a></li>
5
<li ><a class="base" href="">关于我们</a></li>
6
<li ><a class="base" href="">加入我们</a></li>
7
</ul>
替换为：
<div id="header">
02
<ul>
03
{if $top_parentid==0}<!--判断首页显示的是不是首页-->
04
<li><a href="{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页，给首页加属性字体显示白色。-->
05
{else}
06
<li><a href="{siteurl($siteid)}">首页</a></li><!--如果不是首页，内容正常显示。-->
07
{/if}
08
{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
09
{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid-->
10
<li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性，字体显示白色-->
11
{else}
12
<li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是，内容正常显示-->
13
{/if}
14
{/pc}
15 16
</ul>
17 18 19
</div>
对{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的代码
首先给更多添加内部链接：
代码：
<a href="{$CATEGORYS[10][url]}">更多</a>
中间的数字代表phpcms后台中栏目代号
给div的内容设置动态：
<div class="list">
2
新闻<span style="padding-left: 430px;"><a href="{$CATEGORYS[10][url]}">更多</a></span>
3
{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}
4
{loop $data $r $val}
5
<p><a href="{$val[url]}">{$val[title]}</a></p>
6
<p>{$val[description]}</p>
7
{/loop}
8
{/pc}
9
</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为二级栏目的列表网页
去掉头尾，导入文件，修改路径
二级导航中引入：
|
1
2
3
4
5
6
7
8
9
10
|
{pc:content action="category" catid="$catid" order="listorder ASC" num="10" siteid="$siteid"} {loop $data $v} 代码 {/loop}{/pc} |
以此来显示二级栏目
点击二级栏目的连接后，网页链接到 list_renci.html页中
此时在list_renci.html的二级导航中添加：
|
1
2
3
4
5
6
7
8
9
10
|
{pc:content action="category" catid="$parentid" order="listorder ASC" num="10" siteid="$siteid"} {loop $data $v} 代码 {/loop} {/pc} |
以此来显示父级栏目即所有的二级栏目
内容页中，新建show.html文件放入content 为内容页，同样去掉头尾，导入文件，修改路径。
如果网页要链接到其他网页，则修改内容的链接：
注意：链接为wamp目录下的，以localhost开头的地址。
Copyright ©2017 甘冬冬
phpcms替换类列表页，内容页，主页的更多相关文章
- Phpcms v9 实现首页|列表页|内容页调用点击量的代码
很多朋友经常问Phpcms v9的首页.列表页.内容页点击量如何调用.今天给大家分享phpcms V9如何分别在首页.列表页.内容页调用点击量代码 1,Phpcms v9首页调用点击量 {pc:con ...
- 织梦dedecms首页/列表页/内容页调用tag的方法(未测试)
织梦dedecms首页/列表页/内容页调用tag的方法 在网站中tag是网站搜索相关文章的联系之一,也可以有专门的tag页面,在不同的页面也可以调用tag,而不是只有在首页和列表页才可以调用tag,这 ...
- PHPCMS之 列表和内容页
上一篇随笔中降到了一些相似的语法可以来后台管理网页的内容,下面就是关于列表的管理 加入一级栏目中有几个有二级菜单的,那么就可以把相应的界面建立一个副本,然后修改里面栏目的一些属性 {pc:conten ...
- PHPCMS替换主页、列表页、内容页
利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页. 在phpcms/install_package/phpcms/templates新建一个英文文件夹 在此文件夹下在创建一 ...
- PHPCMS v9 实现首页，列表页，内容页调用点击量方法
大家好,今天有点闲,看很多朋友经常问PHPCMS v9 首页,列表页,内容页调用点击怎么弄,打算抽时间把代码全部归纳出来,以便大家日后使用,如下: 1,首页调用点击量 {pc:content acti ...
- phpcms视频模块实现列表页打开内容页直接播放视频
摘自phpcms论坛 原链接地址:http://bbs.phpcms.cn/thread-557691-1-1.html 之前下载研究过“化蝶自在飞”开发的视频模型,发现功能不错,但唯一的缺憾是,我想 ...
- phpcms V9首页、列表页以及内容页调用标签
1.页面标题:{$title} 2.发表时间:{$inputtime} 3.内容来源:{$copyfrom} 4.文章内容:{$content} 5.缩略图地址:{$thumb} 6.组图列表: {l ...
- 织梦DeDeCms列表分页和内容页分页错位解决办法
文章页分页代码在这里/include/arc.archives.class.php列表页分页/include/arc.listview.class.php 很多入门的站长会碰到这样的问题,织梦的通病, ...
- /.nav-tabs :是普通标签页 .nav-pills:胶囊式标签页 action ;默认的激活项，给<li>加默认显示的是哪个标签页内容 .nav是标签页的一个基类，给ul加 .nav-stacked: 垂直排列BootStrap
<meta name="viewport" content="with=device-width, initial-scale=1, user-scalabe=no ...
随机推荐
- EAST 自然场景文本检测
自然场景文本检测是图像处理的核心模块,也是一直想要接触的一个方面. 刚好看到国内的旷视今年在CVPR2017的一篇文章:EAST: An Efficient and Accurate S ...
- DevExpress中chartControl中实现统计图功能
public partial class Form1 : DevExpress.XtraEditors.XtraForm { public Form1() { InitializeComponent( ...
- c语言中函数参数入栈的顺序是什么？为什么
看到面试题C语言中函数参数的入栈顺序如何? 自己不知道,边上网找资料.下面是详细解释 #include <stdio.h> void foo(int x, int y, int z){ ...
- spine 所有动画的第一帧必须把所有能K的都K上
spine 所有动画的第一帧必须把所有能K的都K上.否则在快速切换动画时会出问题.
- unity, water cube
<纪念碑谷>里有一关开始是一个宝箱展开后里面有一个water cube,其中还有小鱼在游.如下截图: 因为我们知道<纪念碑谷>是unity做的,而现在正开始学unity,所以也 ...
- Swift 的 pod 第三方库
#HTTPpod 'Alamofire' #Elegant HTTP Networking in Swiftpod 'SwiftHTTP' #Thin wrapper around NSURLSess ...
- JavaScript 高程三读书笔记；
1. 在使用 <script> 嵌入 JavaScript 代码时,记住不要在代码中的任何地方出现 "</script>" 字符串. 例如,浏览器在加载下面 ...
- [转]ISTQB FL初级认证考试资料（中文）
[转]ISTQB FL初级认证考试资料(中文) 2015-06-22 ISTQB作为一个专业的提供软件测试认证的机构,得到了全球软件测试人员的认可.目前中国有越来越多的人已经获得或者希望获得ISTQB ...
- ar命令学习
之前,学习Linux下使用静态库的时候涉及到了这三个命令: gcc -c my_strcpy.c my_strcmp.car rcs libmylib.a *.ogcc -o main main.c ...
- HTML5中的拖放
关于HTML5中的拖放 拖放(Drag 和 Drop)是一种常见的特性,即抓取对象以后拖到另一个位置,在 HTML5 中,拖放是标准的组成部分.在HTML5中用户可以使用鼠标选择一个可拖动元素,将元素 ...