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

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

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

图片什么的应该扔到：

接着打开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. (转)shell:读取文件的每一行内容并输出

    写法一:----------------------------------------------------------------------------#!/bin/bashwhile rea ...

  2. Spring+SpringMVC+MyBatis+easyUI整合优化篇（二）Log4j讲解与整合

    日常啰嗦 上一篇文章主要讲述了一下syso和Log间的一些区别与比较,重点是在项目的日志功能上,因此,承接前文<Spring+SpringMVC+MyBatis+easyUI整合优化篇(一)Sy ...

  3. Kubernetes使用cephfs作为后端存储

    这里使用了k8s自身的持久化卷存储机制:PV和PVC.各组件之间的关系参考下图: PV的Access Mode(访问模式) The access modes are: ReadWriteOnce – ...

  4. opencv配置（win10+VS2015+opencv3.1）

    Step 1:准备工作 a.win10 b.vs2015 c.opencv3.1[从http://opencv.org/downloads.html下载] Step 2.开始安装 a. 双击openc ...

  5. Linux云自动化运维第八课

    第十三单元 软件安装 一.软件名称识别 [abrt-addon-ccpp]-[2.1.11-19].[el7].[x86_64].rpm ###rpm结尾的适用与redhat操作系统 ||       ...

  6. php运算时默认的类型转换

    php属于弱类型语言,使用数据时无需指定其数据类型.对于学C语言入门的我,刚刚接触时感觉很神奇,但是随之而来的也有烦恼. 总结一下php中默认的类型转换,按照运算符类型,只总结能够自动做类型转换的运算 ...

  7. Reflux中文教程——概览

    翻译自github上的reflux项目,链接:https://github.com/reflux/refluxjs 〇.安装及引入 安装: npm install reflux 引入: var Ref ...

  8. Statistical Models and Social Science

    1.1 Statistical Models and Social Reality KEY: complex society v.s statistical models relationship,d ...

  9. HNOI2017前被虐记及感悟

    本文所记录的时间以HNOI2017第一天考试时间为DAY1,前一天为DAY0,以此类推. 本文记载了博主从HNOI2017开始前一周进行全真模拟考试的被虐过程和结果.文章内可能包含博主的不良情绪,如果 ...

  10. [编织消息框架][传输协议]stcp简单开发

    测试代码 public class ServerSTCP { static int SERVER_PORT = 3456; static int US_STREAM = 0; static int F ...