首先用一個靜態首頁的模板,經過cms進行替換作成一個有後臺的php
首頁的替換流程首先要先把靜態網頁作出來,拿這個頁面去替換css
頁面全部的文件都在這,作靜態頁面的文件html
如今要作的是把這些文件複製一下拿到phpcms裏面有個Phpcms文件夾裏的templates裏面有個ceshi裏面的content前端
咱們先把首頁拿進來進行替換jquery
這時候首頁模板已經扔過來了那咱們再次去訪問網站的時候,更新緩存,重新生成首頁編程
會發現首頁變了,變成了靜態頁面bootstrap
會發現這個網頁裏面少了圖片,樣式表也沒有了緩存
由於咱們只把網頁扔過來,所對應的圖片和樣式表沒有扔過來網站
那麼文件仍在哪呢?圖片咱們就複製img扔到spa
圖片咱們就複製img扔到phpcms裏的install_package的statics的images
bs文件夾扔到哪呢,若是比較籠統的狀況下,css和js文件夾隨意哪個都行
這是第一步要作的事情,把文件複製過來
我接着打開模板文件index.html
引用了jquery \bootstrap 這幾個文件如今都找不到因此沒有顯示
包括圖片也找不到,因此咱們第二步就是替換目錄,只要是裏面出現的文件夾都要替換
替換的時候不要找到這個東西,直接過來改
咱們直接ctrl+f 直接過來查找
第一個咱們要查找替換的bs文件夾
看一下後臺設置裏邊的基本配置
找到對應的路徑,只須要調用相應的路徑就好了
替換就寫前端的一個標籤{}括起來{JS_PATH}大寫的這個就表明了JS路徑的目錄
找到這個目錄後邊跟上bs,基本都是雙引號打頭的
因此咱們在這兩個地方加上雙引號,而後點擊替換所有
這樣就替換完了,這樣就把bs路徑替換了一下
如今還差一個img文件夾
咱們先查找一下img
以點打頭,如下劃線打頭的是class名,這個不能替換
尖括號打頭的表明的是img標籤也不能替換
雙引號打頭的也不能夠所有替換,那咱們就找全部斜槓的Img
表明的是圖片路徑,進行所有替換
這樣咱們把圖片的路徑也所有替換了
這樣就所有顯示了
接下來如何把靜態頁面換成動態的,那麼phpcms裏面提供了一些標籤,經過這些標籤就能夠吧靜態網頁編程動態的,不須要寫php代碼,是經過標籤來完成,一開始記不住沒關係,能夠經過百度來完成
咱們要把網站拆成3份
第一個是網站的頭部header,從最上邊開始,到菜單結束
從菜單結束的位置,往上剪切掉,新建一個HTML文件,保存到phpcms裏的install_package
的phpcms裏的templates的ceshi裏的content取個名字是固定的header
第二個再把尾拆出來,步驟是同樣的用的固定名字是footer
這樣就等於分出了3個部分
生成後發現頭的部分沒有引入,這是咱們就要用phpcms的標籤來引入
直接複製粘貼
意思就是引入模板的標籤template,引入哪一個模板?header
content文件夾名稱
在引入頁腳
這樣頭和尾就都顯示出來了,爲何拆除來?由於每一個頁面的頭和尾都有,便於使用
接下來,先把頭的內容替換了,把靜態替換動態,找到header打開
若是不知道怎麼替換,能夠看到頁面的標題里加了這麼一句話
不用管什麼意思,知道放在title裏面是標題
還額外加了兩個標籤
咱們一樣也複製過來