首页的替换流程首先要先把静态网页做出来，拿到这里来：

会发现这个网页里面少了图片，样式表也没有了

因为我们只把网页扔过来，所对应的图片和样式表没有扔过来

图片什么的应该扔到：

接着打开index.html主页，然后修改图片，js，css，前面有说，

替换就写前端的一个标签{}括起来{JS_PATH}大写的这个就代表了JS路径的目录

就像这样：

接下来如何把静态页面换成动态的，那么phpcms里面提供了一些标签，通过这些标签就可以吧静态网页编程动态的，不需要写php代码，是通过标签来完成，一开始记不住不要紧，可以通过百度来完成

我们要把网站拆成3份

第一个是网站的头部header，从最上边开始，到菜单结束

从菜单结束的位置，往上剪切掉，新建一个HTML文件,保存到phpcms里的install_package

的phpcms里的templates的ceshi里的content取个名字是固定的header

：

头部代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="{CHARSET}">

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

        <script src="{JS_PATH}js/jquery-1.11.3.min.js"></script>

        <script type="text/javascript" src="{JS_PATH}js/jquery.1.4.2-min.js"></script>

<script type="text/javascript" src="{JS_PATH}js/jquery.color.js"></script>

<script type="text/javascript" src="{JS_PATH}js/lanrenzhijia.js"></script>

<link href="{CSS_PATH}css/lanrenzhijia.css" type="text/css" rel="stylesheet" />

        <link href="{CSS_PATH}css/shouye.css" rel="stylesheet" type="text/css">

    </head>

    <body>

        <!--顶-->

        <footer class="tou">

            <div>

                <!--logo-->

                <img src="{IMG_PATH}images/flPgAZUoAMlaEENelCEJrSaAQEAOw==.gif" height="100px" style="top: -15px; position: relative;" />

            </div>

            <!--logo完-->

            <!--这是导航-->

        <!--    <div id="dao">-->

                        <div style="margin-left: auto; border: px solid chartreuse; width: 50%; height: 58px; position:absolute; right:0px; top: 10px; z-index: 8888888; float: left;">

    <div class="bia">

                                <a href="{$v[url]}">网站首页</a>

                            </div>

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

                 {loop $data $v}

                            <div class="bia">

                                <a href="{$v[url]}">{$v["catname"]}</a>

                            </div>

                           {/loop}

                  {/pc}

                            <div class="shu"></div>

                        </div>

        <!--    </div>-->

            <!--导航完-->

第二个再把尾巴那粗来，步骤是一样的用的固定名字是footer

：

底部代码：

这样就等于分出

        <!--底部-->

        <div class="footer">

            <div class="zi">

                <div class="lie">

                <u style="list-style:none">

                    <li>

                        <a href="#" class="tit">经典案例</a>

                        <a href="#">人气</a>

                        <a href="#">色系</a>

                        <a href="#">价格</a>

                    </li>

                    <li>

                        <a href="#" class="tit">客照专区</a>

                        <a href="#">北京</a>

                        <a href="#">上海</a>

                        <a href="#">天津</a>

                    </li>

                    <li>

                        <a href="#" class="tit">关于我们</a>

                        <a href="#">公司简介</a>

                        <a href="#">我们的文化</a>

                        <a href="#">企业文化</a>

                    </li>

                    <li>

                        <a href="#" class="tit">服务团队</a>

                        <a href="#">服务团队</a>

                        <a href="#">服务团队</a>

                    </li>

                    <li>

                        <a href="#" class="tit">服务报价</a>

                    </li>

                    <li>

                        <a href="#" class="tit">新闻资讯</a>

                        <a href="#">最新优惠</a>

                        <a href="#">公司新闻</a>

                        <a href="#">行业新闻</a>

                    </li>

                </ul>

                </div>

                <div class="wo">

                    <a href="contact.html" class="dtit">CONTACT</a>

                    <a href="contact.html" class="a_tit">联系我们</a><br />

                     <span>联系地址:上海市虹口区水电路*******    </span><br />

                     <span>手机：18888888888  </span><br />

                     <span>电话：124567890</span>

                </div>

            </div>

        <div class="btt">

        <div class="container">

            COPYRIGHT(C)2015-2024 邵振璇婚纱摄影有限公司

        </div>

        </div>

        </div>

        <!--底部完-->

    </body>

