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

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

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

图片什么的应该扔到：

接着打开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. 【子非鱼】归并排序过程呈现之java内置GUI表示

    在网上看到一个视频将各种排序用视频表示出来,配上音乐,挺好玩的样子,就算是不会编程的人看到也会觉得很舒服,碰巧我也正在写归并算法,于是就用java的GUI实现一个. 归并排序的时间复杂度是T(n)=O ...

  2. 前端开发必备组件库【基于原生js、兼容主流浏览器、B/S必备】

    [持续更新中...跪求点击右上角星星,好人一生平安!] API详见github,链接如下: https://github.com/pomelott/pomelo-plug-in

  3. xlwt 格式控制

    Examples Generating Excel Documents Using Python’s xlwt 使用Python的xlwt生成Excel文档示例 Here are some simpl ...

  4. 共通css初次尝试

    1.网页的主要的html <@fn.html css=["${basePath}/css/help/guideCommon.css${versionControl}"]tit ...

  5. Shell常见用法小记

    shell的简单使用 最近发现shell脚本在平常工作中简直算一把瑞士军刀,很多场景下用shell脚本能实现常用的简单需求,而之前都没怎么学习过shell,就趁机把shell相关的语法和常见用法总结了 ...

  6. PRINCE2认证

    PRINCE是PRoject IN Controlled Environment(受控环境下的项目管理)的简称. PRINCE2描述了如何以一种逻辑性的.有组织的方法,按照明确的步骤对项目进行管理.它 ...

  7. 【Egret】Wing3发布移动APP功能，打包APK流程以及会遇到的问题

    流程:1.安装好wing 3,然后 插件--Egret项目工具--发布移动APP--Build android native project 2.配置发布环境: Android 1.egret eng ...

  8. 老李推荐：第6章8节《MonkeyRunner源码剖析》Monkey原理分析-事件源-事件源概览-小结

    老李推荐:第6章8节<MonkeyRunner源码剖析>Monkey原理分析-事件源-事件源概览-小结   本章我们重点围绕处理网络过来的命令的MonkeySourceNetwork这个事 ...

  9. 老李分享：JDK,JRE,JVM区别与联系

    poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq:908821478,咨询电话010-845052 ...

  10. Android自定义View之音频条形图

    2016-04-12 17:52 76人阅读 评论(2) 收藏 举报  分类: Android(26)  版权声明:本文为博主原创文章,未经博主允许不得转载. 新建项目,新建MusicRectangl ...