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

首先做一个静态的企业站主页：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

	</head>

	<style type="text/css">

		ul li{

			list-style: none;

			display: block;

			position: relative;

			float: left;

			width: 100px;

		}

		ul{

			height: 50px;

		}

		.base{

			color: #000000;

		}

		.col{

			color: #0000FF;

		}

		ul li a{

			text-decoration: none;

		}

		#header{

			width: 1200px;

			height: 50px;

			border: solid 2px #000000;

		}

		#footer{

			width: 1200px;

			height: 50px;

			border: solid 2px #000000;

		}

		.list{

			position: relative;

			width: 500px;

			height: 250px;

			margin-left: 50px;

			border: solid 2px #000000;

			margin-top: 10px;

			float: left;

		}

		#content{

			width: 1200px;

			height: 550px;

		}

	</style>

	<body>

		 <div id="header">

    	<ul>

    		<li ><a class="col" href="">首页</a></li>

    		<li ><a class="base" href="">新闻</a></li>

    		<li ><a class="base" href="">公告</a></li>

    		<li ><a class="base" href="">关于我们</a></li>

    		<li ><a class="base" href="">加入我们</a></li>

    	</ul>

    </div>

    <div id="content">

		<div class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐败发布啊</p></div>

		<div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年级</p></div>

		<div class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></div>

		<div class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊烦恼</p></div>

	</div>

	<div id="footer">

		<ul>

    		<li ><a class="base" href="">友情链接</a></li>

    		<li ><a class="base" href="">链接1</a></li>

    		<li ><a class="base" href="">链接2</a></li>

    		<li ><a class="base" href="">链接3</a></li>

    		<li ><a class="base" href="">链接4</a></li>

    	</ul>

	</div>

	</body>

</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中

首先给导航栏添加链接：

将

<ul>

    		<li ><a class="col" href="">首页</a></li>

    		<li ><a class="base" href="">新闻</a></li>

    		<li ><a class="base" href="">公告</a></li>

    		<li ><a class="base" href="">关于我们</a></li>

    		<li ><a class="base" href="">加入我们</a></li>

    	</ul>

　　

修改为：

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

        	<ul >

			<li><a class="base" href="{siteurl($siteid)}"><span>首页</span></a></li>

			{loop $data $r}

			<li><a class="base" href="{$r[url]}"><span>{$r[catname]}</span></a></li>

			{/loop}

            </ul>

        {/pc}

　　

num为最大栏目数

如果想要增加导航监听效果则添加代码为：

<div id="header">

		 <ul>

		 	{if $top_parentid==0}<!--判断首页显示的是不是首页-->

    		<li><a href="{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页，给首页加属性字体显示白色。-->

			{else}

    		<li><a href="{siteurl($siteid)}">首页</a></li><!--如果不是首页，内容正常显示。-->

			{/if}

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

        	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid-->

            <li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性，字体显示白色-->

        	{else}

            <li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是，内容正常显示-->

        	{/if}

        	{/pc}

    	 </ul>	

    </div>

　　

显示效果：

只显示首页

添加栏目：

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

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

显示：

四、给栏目添加内容

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

修改index.html的代码

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

代码：

<a href="{$CATEGORYS[10][url]}">更多</a>

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

给div的内容设置动态：

<div class="list">

			新闻<span style="padding-left: 430px;"><a href="{$CATEGORYS[10][url]}">更多</a></span>

			{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}

			{loop $data $r $val}

			<p><a href="{$val[url]}">{$val[title]}</a></p>

			<p>{$val[description]}</p>

			{/loop}

        	{/pc}

		</div>

　

其余三个都是同样的方法

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