</html>

了3个部分

生成后发现头的部分没有引入，这是我们就要用phpcms的标签来引入：

底部：

替换标题：

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

这个就是站点标题；

在<head>下面加上下面2句话，（1）keywords等于网站关键字，为了百度能搜到做网页用（2）description网站描述，为了做网络优化用

<meta name="keywords" content="{$SEO['keyword']}">　　<!--keywords等于网站关键字，为了百度能搜到做网页用-->

<meta name="description" content="{$SEO['description']}">　　<!--description网站描述，为了做网络优化用-->

导航里每项都一样保留一项其余删掉之后用循环让他们都显示，后台有几个就循环几次

导航：

                        <div style="margin-left: auto; border: px solid chartreuse; width: 50%; height: 58px; position:absolute; right:0px; top: 10px; z-index: 8888888; float: left;">

    <div class="bia">

                                <a href="{$v[url]}">网站首页</a>

                            </div>

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

                 {loop $data $v}

                            <div class="bia">

                                <a href="{$v[url]}">{$v["catname"]}</a>

                            </div>

                           {/loop}

                  {/pc}

                            <div class="shu"></div>

                        </div>

底部的我是做的静态页面;

改大图轮播：

            <div id="datu" onmouseover="Zhi()" onmouseout="Li()" >

    <table id="ta" cellpadding="0" cellspacing="0">

        <tr height="670">

              {pc:content  action="lists" catid="14" order="id ASC" num="5" }

                 {loop $data $val}

            <td><img src="{$val[thumb]}" width="1345" height="550px" style="width: 1000;" /></td>

{/loop}

{/pc}

        <div style="width: 1345px; height: 50px; float: left; border: px saddlebrown solid; position: relative; top: 350px; left: 0px; z-index: 333;">

        <div id="zz">

        <div id="jt" onClick="zuo()"><font size="20"><</font></div>

         </div>

         <div id="yy">

                 <div id="jt2" onClick="you()"><font size="20">></font></div>

        </div>

        </div>

        </tr>

   </table>

        </div>

改内容：

    <div class="p4">

            {pc:content  action="lists" catid="11" order="id DESC" num="6" moreinfo="1"}

                 {loop $data $val}

            <div class="p3">

                <a href="{$val[url]}" title="普吉岛旅游拍摄婚纱照的四大必选景点 张店婚纱" target="_blank">

                <img src="{$val['thumb']}"width="380"height="170"alt="普吉岛旅游拍摄婚纱照的四大必选景点 张店婚纱"/>

            <b>{$val['title']}</b>

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

            </a>

            </div>

            {/loop}

            {/pc}

        </div>

但网页：

单页模板命名：page_xxx.html

以page_开头

在模版所在目录的config.php中添加配置项

'page_xxx.html' => '单网页',

也可以不在config中配置，不过会显示如下，没有中文解释

 列表页：

1.首先我们在

/phpcms/templates/default/content/

目录下面新建一个文件作为列表页的模板，那么需要在命名上依据list_xxx.html的规则。

例如我新建里一个list_news.html；

2.

然后你会发现进入后台的界面查看模板，发现系统已经找到了这个文件。后面加上一行注释，方便后面选择。

3.

