PHPCMS-後臺管理中心

這個就是便捷管理網頁，能夠經過這個後臺進行修改、增刪一些東西，還能夠利用一些網頁模板來創建網頁

首先就是下載好這個後臺管理中心，這個從網上下載就行了，記住這個要安裝在WampServer中的www文件下，才能夠

從網頁的地址欄中找到這個的安裝文件，打開而後按照步驟一步一步的來就能夠了。

注意：在輸入數據庫的那一頁，要輸入本身的數據庫信息，還有註冊用戶的那個，必定要記住本身的帳號和密碼。

下載而且註冊成功後，就能夠進入管理中心了。以下就是管理中心的圖：

能夠經過一個網站的修改來認識這個管理中心~~~

注意下這幾個文件夾

（1）phpcms-----templates文件中能夠放模板

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

這個管理中心中有自帶的網頁模板，也能夠本身添加本身的模板

設置----站點管理---找到這個已經有的站點，而後點擊「修改」進入修改頁面，模板風格選擇本身的模板，而後單擊「肯定」按鈕便可

1、整理首頁內容

（1）既然把圖片還有樣式等都複製到了相應文件夾中，那麼就要從首頁開始修改了，由於路徑不對，因此要修改

首先是頭部的樣式和js

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

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

查找替換成

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

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

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

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

由於頭部和尾部是每一個頁面都有的，因此都查出來便於後面的頁面用一句話插入

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

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

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

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

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

 

（3）開始慢慢的寫吧　　

3.1 先寫頭部信息　

首先要先寫入點東西

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

而後就是關於優化的

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

看下個人頭部樣式吧

這裏有欄目，這些在寫的時候，不會是固定不變的，而是從後臺遍歷出來的

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}   <!--category是欄目 catid是頂級欄目也就是一級欄目 -->      {loop $data $r} <!--這個就是和循環同樣的用法--> < br >< br >　　　　　　 <!--這個是判斷當前的欄目是否是被選中，若是選中就變顏色-->             {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}

欄目中還有一個「首頁」要處理

1 2 3 4 5 6 7 8 9 10 11 12

<!--判斷欄目的顏色顯示--> {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）在主頁中會有圖片的，不多是固定的因此也要進行後臺的更換才能夠，這樣能夠在後臺建一個不在欄目顯示的欄目，放圖片，

在後臺：內容----內容相關設置----欄目管理

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

        

而後就是選擇   選擇右邊的添加的欄目，而後在選擇

在彈出的窗口中進行編寫

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

1 2 3 4 5 6 7 8 9 10

{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）欄目的跳轉，這裏確定是要跳轉到相應的頁面，因此要修改它的連接地址了，單擊相應圖片，進入相應頁面

1 2 3 4 5 6

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

這個列子就夠了，其餘的連接直接相對應的修改就能夠啦

（3）關鍵字，標題等

寫出一個例子，

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

{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屬性就能夠了，例如

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

< 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）添加友情連接

首先是後臺：模塊----友情連接，在右邊點擊「添加內容」，進行添加連接內容

 

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

1 2 3 4 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}