互聯網 - 大數據

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

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

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

運行一下

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

運行成功

其他部分，明天再發