14、V9

一、下载模板

• 模板下载：http://www.phpcms.cn/index.php?m=content&c=index&a=show&catid=19&id=51
  
• 解压后：
  

二、初步建站

1.在自己的PHP环境WWW（一般情况下）文件夹中，新建立一个文件夹v9_test（所想要建的网站名）
2.将先前下载并解压后的文件夹install_package里面的所有文件复制到上一步新建的文件夹(v9_test)里面

3.在浏览器访问网站网址：http://localhost/v9_test/install/install.php并提示安装






4.安装过程选择全新安装，教程可访问网址：
http://wenku.baidu.com/link?url=95cqmNeKIuaXQHx4Q3yXnFOmJj5WopSh-WoNg8SEMOQ0UB-XAEGTogmSOdF4qTO2jw4Agg54lxInWqztgkmO2QzL_H_3o045i1LM8whm6xu
5.安装完毕请登录后台生成首页，更新缓存；默认phpcms管理员密码与phpsso管理员密码相同
6.基本建站到此结束。（PS：如果建站结束后访问前台时显示404错误找不到文件，可在后台更新缓存和清除浏览器缓存记录）
- 具体前台访问地址：http://localhost/v9_test
- 后台访问地址：http://localhost/v9_test/admin.php

三、更换前台模板

1.前端HTML文件

路径：../phpcms/templates/default/content文件夹下：


- 关于category与list：一般情况下，只有一级栏目用list；有二级栏目时，一级栏目用category，二级栏目用list。总的来说，category是树干，list是叶子。

2.样式图片文件

路径：../statics

3.将自己网站的相应内容放到对应的位置中

• 
  建议如上所示，单独建一个css文件来存放。原来的文件尽量不要删除，而是另起名字。

4.将头部尾部提取出来

5.文件调用及相关标签

<!--CSS文件的加载-->{CSS_PATH}-真实对应的路径：http://localhost/v9_test/statics/css/ eg: <link href="{CSS_PATH}css/css.css" type="text/css" rel="stylesheet" /><!--JS文件的加载--> {JS_PATH}-真实对应的路径：http://localhost/v9_test/statics/js/<!--IMG文件的加载--> {IMG_PATH}-真实对应的路径：http://localhost/v9_test/statics/images/<!--网站路径--> {APP_PATH}—真实对应的路径：http://localhost/v9_test/{siteurl($siteid)}-真实对应的路径：http://localhost/v9_test/也是网站的路径（不同的是是针对站群而言）<!--头部和尾部的调用--> 头部调用：使用语句{template "content","header"}   翻译:引用content文件夹下的header.html尾部调用：使用语句{template "content","footer"}   翻译:引用content文件夹下的footer.html网站首页:{siteurl($siteid)}  显示多少个字数：{str_cut($r['title'],30)}图片：<img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" />链接：<a href="{$r['url']}" title="{str_cut($r['title'],30)}"></a><!--日期时间格式化显示--> 1）标准型：{date('Y-m-d H:i:s', $rs['inputtime'])} 输出为：2013-01-31 13:15:102）拆分型：{date('Y',$rs[inputtime])}年{date('m',$rs[inputtime])}月{date('d',$rs[inputtime])}日 输出为：2013年01月31日3）扩展型：{date('Y',$inputtime);} 4位年份 输出为：2013 或 2014{date('y',$inputtime);} 2位年份 输出为：10 或 11{date('F',$inputtime);} 英文月份全称 输出为：January 到 December{date('M',$inputtime);} 英文月份缩写 输出为：Jan 到 Dec{date('m',$inputtime);} 前导零数字月份 输出为：01 到 12{date('n',$inputtime);} 数字月份 输出为：1 到 12{date('d',$inputtime);} 前导零日期 输出为：01 到 31{date('j',$inputtime);} 日期 输出为：1 到 31{date('l',$inputtime);} 英文星期全称 输出为：Sunday 到 Saturday{date('D',$inputtime);} 英文星期缩写 输出为：Mon 到 Sun{date('N',$inputtime);} 格式数字星期 输出为：1 到 7{date('Y-m-d H:i:s',$rs[inputtime]+30*60)} 在获取文章时间后加一段时间<!--导航--><div class="crumbs"><a href="{siteurl($siteid)}">首页</a><span> > </span>{catpos($catid)} 列表</div>

