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

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

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

图片什么的应该扔到：

接着打开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. WinFrom中使用WPF的窗体

    步骤 1.添加WindowsFormsIntegration.dll .System.Windows.Forms.和System.Xaml,PresentationCore.PresentationF ...

  2. ubuntu nsight上链接OpenGL

    写一个需要使用OpenGL的程序,右击该程序名,此处需要OpenGL库的程序为Julia-C 右击,选择属性,弹出属性对话框,在左边选择build下的设置,中间窗格中选择GCC C++ Linker下 ...

  3. PHP之流程的控制

       在一个公司中,员工肯定会有高层.中层和普通员工的,这样如果在某个公司员工遇到某种问题,需要请假.或者提一些请求的时候,就会需要去申请,申请的时候有的是可以直接和上级申请的,有时比较重要的事情,是 ...

  4. Linux系统文件的三个重要时间详解

    Linux文件三个时间的查看 Linux下使用命令stat获取文件的三个时间,先看现象 各个时间的含义: Chang time:简称ctime,一个文件或目录的更改时间.在Linux中,基本上无法知道 ...

  5. java中的i++和++i区别

    public class Main { public static void main(String[] args) { int i = 0; i = i++; System.out.println( ...

  6. 20155206 2016-2017-2 《Java程序设计》第5周学习总结

    20155206 2016-2017-2 <Java程序设计>第5周学习总结 教材学习内容总结 Java中所有错误都会被打包为对象,运用try.catch,可以在错误发生时显示友好的错误信 ...

  7. vuejs学习笔记（2）--属性，事件绑定，ajax

    属性 v-for 类似于angular中的 ng-repeat ,用于重复生成html片段: <ul id="box"> <li v-for="(v, ...

  8. svn检出服务器项目中出现的could not connect to server

    今天来新同事,新配的电脑装上SVN,Myeclipse后,检出服务器的项目老是出现文件不存在,could not connect to server.最后上网搜了下, 1.先用电脑ping服务器,看网 ...

  9. Struts2+Hibernate框架探险

    写这篇文章的目的 了解 JavaWeb 开发的人都知道SSH和SSM框架,前段时间开始接触 JavaWeb 开发,看了几个教学视频后就想上手构建一个小型 Web项目,可在跟着视频敲代码当中,使用 St ...

  10. ArcGIS API for JavaScript 4.2学习笔记[30] 点和线高程查询（第八章完结）

    终于到最后一篇了,可喜可贺. 本例先说明了如何进行单点的高程差分析,然后说明了道路的起伏分析.前者很直观地比较了两个年份的高程数据之间的差值,体现山区的高程变化(有啥用啊?)后者,一条路上的起点终点起 ...