phpcms 替换首页的更多相关文章

  1. phpcms替换类列表页，内容页，主页

    phpcms替换类列表页,内容页,主页   利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页. 在phpcms/install_package/phpcms/templat ...

  2. phpcms V9首页 频道页 列表页 推荐位 简单获取文章浏览量和评论统计

    phpcms V9首页 频道页 列表页 推荐位 简单获取文章浏览量和评论统计 列表取得数据方法: {pc:content action="lists" catid="$c ...

  3. EBS系统启动&停止&增加表空间&替换首页图片

    EBS系统启动&停止&增加表空间&替换首页图片 数据库启动 使用oraprod账号登陆 [root@htdb data]# su oraprod [oraprod@htdb d ...

  4. phpcms如何做企业站--> 替换首页最初操作

    首先用一个静态首页的模板,通过cms进行替换做成一个有后台的 首页的替换流程首先要先把静态网页做出来,拿这个页面去替换 页面所有的文件都在这,做静态页面的文件 现在要做的是把这些文件复制一下拿到php ...

  5. 12月5日PHPCMS替换主页

    cms替换主页的步骤 1.先做好静态页面: 2.在D:\wamp\www\phpcms\install_package\phpcms\templates文件夹下建新的文件夹tianqiwangluo( ...

  6. phpcms V9 首页模板文件解析

    在了解了<phpcms V9 URL访问解析>之后,我们已经知道首页最终执行的是content模块下index控制器的init方法. 下面, 我们逐步分析过程如下: 第一.首页默认执行的是 ...

  7. phpcms V9 首页模板文件解析(转）

    转自:http://www.cnblogs.com/Braveliu/p/5100018.html 转在了解了<phpcms V9 URL访问解析>之后,我们已经知道首页最终执行的是con ...

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

    利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页. 在phpcms/install_package/phpcms/templates新建一个英文文件夹 在此文件夹下在创建一 ...

  9. phpcms替换来源

    //替换来源:pc标签里面必须加moreinfo="1"不加会调不出来源 {pc:content action="lists" catid="12&q ...

随机推荐

  1. ucos移植指南

    指定堆栈数据类型(宽度) typedef unsigned int OS_STK; 指定Ucos移植方法3中保存cpu状态寄存器的变量的宽度 typedef unsigned int OS_CPU_S ...

  2. Mac OS X窗口最小化方法的几个快捷键

    大家都知道在 OS X 系统中,点击窗口左上角中间的小黄按钮就可以最小化当前窗口.而事实上,还有一些比点击这个按钮更快的窗口最小化方法.这里一起分享给大家! 使用快捷键 Command+M,可以实现快 ...

  3. pageX,clientX,screenX,offsetX区别

    pageX/pageY:鼠标相对于整个页面的X/Y坐标.注意,整个页面的意思就是你整个网页的全部,比如说网页很宽很长,宽2000px,高3000px,那pageX,pageY的最大值就是它们了.特别说 ...

  4. 5）Javascript设计模式：extends模式

    简单的方式 function Person() { this.name = 'person'; } Person.prototype.say = function() {}; function Chi ...

  5. UVa 10911 - Forming Quiz Teams

    题目大意:给出2*n个点,将这些点配成n对,使得所有点对中两点的距离之和尽量小. 用一个整数的二进制形式表示一个集合的子集,以每个集合为状态进行状态转移.具体参见<算法竞赛入门经典>9.5 ...

  6. Android实现版本更新

    Android 实现从后台下载apk文件,保存到本地sd卡,使用系统安装apk,完成版本更新功能 LoadAppUtil.java import java.io.File; import java.i ...

  7. Sublime Text3 常用快捷键动画演示及优秀插件分享

    Sublime Text 是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个 ...

  8. shell读取文件的每一行

    写法一: ---------------------------------------------------------------------------- #!/bin/bash while ...

  9. java算法 蓝桥杯 扶老奶奶街

    一共有5个红领巾,编号分别为A.B.C.D.E,老奶奶被他们其中一个扶过了马路. 五个红领巾各自说话: A :我和E都没有扶老奶奶 B :老奶奶是被C和E其中一个扶过大街的 C :老奶奶是被我和D其中 ...

  10. 【JAVA笔记】JAVA后端实现统一扫码支付：微信篇

    最近做完了一个项目,正好没事做,产品经理就给我安排了一个任务.   做一个像收钱吧这样可以统一扫码收钱的功能.   一开始并不知道是怎么实现的,咨询了好几个朋友,才知道大概的业务流程:先是开一个网页用 ...