澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站:phpcms后台管理,phpcms基

phpcms从网上下载就好了,记住这个要安装在Wamp中的www文件下

  首先是要把首页分为三个部分  : 导航部分 、尾部和首页中间部分  用了三个不同的文件 header.html ; index.html; footer.html

模板:就是静态网页的布局 代码所显示的样式 模板名称:在template文件夹内的 文件夹名

从网页输入网址进入后台控制

  在使用phpcms之前 首先要把网页的css/js/img 放到statics文件夹中对应的文件夹里面; 然后在template文件夹中建一个文件夹 然后放入 header.html ; index.html; footer.html 中 

站点:模板的身份
单页:一页
列表:
栏目:模型的总称
文章模型;

输入密码账号,即进入后台控制界面:

  那么在把网站的首页分为三部分之后,最先要做的就是要改路径 分别为{CSS_PATH} 放入的css文件名; {JS_PATH} 放入的js文件名;

后台:对模板的进行管理和操作

澳门新浦京娱乐场网站 1

{IMG_PATH} 放入的图片文件夹名;修改完成之后网页就可以正常显示了 

1.模板替换 位置:复制布局好的静态页面到templates 文件夹
并把 静态页面 拆分成 header.html index.html footer.html

后台管理有自带的网页模板把他换成自己的模板:

  我们用phpcms是为了把静态的网页设置成动态的,那么里面的图片什么的都是可以改动的

2.后台修改设置:
A.站点 修改:风格(模板)
B.内容 管理栏目:

修改站点:

标题部分改为:

生成首页;

澳门新浦京娱乐场网站 2

{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}

3.把静态网页的 css js img路径 替换原因
替换原因:原静网页 的路径引用是原路径 更换模板后,3夹存放路径到cms文件夹中;

 

  导航部分改为:

cms自带标签{??_PATH} _PATH就是statics目录 大写
查找:"css 替换:"{CSS_PATH}css (带" 为了防止替换错)(后台目录带/ 所以直接写文件夹名)
替换前:查找一下看有没有花括号

 

 1 {if $top_parentid==0}
 2 <!--判断首页显示的是不是首页 如果是首页就要加上select这个选项,也就是颜色随之改变-->
 3 <a href="{siteurl($siteid)}">  
 4 <div class="h-item select">首页</div> 
 5 </a>
 6 {else}
 7 <a href="{siteurl($siteid)}">
 8     <div class="h-item ">首页</div>
 9 </a>
10 {/if}
11  <!--下面是除了首页之外的导航中的其他选项,其中的6 是不包含首页的-->
12 {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"}
13 {loop $data $r}
14 {if $catid==$r[catid]||$top_parentid==$r[catid]}
15 <div class="h-item2">/</div>
16 <a href="{$r[url]}">
17     <div class="h-item select">{$r[catname]}</div>
18 </a>
19 {else}

<div class="h-item2">/</div>
<a href="{$r[url]}">
    <div class="h-item">{$r[catname]}</div>
</a>

{/if}
{/loop}
{/pc}

4.把页头 页尾连接到中; 用代码引入
####################################################################
5.内容的替换
template/default文件夹中:花括号:提供的需要替换的标签->复制到新模板(使用后,连接后台???)
header.html:头页面
A复制标题后,标题成为动态;到后台站点管理,修改标题

 

 

B导航栏替换:查询后台的栏目->遍历循环输出(栏目)到后台
B1(设置条件,调用内容查数据){pc:content action="category"....}=>内容标签,参数:调用栏目,
catid父级代号 num取多少条,查找的数量 siteid站点id order排序;

把默认模板变为自己风格的模板;

 改为导航之后就是首页的大图了,那么替换大图首先要在新建一个栏目:内容——管理栏目——添加栏目 添加大图,并且在导航中不能显示

B2(遍历) {loop $data $r} ($data查到的数据 $r一维数组)
(中间使用数据) (首页不用替换)
{/loop}
B3(中间:栏目):链接需要改:href="{$r['url']}"; 栏目名称需要改:{$r[catname]}
B4(首页):放在遍历上面,路径改:href="{siteurl($siteid)}";
C栏目,点击状态改变(变色):class属性添加值,获得样式:值:select
C1判断首页:哪个需要选中:首页加=>{if $top_parentid==0}{/if}判断首页显示的是不是首页
C2判断其它栏目:{if $catid==$r[catid]}||$top_parentid==$r[catid](或针对多级栏目)} catid是不是等于要选中的catid

这样就可以开始了

然后在管理内容中找到大图这一项,添加内容,添加缩略图 

D中,index替换:
D1大图图片替换前提条件=>后台添加栏目后,在栏目中添加附件(后台:内容,添加栏目,不在导航显示,模板选择)
D2查找大图:######遍历代码在哪???从哪复制????## 通过遍历/或者直接调用 查找大图;
遍历:条件...数量1 遍历$data $val $val为路径的缩略图 thumb缩略图

首页内容:

  {pc:content  action="lists" catid="9" order="id DESC"  num="1"}
            {loop $data $val}
            <img src="{$val['thumb']}"/>
            <!--thumb代表缩略图-->
            <!--catid 是指栏目下的内容  我把图片放到9的位置 所以catid="9"-->
            {/loop}
            {/pc}

E三个点击模块跳转栏目:条件设置=>修改模板风格,添加栏目
E1只修改三个链接即可:{$CATEGORYS[15][url]}(栏目代号15的url)

phpcms-templates专门放模板

如果是点图片链接到导航点开的网页

F替换栏目列表:
F1替换动态标题{$CATEGORYS[16][catname]};链接{$CATEGORYS[16][url]};
F2替换列表内容:后台:内容发布管理->添加内容;显示内容=> 调用后台内容:找到原本的列表div class 在此循环输出 {pc:}{/pc}; 循环输出内容:class,href={$val[url]},标题{$val[title]澳门新浦京娱乐场网站:phpcms后台管理,phpcms基本思路。},文章内容:{$val[description]}
F3字段可以自己规定 字段如[descprition]

statics-存放各种文件

例如:

先把代码里面的css,js,图片放到statics文件夹中,然后把index首页拆分为header.html(顶部) ; index.html(中间内容); footer.html(底部)。**

 <div class="three-item">
                <!--13代表的是栏目代号-->
                <a href="{$CATEGORYS[13][url]}">
                    <img src="{IMG_PATH}images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[11][url]}">
                    <img src="{IMG_PATH}images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[12][url]}">
                    <img src="{IMG_PATH}images/three3.png" /></a>
            </div>

然后把

下面是列表的修改:

{CSS_PATH} 放入的css文件名;

<!--标题-->

 <div class="dt-title">

                    {$CATEGORYS[14][catname]}
                    <a href="{$CATEGORYS[14][url]}">更多>></a>
                </div>
                <!--展示项-->


                    {pc:content  action="lists" catid="14" order="id DESC"  num="4"}
                    {loop $data $val}
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]}
                    </div>
                </div>
                    {/loop}
                    {/pc}

