PHPCMS-后台管理中心

這個就是便捷管理網頁，可以通過這個后台進行修改、增刪一些東西，還可以利用一些網頁模板來建立網頁

首先就是下載好這個后台管理中心，這個從網上下載就好了，記住這個要安裝在WampServer中的www文件下，才可以

從網頁的地址欄中找到這個的安裝文件，打開然后按照步驟一步一步的來就可以了。

注意：在輸入數據庫的那一頁，要輸入自己的數據庫信息，還有注冊用戶的那個，一定要記住自己的賬號和密碼。

下載並且注冊成功后，就可以進入管理中心了。如下就是管理中心的圖：

可以通過一個網站的修改來認識這個管理中心~~~

注意下這幾個文件夾

（1）phpcms-----templates文件中可以放模板

（2）statics----中的文件可以分別存放，不要存放錯了

這個管理中心中有自帶的網頁模板，也可以自己添加自己的模板

設置----站點管理---找到這個已經有的站點，然后點擊“修改”進入修改頁面，模板風格選擇自己的模板，然后單擊“確定”按鈕即可

一、整理首頁內容

（1）既然把圖片還有樣式等都復制到了相應文件夾中，那么就要從首頁開始修改了，因為路徑不對，所以要修改

首先是頭部的樣式和js

按ctrl+f彈出查找替換對話框，然后找到樣式

 <link href="css/HeaderAndFooter.css" rel="stylesheet" />

查找替換成

<link href="{CSS_PATH}css/HeaderAndFooter.css" rel="stylesheet" />

同理圖片就是{IMG_PATH}、{JS_PATH}

注意的就是源代碼中的格式，不要修改錯了就好

（2）將頭部和尾部單獨拆出來

因為頭部和尾部是每個頁面都有的，所以都查出來便於后面的頁面用一句話插入

先看看檢查元素哪些是屬於頭部和尾部的，然后單獨拆出來建立頭部和尾部的html

插入頭部信息：template是放模板的那個文件夾：content是template中的文件夾：header是拆除的頭部文件

<!--頭部拆除后加入頭部拆除部分的語句-->
{template "content","header"}

插入尾部信息：和頭部信息一樣的說法

<!--尾部拆除后加入尾部拆除部分的語句-->        
{template "content","footer"}

 

（3）開始慢慢的寫吧　　

3.1 先寫頭部信息　

首先要先寫入點東西

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

然后就是關於優化的

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

看下我的頭部樣式吧

這里有欄目，這些在寫的時候，不會是固定不變的，而是從后台遍歷出來的

這個就和循環數組顯示是一樣的

{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}   <!--category是欄目 catid是頂級欄目也就是一級欄目 -->
    {loop $data $r} <!--這個就是和循環一樣的用法-->

　　　　　　<!--這個是判斷當前的欄目是不是被選中，如果選中就變顏色-->
           {if $catid==$r[catid] || $top_parentid==$r[catid]}  
                 <a href="{$r[url]}">
                      <div class="h-item select">{$r[catname]}</div>  <!--catname是欄目名稱  -->
                 </a>
                 <div class="h-item2">/</div> 
                        
            {else}
                  <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                  </a>
                  <div class="h-item2">/</div> 
            {/if}
                       
     {/loop}
{/pc}

欄目中還有一個“首頁”要處理

 <!--判斷欄目的顏色顯示-->
{if $top_parentid==0}<!--判斷首頁顯示是不是首頁-->
      <a href="{siteurl($siteid)}">
      <div class="h-item select">首頁</div>
      </a>
      <div class="h-item2">/</div>
{else}
       <a href="{siteurl($siteid)}">
             <div class="h-item">首頁</div>
         </a>
         <div class="h-item2">/</div>
{/if}

到此頭部已經結束了~~~

 

3.2 主體部分可以開始寫了

（1）在主頁中會有圖片的，不可能是固定的所以也要進行后台的更換才可以，這樣可以在后台建一個不在欄目顯示的欄目，放圖片，

在后台：內容----內容相關設置----欄目管理

單擊添加欄目，彈出添加欄目對話框（在這里進行編寫要添加的欄目內容，不要忘了修改模板設置啊）

        

然后就是選擇   選擇右邊的添加的欄目，然后在選擇

在彈出的窗口中進行編寫

這樣后台就修改結束了，接下來就是代碼部分了

{pc:content  action="lists" catid="16" order="id DESC" num="1"}
        <!--lists是列表內容  catid是這個顯示在后台的欄目id-->
         {loop $data $key $val}
        	<!--大圖 開始-->
            <div class="bigimg">
                <img src="{$val[thumb]}" />   <!--thumb是指縮略圖-->
            </div>
            <!--大圖 結束-->
         {/loop} 
{/pc}

這樣就可以在后台隨意換圖片了~

（2）欄目的跳轉，這里肯定是要跳轉到相應的頁面，所以要修改它的鏈接地址了，單擊相應圖片，進入相應頁面

<div class="three-item">
　　　　<!--這里的就是后天相對應的欄目id-->
      <a href="{$CATEGORYS[11]['url']}">  <!--$CATEGORYS[11]從這個數組中取索引-->
           <img src="{IMG_PATH}images/three1.png" /> 
      </a>
</div>
    

這個列子就夠了，其他的鏈接直接相對應的修改就可以啦

（3）關鍵字，標題等

寫出一個例子，

{pc:content  action="lists" catid="10" order="id DESC" num="6" moreinfo="1"}
                 
                {loop $data $key $val}
                 	<div class="yxxm-item">
                        <a href="{$val[url]}">
                            <img src="{$val[thumb]}" /></a>   <!--前面提過thumb是調的縮略圖-->
                        <div class="yxxm-name">
                            項目名稱：
                            <span>{$val[title]}</span>   <!--title是圖片中的標題位置-->
                        </div>
                        <div class="yxxm-user">
                            客　　戶：
                            <span>{$val[keywords]}</span>  <!--keywords是圖片中的關鍵字位置-->
                        </div>
                        <div class="yxxm-context">
                            功　　能：
                            <span style="width: 77%;">{$val[description]}</span>  <!--description是摘要部分-->
                        </div>
                        <div class="yxxm-context">
                            開發人員：
                            <span>
                                {php list($copyfrom) = explode('|',$val['copyfrom'])}  <!--copyfrom是來源部分-->
                                {$copyfrom}
                            </span>
                        </div>
                    </div>
                {/loop}                 
{/pc}

 （4）分頁的寫法

在屬性的后面加上page屬性就可以了，例如

<div class="list-title">    {$CATEGORYS[$catid][catname]}列表</div>
     {pc:content  action="lists" catid="$catid" order="id DESC" num="2" page="$page"}  <!--num是顯示多少數據-->
        
     {loop $data $key $val}
             <div class="right-item">
                <a href="{$val[url]}">
                    <div class="item-context">{$val[title]}</div>
                </a>
                <div class="item-time">{$val[inputtime]}</div>
            </div>
     {/loop}
     {/pc}
      <!--分頁-->
      <div class="paging">
          {$pages}  <!--記得這個屬性-->
       </div>

（5）添加友情鏈接

首先是后台：模塊----友情鏈接，在右邊點擊“添加內容”，進行添加鏈接內容

 

添加完成后，就進行遍歷就好啦

 {pc:link  action="type_list" typeid="0" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
 {loop $pic_link $v}
 <a href="{$v['url']}">{$v['name']}</a>  <!--遍歷的-->
 {/loop}
 {/pc}