用phpcms如何將靜態頁面製做成企業網站（上）

首先，先要準備好這個靜態網頁的源文件，如圖

bs裏面是一些css和js的文件，img則是放圖片的，文件中的index是網頁的首頁

運行一下，看看

是這樣的

而後打開phpcms文件，上篇博客中有提到，把首頁的文件index要放到指定的文件夾下

放到這個路徑下

而後運行一下，看看效果

網頁中沒有了圖片和樣式表，接下來就是把它的圖片和樣式表放到指定的文件夾中，把圖片放到images文件夾裏，如圖

 

bs裏面有js文件也有css文件，因此，把它放在css和js文件任何一個均可以。如圖

 

 第一步作的就完成了，複製文件到指定文件夾中

運行一下index首頁，仍是沒有變，如圖

而後用Dw打開index首頁

一些文件的路徑都是原來的，因此找不到，包括圖片也是

因此咱們要作的第二步就是替換目錄

ctrl f  直接查找，如圖

第一個要替換的是bs，看看要替換成什麼

打開phpcms的後臺管理

設置安全配置中基本配置那一項

看看各項對應着什麼路徑

Dw中查找，填寫內容

{JS_PATH}就表明着，這個路徑，如圖

替換的話，只要含有bs的就所有替換成那個路徑，萬一其中有單詞含有bs那也會被替換，因此還要改

在前面加上雙引號就能夠了，基本上bs打頭的，前面都是雙引號

 

 點擊替換所有，一共找到了三項

 

已成功被替換

接下來就是替換img

查找一下img 看看有什麼規律

也是雙引號打頭的能夠操做

替換所有看一下，有沒有徹底替換成功

有class名也是雙引號打頭的被替換掉了，因此這種替換方式不行，撤銷一下

前面的標誌重複不行，那就看後面的

而後替換所有

查看一下，替換的都沒有錯

兩個路徑都更換完了，網頁應該就能夠正常運行了

phpcms後臺管理更新一下緩存

更新完成後，再點擊生成首頁

查看站點首頁

這個靜態頁面就能夠在phpcms中顯示出來了

而後就能夠對這個靜態頁面進行操做了

能夠經過phpcms提供的一些標籤，來把靜態網頁變成動態網頁

換個標準點的靜態網頁來從新操做，如圖

運行後是這樣的一個靜態網頁

仍是重複上面說的那些步驟，複製文件

複製完成後，再就是把index裏面的內容更改替換

而後在phpcms後臺管理中更新緩存，生成首頁，查看站點首頁

和第一個靜態頁面的操做步驟同樣

接下要把index首頁，分出兩個部分，頭部和尾部

導航欄的部分是頭部，來看一下審查元素

 

 把header1和往上的內容剪切掉

新建一個文件，把內容複製，起的名字也是固定的，爲header而後保存到和index同一路徑裏去

頭部操做好了，再把尾部拆出來

再來看底部

一樣的方法，剪切複製到一個新的文件裏去，名字也是固定的，footer

而後點擊保存

更新緩存，生成首頁，看一下站點首頁變成什麼樣子了

頭部沒有了，能夠在裏面把頭部再放進去

使用的是phpcms裏面的標籤，如圖

把尾部也引入進去

而後更新緩存看一下效果

頭部被成功引入

再看尾部

尾部也是被成功引入

頭部和尾部被拆出來的緣由就是，到時候能夠重複使用，每一個頁面都須要頭部和尾部，若是 有須要的話能夠引入就好

下一步作的就是，把header變成動態的

能夠看一下

這裏面的header是怎麼作的

有這樣一句話

標題，能夠在後臺管理操做的，不能寫死了，能夠複製粘貼一下

 

 把這個改了

還要再加這樣兩句話

phpcms裏的標籤都是帶花括號的，這兩句話不加也行，加上最好，網絡優化用的

再往下看是logo，logo在企業網站上不多會更換，因此這裏就不作動態了

再往下看是欄目，欄目確定是要改爲動態的

只留這兩項，而後其餘的都刪掉

而後用phpcms的標籤把欄目循環遍歷出來

能夠參照phpcms v9手冊，去找標籤

花括號裏面內容的意思就是   pc標籤，是phpcms的一個簡寫，content表明的是內容，表明取的是欄目寫0的話找的是一級欄目，5是表明的數量，最多隻能調5個出來，是站點

根據欄目添加的順序來升序排，至關於王裏面填一些參數

查到的數據怎麼來顯示？loop標籤。是用來循環遍歷數組的，data表明查到的數據，r表明的小數組

loop中間的內容會循環輸出，把剛纔的產品放進去，把產品改成動態的，因此就不能寫產品了

寫這樣顯示的就是名稱了，先運行一下，看看

 

 出現的是phpcms後臺管理裏面的內容

還有一個網頁介紹

改爲是，它就會在導航欄上出現

 

 欄目已經改好了，每一個欄目的鏈接是#，如今把每一個欄目的href地址改一下

運行一下

點擊國內

 

 網頁跳轉相對應的地方

點擊關於咱們

也是跳轉到相應的地方去

因爲ceshi文件裏面只有三個文件，並無相對應的list列表，因此它會找默認的內容

首頁跳轉的部分還須要改

保存運行一下

點擊首頁，網址後面不會帶有#

 

 點擊這裏的首頁

也會回到首頁

導航的內容和鏈接都改完了

看一下首頁是怎麼變黃的  

首頁比其餘的多了一下class名

 在上面加一個判斷語句，判斷一下它是否是首頁

 

 

刪掉這一部分

 

 

在寫下面的判斷語句

 

 

寫在loop標籤裏面

而後再把，這一塊，刪掉它

運行一下

 

能夠指到那一項，選中哪一項，這樣頭部部分已經改完了，能夠直接從後臺管理去操做它，接下來操做footer部分

footer部分和頭部的同樣，logo不用改，電話地址等也不用，下面有個導航欄，把這一塊換掉

修改完成後，運行

點擊國內

成功跳轉

再來看index部分

由於這個頁面，導航下面就是一個大圖，爲了之後方便換，也換成動態的，須要在後臺管理那裏的欄目再加一行欄目

 

添加欄目

點擊提交

 而後給它添加內容

點擊保存，看一下

這裏就有這張圖片了

把首頁的大圖換成這張圖片，看看怎麼換

把原來的代碼改爲這樣的

而後保存，刷新看一下

圖片已經被成功的替換了

在後臺管理再修改另外一張圖片

點擊保存，而後刷新頁面

圖片被成功替換

到管理欄目那裏，刪除沒有用的，而後再添加欄目

導航已經被改變了

第一個是承接，承接在管理欄目是13

 

第二個是人才，人才在管理欄目上是11

 

 

第三個是資源，資源在管理欄目上是12

操做的是首頁大圖上的三張小圖

運行一下

點擊人才，達到的是人才頁面