码迷,mamicode.com
首页 > Web开发 > 详细

phpcms

时间:2017-02-19 21:55:57      阅读:453      评论:0      收藏:0      [点我收藏+]

标签:doctype   默认   each   hpc   ack   站点   新建   oop   数据   

利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

在此文件夹下在创建一个content文件夹

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

然后打开phpcms后台界面,点击界面,启用自己的主页文件夹

1.首先选择一个静态页面 把“头部”和“底部单独拆分出来”

“头”

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="{$SEO[‘keyword‘]}">
    <meta name="description" content="{$SEO[‘description‘]}">
    <link href="{CSS_PATH}css/HeaderAndFooter.css" rel="stylesheet" />
    <link href="{CSS_PATH}css/indexStyle.css" rel="stylesheet" />
    <script src="{JS_PATH}js/jquery-1.7.2.min.js"></script>
    <title>{if isset($SEO[‘title‘]) && !empty($SEO[‘title‘])}{$SEO[‘title‘]}{/if}{$SEO[‘site_title‘]}</title><!--标题已经改为动态--!>
</head>
<body>
    <div style="position: absolute; top: 0px; left: 0px; width: 100%; min-width: 1200px;">

        <!--导航 开始 绝对定位-->
        <div class="header">
            <div class="logo-1">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>
            ]
            <div class="logo-2">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>

            <div class="header-items">
                
                {if $top_parentid==0}
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                    <div class="h-item">首页</div>
                </a>
                {/if}
                
                
                {pc:content action="category" catid="0" num="5" siteid="$siteid"                          order="listorder ASC"}
                 {loop $data $r}
                 {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid,如果是显示的catid--> 
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                    {else}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                     {/if}
                 
                 
                 
                 
                 
                 
                 {/loop}
                   {/pc}
                
                
                
            </div>

        </div>
        <div class="header1"></div>

“底”

<div class="footer">
            <div class="f-top">
                <a href="#"><span class="f-item select">首页</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">产品</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">人才</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">资源</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">承接</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">动态</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">我们</span></a>
            </div>

            <div class="f-bottom">
                <div class="fb-left">
                    <img src="{IMG_PATH}images/logo2.png" />
                </div>
                <div class="fb-right">
                    <div class="fb-right-context">
                        地址:张店区共青团西路富丽商城A座4楼<br />
                        电话:400-0533-575/0533-3113118<br />
                        网站:www.itnba.com<br />
                        邮箱:zbhq@itnba.com
                    </div>

                </div>
            </div>
        </div>
        <!--底部 结束-->
    </div>
</body>
</html>
<script src="{JS_PATH}js/HeaderAndFooter.js"></script>

2.

将网页中的JS以及CSS全部导为 JS和CSS文件放入statics文件夹下的相应位置。

并将文件地址根据以下格式修改:

替换方式:

{CSS_PATH} 代表CMS定义的CSS存放路径

{JS_PATH} 代表CMS定义的JS存放路径

{IMG_PATH} 代表CMS定义的图片存放路径

3.

在phpcms/install_package/phpcms/templates新建一个英文文件夹

在此文件夹下在创建一个content文件夹

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中 这一步是为了创建自己的网站模板

4.在主体页面中嵌入“头”和“脚”

在index.html 头部加入代码{template "content","header"} 以用来导入header.html

在index.html 尾部加入代码{template "content","footer"} 以用来导入footer.html

把静态网页的

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

再在下面引入两个<meta>标签

<meta name="keywords" content="{$SEO[‘keyword‘]}">
<meta name="description" content="{$SEO[‘description‘]}">

 5.添加内容

pc(是phpcms的简写)  category是栏目的意思,

catid是栏目id,默认为0,catid=0调后台的所有一级栏目,catid=1代表调id为1的一级栏目下的所有栏目;

num为最大栏目数;siteid="$siteid"代表站点id;order="listorder ASC"的意思是按照listorder升序排列,listorder是栏目添加的顺序;

{loop $data $r} {/loop}  相当于foreach循环;$data是遍历后台出来的数据,并且是二维数组,$r是二维数组遍历出来的一位数组,$r[catname]是栏目名称,$r[url]是栏目链接到的地址


6.给首页设置动态

<div id="header">
02
         <ul>
03
            {if $top_parentid==0}<!--判断首页显示的是不是首页-->
04
            <li><a href="{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页,给首页加属性字体显示白色。-->   
05
            {else}
06
            <li><a href="{siteurl($siteid)}">首页</a></li><!--如果不是首页,内容正常显示。-->
07
            {/if}
08
            {pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
09
            {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid,如果是显示的catid-->
10
            <li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性,字体显示白色-->
11
            {else}
12
            <li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是,内容正常显示-->
13
            {/if}
14
            {/pc}
15
         
16
         </ul>   
17
         
18
         
19
    </div>

 

phpcms

标签:doctype   默认   each   hpc   ack   站点   新建   oop   数据   

原文地址:http://www.cnblogs.com/xiaoming-6/p/6416885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!