phpcms页面替换

2018-06-22 05:18:04来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

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

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

图片什么的应该扔到:

接着打开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.

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

PHPCMS增加列表页模板

 3.

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

 
 

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:memcache 分布式缓存

下一篇:WAMP环境配置-Apache服务器的安装