PHPCMS-后台管理中心

这个就是便捷管理网页，能够经过这个后台进行修改、增删一些东西，还能够利用一些网页模板来创建网页

首先就是下载好这个后台管理中心，这个从网上下载就行了，记住这个要安装在WampServer中的www文件下，才能够

从网页的地址栏中找到这个的安装文件，打开而后按照步骤一步一步的来就能够了。

注意：在输入数据库的那一页，要输入本身的数据库信息，还有注册用户的那个，必定要记住本身的帐号和密码。

下载而且注册成功后，就能够进入管理中心了。以下就是管理中心的图：

能够经过一个网站的修改来认识这个管理中心~~~

注意下这几个文件夹

（1）phpcms-----templates文件中能够放模板

（2）statics----中的文件能够分别存放，不要存放错了

这个管理中心中有自带的网页模板，也能够本身添加本身的模板

设置----站点管理---找到这个已经有的站点，而后点击“修改”进入修改页面，模板风格选择本身的模板，而后单击“肯定”按钮便可

1、整理首页内容

（1）既然把图片还有样式等都复制到了相应文件夹中，那么就要从首页开始修改了，由于路径不对，因此要修改

首先是头部的样式和js

按ctrl+f弹出查找替换对话框，而后找到样式

1	< link href="css/HeaderAndFooter.css" rel="stylesheet" />

查找替换成

1	< link href="{CSS_PATH}css/HeaderAndFooter.css" rel="stylesheet" />

同理图片就是{IMG_PATH}、{JS_PATH}

注意的就是源代码中的格式，不要修改错了就好

（2）将头部和尾部单独拆出来

由于头部和尾部是每一个页面都有的，因此都查出来便于后面的页面用一句话插入

先看看检查元素哪些是属于头部和尾部的，而后单独拆出来创建头部和尾部的html

插入头部信息：template是放模板的那个文件夹：content是template中的文件夹：header是拆除的头部文件

1 2	<!--头部拆除后加入头部拆除部分的语句--> {template "content","header"}

插入尾部信息：和头部信息同样的说法

1 2	<!--尾部拆除后加入尾部拆除部分的语句-->        {template "content","footer"}

 

（3）开始慢慢的写吧　　

3.1 先写头部信息　

首先要先写入点东西

1	< title >{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</ title >

而后就是关于优化的

1 2	< meta name="keywords" content="{$SEO['keyword']}"> < meta name="description" content="{$SEO['description']}">

看下个人头部样式吧

这里有栏目，这些在写的时候，不会是固定不变的，而是从后台遍历出来的

这个就和循环数组显示是同样的

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}   <!--category是栏目 catid是顶级栏目也就是一级栏目 -->      {loop $data $r} <!--这个就是和循环同样的用法--> < br >< br >　　　　　　 <!--这个是判断当前的栏目是否是被选中，若是选中就变颜色-->             {if $catid==$r[catid] || $top_parentid==$r[catid]}                    < a href="{$r[url]}">                        < div class="h-item select">{$r[catname]}</ div >  <!--catname是栏目名称  -->                   </ a >                   < div class="h-item2">/</ div >                                        {else}                    < a href="{$r[url]}">                          < div class="h-item">{$r[catname]}</ div >                    </ a >                    < div class="h-item2">/</ div >              {/if}                                {/loop} {/pc}

栏目中还有一个“首页”要处理

1 2 3 4 5 6 7 8 9 10 11 12

<!--判断栏目的颜色显示--> {if $top_parentid==0} <!--判断首页显示是否是首页-->        < a href="{siteurl($siteid)}">        < div class="h-item select">首页</ div >        </ a >        < div class="h-item2">/</ div > {else}         < a href="{siteurl($siteid)}">               < div class="h-item">首页</ div >           </ a >           < div class="h-item2">/</ div > {/if}

到此头部已经结束了~~~

 

3.2 主体部分能够开始写了

（1）在主页中会有图片的，不多是固定的因此也要进行后台的更换才能够，这样能够在后台建一个不在栏目显示的栏目，放图片，

在后台：内容----内容相关设置----栏目管理

单击添加栏目，弹出添加栏目对话框（在这里进行编写要添加的栏目内容，不要忘了修改模板设置啊）

        

而后就是选择   选择右边的添加的栏目，而后在选择

在弹出的窗口中进行编写

这样后台就修改结束了，接下来就是代码部分了

1 2 3 4 5 6 7 8 9 10

{pc:content  action="lists" catid="16" order="id DESC" num="1"}          <!--lists是列表内容  catid是这个显示在后台的栏目id-->           {loop $data $key $val}              <!--大图 开始-->              < div class="bigimg">                  < img src="{$val[thumb]}" />   <!--thumb是指缩略图-->              </ div >              <!--大图 结束-->           {/loop} {/pc}

这样就能够在后台随意换图片了~

（2）栏目的跳转，这里确定是要跳转到相应的页面，因此要修改它的连接地址了，单击相应图片，进入相应页面

1 2 3 4 5 6

< div class="three-item">< br >　　　　 <!--这里的就是后天相对应的栏目id-->        < a href="{$CATEGORYS[11]['url']}">  <!--$CATEGORYS[11]从这个数组中取索引-->             < img src="{IMG_PATH}images/three1.png" />        </ a > </ div >

这个列子就够了，其余的连接直接相对应的修改就能够啦

（3）关键字，标题等

写出一个例子，

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

{pc:content  action="lists" catid="10" order="id DESC" num="6" moreinfo="1"}                                     {loop $data $key $val}                      < div class="yxxm-item">                          < a href="{$val[url]}">                              < img src="{$val[thumb]}" /></ a >   <!--前面提过thumb是调的缩略图-->                          < div class="yxxm-name">                              项目名称：                              < span >{$val[title]}</ span >   <!--title是图片中的标题位置-->                          </ div >                          < div class="yxxm-user">                              客　　户：                              < span >{$val[keywords]}</ span >  <!--keywords是图片中的关键字位置-->                          </ div >                          < div class="yxxm-context">                              功　　能：                              < span style="width: 77%;">{$val[description]}</ span >  <!--description是摘要部分-->                          </ div >                          < div class="yxxm-context">                              开发人员：                              < span >                                  {php list($copyfrom) = explode('|',$val['copyfrom'])}  <!--copyfrom是来源部分-->                                  {$copyfrom}                              </ span >                          </ div >                      </ div >                  {/loop}                 {/pc}

 （4）分页的写法

在属性的后面加上page属性就能够了，例如

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

< div class="list-title">    {$CATEGORYS[$catid][catname]}列表</ div >       {pc:content  action="lists" catid="$catid" order="id DESC" num="2" page="$page"}  <!--num是显示多少数据-->                 {loop $data $key $val}               < div class="right-item">                  < a href="{$val[url]}">                      < div class="item-context">{$val[title]}</ div >                  </ a >                  < div class="item-time">{$val[inputtime]}</ div >              </ div >       {/loop}       {/pc}        <!--分页-->        < div class="paging">            {$pages}  <!--记得这个属性-->         </ div >

（5）添加友情连接

首先是后台：模块----友情连接，在右边点击“添加内容”，进行添加连接内容

 

添加完成后，就进行遍历就好啦

1 2 3 4 5

{pc:link  action="type_list" typeid="0" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"} {loop $pic_link $v} < a href="{$v['url']}">{$v['name']}</ a >   <!--遍历的--> {/loop} {/pc}