6.栏目模板替换（头部）

• 进行模板替换之前，确认样式都出来了 （记得换css文件里面的路径）
  eg:

../../images/images/bj1.png

• 替换完头部和尾部的模板代码后，确认把网站所有页面都正常显示，再分别进行各个页面的标签代码替换
  1.先去后台添加栏目
  内容->管理栏目
  
  首页不用加栏目
  2.用代码替换模板
  

<div class="nav">    {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}       <ul>          <li><a href="{siteurl($siteid)}">首 页</a></li>          {loop $data $r}             <li><a href="{$r[url]}">{$r[catname]}</a></li>          {/loop}       </ul>     {/pc}</div>

7.让所有页面正常显示

1.所有页面的头部、尾部模板，相关路径替换好；
2.将页面的名称换成对应的list_xx,category_xx,page_xx,show_xx……
3.到相应栏目中为其选择正确的模板，选择对象为上一步中改了名称的页面。

4.到首页点击相应栏目，进入到对应页面，若该页面显示正常，则可进行下一步。

8.推荐位（以描述形式显示）

1.添加推荐位

2.添加文章
内容->管理内容->选中某一栏目->添加内容

3.添加文章内容
注意：推荐位记得选择第一步添加的推荐位，或者需要的推荐位。

4.代码中替换标签
postid:推荐位的id

模板：

{pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="5"}   <div class="content" id="main-slide">      <div class="changeDiv">           {loop $data $r}            <a href="{$r['url']}" title="{str_cut($r['title'],30)}"><img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" /></a>         {/loop}      </div>   </div> {/pc}

5.关于图片
若图片固定，在推荐位中添加；若不固定在文章内容中添加。
1）推荐位中添加



2.文章内容中添加

9.推荐位（以列表形式显示）

1.添加推荐位
2.添加文章
3.代码标签替换（链接可点击）

{pc:content  action="position" posid="19"  order="listorder DESC" num="5"}   <ul class="news_list_c">      {loop $data $r}         <li><span>2014-06-01</span> <a href="{$r['url']}" title="{str_cut($r['title'],30)}” ">{str_cut($r['title'],130)}</a></li>      {/loop}   </ul> {/pc}

9.推荐位（以图片列表形式显示）

与其他推荐位一样，只是内容是图片而已。

10.注意

1.推荐位一般用在首页；

11.列表页

1.在对应栏目下添加文章；
2.代码标签替换模板

{pc:content action="lists" catid="$catid" num="25" order="id DESC" page="$page"}   <ul class="list lh24 f14">      {loop $data $r}        <li><span class="rt">{date('Y-m-d H:i:s',$r[inputtime])}</span>·<a href="{$r[url]}" target="_blank"{title_style($r[style])}>{$r[title]}</a></li>        {if $n%5==0}<li class="bk20 hr"></li>{/if}      {/loop}   </ul>   <div id="pages" class="text-c">{$pages}</div>{/pc} 

12.二级栏目

类似这样的页面，一般需要两个页面，一个是category_xx的页面，一个是list_xx的页面。category_xx仅作为跳转过渡用。

1.category_xx页面

<script language="javascript" type="text/javascript">     window.location.href="index.php?m=content&c=index&a=lists&catid=22"; </script>

让用户再点击该一级栏目时，默认跳到其中一个子栏目的页面中。

2.添加好子栏目

如上图所示。

3.为子栏目选好模板

一级模板：

二级模板：

4.list_xx页面

(1)二级栏目列表

 <ul>    {pc:content action="category" catid="13" order="id DESC"}    //catid="13"-为该二级栏目所属一级栏目id    {loop $data $r}        <li class="on"><a href="{$r[url]}" title="{$r[title]}">{$r[catname]}</a></li>     //注意是{$r[catname]}    {/loop}    {/pc} </ul>

(1)内容列表

{pc:content action="lists" catid="$catid" num="6" order="id DESC" page="$page"}   <div class="picmain">       <div class="picmain_up">           {loop $data $r}           <div class="picmain_pic"><a href="{$r[url]}"><img src="{thumb($r['thumb'])}" width="100%"/><p>{$r[title]}</p></a></div>           {/loop}       </div>   </div>   <div class="page-normal">{$pages}</div>   <img src="{IMG_PATH}images/002.png" width="740"/>{/pc}