{JS_PATH} 放入的js文件名;

 

{IMG_PATH} 放入的图片文件夹名;

 

修改完成之后网页就可以正常显示了 ,

 

关于顶部:

  

顶部的东西,导航标签都是从后台遍历出来的,所以:后台:

 

澳门新浦京娱乐场网站 3

代码:

<!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>

底部基本上都是死的 ,用一个死的就好了。

澳门新浦京娱乐场网站:phpcms后台管理,phpcms基本思路。中间的内容也都是从后台遍历粗来的,

先去后台添加内容:

澳门新浦京娱乐场网站 4

澳门新浦京娱乐场网站 5

澳门新浦京娱乐场网站,模板设置:

澳门新浦京娱乐场网站 6

代码部分:

澳门新浦京娱乐场网站 7澳门新浦京娱乐场网站 8

        {template "content","header"}
            <!--大图轮播-->
            <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="title" style="text-align: center; top: -190px; position: relative;">
            <a href="/works/" title="最新样片" target="_blank">
                <font size="2px" color="#000000">Latest Topics</font><b><br />
            <font size="4" color="#000000">客照欣赏</font></b><br />
            <img src="{IMG_PATH}images/he.gif" /><br />
            <em><font size="3" color="#563F2A">热门大片每天准时更新,为你献上视觉盛宴</font></em></a>
            <br /><br />

        </div>

        <div class="lanrenzhijia" style="top: -300px;">