然后再对文章模型的列表页进行选择的时候就可以看到新增的模板了。

 

 

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

  1. TP3.2框架，实现空模块、空控制器、空操作的页面404替换||同步实现apache报错404页面替换

    一,前言 一.1)以下代码是在TP3.0版本之后,URL的默认模式=>PATHINFO的前提下进行的.(通俗点,URL中index.php必须存在且正确) 代码和讲解如下: 1.空模块解决:ht ...

  2. phpcmsV9静态页面替换动态步骤

    1.先在www目录下找到 phpcms + install_package + phpcms + templates在templates 文件夹里创建个自己的文件夹我弄得是 ceshi 文件夹,在 c ...

  3. phpcms网页替换验证码功能 及 搜索功能

    在使用phpcms替换网页的时候,除了正常的替换栏目.内容页等,其他的什么验证码啦,提交表单了,搜索功能了,这些在替换的时候可能会对一些默认文件有一些小小 的改变 下面就是自己在失败中成功的过程,最后 ...

  4. SharePoint 2010 使用自定义aspx页面替换列表默认的新建(NewForm.aspx)，查看(DispForm.aspx)和编辑(EditForm.aspx)页面

    转:http://www.cnblogs.com/sygwin/archive/2011/11/04/2236678.html 如何使用自定义的aspx页(比如Application Page)替换列 ...

  5. 通过配置Apache实现404页面替换

    一.通用情况--修改apache配置.htaccess 一般网站报404原因都是找不到资源,是服务器(以Apache为例)报错,Apache自定义了404输出,我们的目的是使用自定义的404.html ...

  6. phpcms首页替换

    大图轮播替换 {pc:content action="lists" catid="13" order="id DESC" num=" ...

  7. jQuery页面替换+php代码实现搜索后分页

    HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...

  8. PDF编辑、删除、替换某页面或文字

    在工作中,我们常常会用到PDF,当然尤其是会计,我虽然是程序员,但是“小老鼠”是会计,前几天,突然问我,怎么样将PDF中的某个页面替换掉,也就是删掉某页然后再从另外一个地方找一页补上来: 还需要改变这 ...

  9. PDF怎么替换页面，教你一招秒实现

    PDF格式是在办公中比较常用的文件格式之一,虽然很好用,也很容易携带,但也容易出现一个问题,当你想要对PDF文件操作或者修改的时候,才发现PDF文件不是那么容易就能进行编辑和修改的,特别是需要对PDF ...

随机推荐

  1. [项目记录] 用c语言完成的一个学生成绩管理系统

    一.要求: 学生成绩管理系统 某班有最多不超过30人(具体人数由键盘输入)参加期末考试,最多不超过6门(具体门数由键盘输入).使用链表编程实现如下菜单驱动的学生成绩管理系统. 从文件读入每个学生个人信 ...

  2. C#文件上传类，文件流，字节数组等

    using System;using System.IO;using System.Web;using System.Web.UI.WebControls; namespace DotNet.Util ...

  3. ORA-01994: GRANT failed: password file missing or disabled

    1.错误现象 SQL> grant sysdba to test;grant sysdba to test*ERROR at line 1:ORA-01994: GRANT failed: pa ...

  4. Windows上安装Kafka需要注意的几点

    1.不能安装在有空格的路径上 比如:D:\Program Files 2.设置日志路径时,要用"/",不能用Windows上的"\",比如: # A comma ...

  5. 结队编程study

    ##今天针对study进行结队编程,我和搭档张佳慧刚开始误认为SystemBarTintManager,baseActivity是personalActivity跳转的下一个界面,因为这个代码个人中心 ...

  6. 性能测试培训: 监控CPU之python

    性能测试培训: 监控CPU之python 作为一名测试开发工程师,开发脚本是为了测试服务的,我们在手里没有性能监控工具的情况下,我们会自己来进行开发脚本完成监控任务.下面是python监控cpu '' ...

  7. 如何在IDEA中调试 Jar文件

    原创文章,转载请注明出处:http://www.cnblogs.com/acm-bingzi/p/6668333.html   问题: 一般情况下,可以打成Jar包的项目,它的源码运行Applicat ...

  8. BloomFilter算法

    Bloom filter 是由 Howard Bloom 在 1970 年提出的二进制向量数据结构,它具有很好的空间和时间效率,被用来检测一个元素是不是集合中的一个成员.如果检测结果为是,该元素不一定 ...

  9. Uva 11609 Teams (组合数学)

    题意:有n个人,选不少于一个人参加比赛,其中一人当队长,有多少种选择方案. 思路:我们首先C(n,1)选出一人当队长,然后剩下的 n-1 人组合的总数为2^(n-1),这里用快速幂解决 代码: #in ...

  10. android 学习笔记(1)

    内容来源:高成珍.钟元生<Android编程经典案例>学习笔记 表格布局——TableLayout 表格布局以行和列的方式来管理界面的布局,但并不能明确声明包含几行几列.可通过TableR ...