首页 > 代码库 > phpcms
phpcms
利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页。
在phpcms/install_package/phpcms/templates新建一个英文文件夹
在此文件夹下在创建一个content文件夹
将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中
然后打开phpcms后台界面,点击界面,启用自己的主页文件夹
1.首先选择一个静态页面 把“头部”和“底部单独拆分出来”
“头”
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="{$SEO[‘keyword‘]}"> <meta name="description" content="{$SEO[‘description‘]}"> <link href="http://www.mamicode.com/{CSS_PATH}css/HeaderAndFooter.css" rel="stylesheet" /> <link href="http://www.mamicode.com/{CSS_PATH}css/indexStyle.css" rel="stylesheet" /> <script src="http://www.mamicode.com/{JS_PATH}js/jquery-1.7.2.min.js"></script> <title>{if isset($SEO[‘title‘]) && !empty($SEO[‘title‘])}{$SEO[‘title‘]}{/if}{$SEO[‘site_title‘]}</title><!--标题已经改为动态--!> </head> <body> <div style="position: absolute; top: 0px; left: 0px; width: 100%; min-width: 1200px;"> <!--导航 开始 绝对定位--> <div class="header"> <div class="logo-1"> <img src="http://www.mamicode.com/{IMG_PATH}images/logo1.png" /> </div> ] <div class="logo-2"> <img src="http://www.mamicode.com/{IMG_PATH}images/logo1.png" /> </div> <div class="header-items"> {if $top_parentid==0} <a href="http://www.mamicode.com/{siteurl($siteid)}"> <div class="h-item select">首页</div> </a> {else} <a href="http://www.mamicode.com/{siteurl($siteid)}"> <div class="h-item">首页</div> </a> {/if} {pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"} {loop $data $r} {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid,如果是显示的catid--> <div class="h-item2">/</div> <a href="http://www.mamicode.com/{$r[url]}"> <div class="h-item select">{$r[catname]}</div> </a> {else} <div class="h-item2">/</div> <a href="http://www.mamicode.com/{$r[url]}"> <div class="h-item">{$r[catname]}</div> </a> {/if} {/loop} {/pc} </div> </div> <div class="header1"></div>
“底”
<div class="footer"> <div class="f-top"> <a href="http://www.mamicode.com/#"><span class="f-item select">首页</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">产品</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">人才</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">资源</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">承接</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">动态</span></a> <span>/</span> <a href="http://www.mamicode.com/#"><span class="f-item">我们</span></a> </div> <div class="f-bottom"> <div class="fb-left"> <img src="http://www.mamicode.com/{IMG_PATH}images/logo2.png" /> </div> <div class="fb-right"> <div class="fb-right-context"> 地址:张店区共青团西路富丽商城A座4楼<br /> 电话:400-0533-575/0533-3113118<br /> 网站:www.itnba.com<br /> 邮箱:zbhq@itnba.com </div> </div> </div> </div> <!--底部 结束--> </div> </body> </html> <script src="http://www.mamicode.com/{JS_PATH}js/HeaderAndFooter.js"></script>
2.
将网页中的JS以及CSS全部导为 JS和CSS文件放入statics文件夹下的相应位置。
并将文件地址根据以下格式修改:
替换方式:
{CSS_PATH} 代表CMS定义的CSS存放路径
{JS_PATH} 代表CMS定义的JS存放路径
{IMG_PATH} 代表CMS定义的图片存放路径
3.
在phpcms/install_package/phpcms/templates新建一个英文文件夹
在此文件夹下在创建一个content文件夹
将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中 这一步是为了创建自己的网站模板
4.在主体页面中嵌入“头”和“脚”
在index.html 头部加入代码{template "content","header"} 以用来导入header.html
在index.html 尾部加入代码{template "content","footer"} 以用来导入footer.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‘]}">
5.添加内容
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]是栏目链接到的地址
6.给首页设置动态
<div id="header"> 02 <ul> 03 {if $top_parentid==0}<!--判断首页显示的是不是首页--> 04 <li><a href="http://www.mamicode.com/{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页,给首页加属性字体显示白色。--> 05 {else} 06 <li><a href="http://www.mamicode.com/{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="http://www.mamicode.com/{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性,字体显示白色--> 11 {else} 12 <li><a href="http://www.mamicode.com/{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是,内容正常显示--> 13 {/if} 14 {/pc} 15 16 </ul> 17 18 19 </div>
phpcms