<ul style="text-shadow: none;">
    <li class="lanren01">
        {pc:content  action="lists" catid="16" order="id ASC" num="1" }
                 {loop $data $val}
                 <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren02">

        {pc:content  action="lists" catid="17" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren03">

        {pc:content  action="lists" catid="18" order="id ASC" num="1" }
                 {loop $data $val}
                 <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren04">
        {pc:content  action="lists" catid="19" order="id ASC" num="1" }
                 {loop $data $val}
                <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}

    </li>
    <li class="lanren05">
        {pc:content  action="lists" catid="20" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren06">

        {pc:content  action="lists" catid="21" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
        </a>
    {/loop}
{/pc}

    </li>
</ul>
</div>
<a href="/works/" title="最新样片" target="_blank" class="more" style="position: relative; top: -430px;">
    <b>SHOW ME MORE</b>Latest Topics</a>
<!--<b>SHOW ME MORE</b>
Latest Topics-->
</a>

<img src="{IMG_PATH}images/20150104174843-6570.jpg" width="1180" height="250"style="position: relative; top: -390px;" alt="澳门新浦京娱乐场网站 9">
<!--客片欣赏-->
        <div class="title" style="text-align: center; top: -280px;">
            <a href="/works/" title="客片欣赏" target="_blank">
                <font size="2px" color="#000000">Latest Topics</font><b><br />
            <font size="4" color="#000000">最新样片</font></b><br />
            <img src="{IMG_PATH}images/he.gif" /><br />
            <em><font size="3" color="#563F2A">热门大片每天准时更新,为你献上视觉盛宴!</font></em></a>
            <br /><br />

        </div>
            <div class="lanrenzhijia"style="top: -380px;">
<ul style="text-shadow: none;">
    <li class="lanren01">
        {pc:content  action="lists" catid="22" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
            </a>
    {/loop}
{/pc}

    </li>
    <li class="lanren02">
            {pc:content  action="lists" catid="23" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
<img src="{$val['thumb']}" width="380px"; height="526px" />
               </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren03">
            {pc:content  action="lists" catid="24" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
            </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren04">
            {pc:content  action="lists" catid="25" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
            </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren05">
            {pc:content  action="lists" catid="26" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
        <img src="{$val['thumb']}" width="380px"; height="526px" />
            </a>
    {/loop}
{/pc}
    </li>
    <li class="lanren06">
            {pc:content  action="lists" catid="27" order="id ASC" num="1" }
                 {loop $data $val}
               <a href="{$val[url]}">
    <img src="{$val['thumb']}" width="380px"; height="526px" />
            </a>
    {/loop}
{/pc}
    </li>
</ul>
</div>
<a href="/works/" title="最新样片" target="_blank" class="more" style="position: relative; top: -490px;">
    <b>SHOW ME MORE</b>Latest Topics</a>
<!--<b>SHOW ME MORE</b>
Latest Topics-->
</a>

<!--火爆新闻->-->
        <div class="title1 title" style="text-align: center; top: 0px; top: -350px;" >
            <a href="/works/" title="火爆新闻推荐" target="_blank">
                <font size="2px" color="#000000">Latest Topics</font><b><br />
            <font size="4" color="#000000">火爆新闻推荐</font></b><br />
            <img src="{IMG_PATH}images/he.gif" /><br />
            <em><font size="3" color="#563F2A">了解最新最全的行业资讯新闻</font></em></a>
            <br /><br />

        </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>
        <a href="/works/" title="最新样片" target="_blank" class="more" style="position: relative; top: -250px;">
    <b>SHOW ME MORE</b>Latest Topics</a>
<!--<b>SHOW ME MORE</b>
Latest Topics-->
</a>
<div style=" border-top: 1px solid #e2e2e2; position:relative;top: -120px;"></div>



<script>
document.getElementById("ta").style.left="0px";

function shao()
{
var aa = parseInt(document.getElementById("ta").style.left);
if(aa>-2690)
{
    document.getElementById("ta").style.left=(aa-1345) "px"

}
else
{
    document.getElementById("ta").style.left="0px"
}bb = window.setTimeout("shao()",3000);
}var bb =window.setTimeout("shao()",3000);

function Zhi()
{
    window.clearTimeout(bb);    
      document.getElementById("yy").style.display="block";

  document.getElementById("zz").style.display="block";
}
function Li()
{
    bb=window.setTimeout("shao()",3000);    
    document.getElementById("yy").style.display="none";

  document.getElementById("zz").style.display="none";
}
function zuo(){
    var sy = parseInt(document.getElementById("ta").style.left);
    if(sy<0)
    {
        document.getElementById("ta").style.left=(sy 1345) "px"
        sy=sy 1345;
    }
    else
    {
        document.getElementById("ta").style.left="-2690px"
    }
    }
    function you()
    {
        var sy = parseInt(document.getElementById("ta").style.left);
        if(sy>-2690)
        {
            document.getElementById("ta").style.left=(sy-1345) "px"
        sy=sy-1170;
        }
        else
        {
            document.getElementById("ta").style.left="0px"
        }
    }




</script>
    {template "content","footer"}

View Code

分页与友情链接:

分页:

 {pc:content  action="lists" catid="$catid" order="id DESC" num="10" page="$page"}  <!--num是显示多少数据-->

     {loop $data $key $val}

                <a href="{$val[url]}">
                    <div class="item-context">{$val[title]}</div>
                </a>
     {/loop}
     {/pc}
      <!--分页-->
      <div class="paging">
          {$pages}  
       </div>

友情链接:

澳门新浦京娱乐场网站 10

后台添加好内容,遍历:

{pc:link  action="type_list" typeid="0" siteid="$siteid" linktype="1" order="listorder DESC" num="2" return="pic_link"}
{loop $pic_link $v}
<a href="#">
{$v['name']}
</a>
{/loop}
{/pc}

 

本文由澳门新浦京娱乐场网站发布于www.146.net,转载请注明出处:澳门新浦京娱乐场网站:phpcms后台管理,phpcms基