PHP分幀後臺模板頁面css樣式,js引入方法
一,首先把下載好的分幀後臺模板放到對應的目錄中,HTML顯示頁面放到View目錄中,CSS和JS.img圖片等公共資源放到include目錄中
二.然後開始準備更改CSS和JS , img路徑操作:(在操作之前要明白以下幾點)
1. ./ 表示是當前目錄(表示當前文件所在的目錄)
2. ../ 表示是上一級目錄(表示當前文件所在目錄的上一級目錄)
3. include(require) 引入(包含) [引入(包含)相當於把引入(包含)的文件復制一份到需要引入的頁面]
三.開始修改路徑地址
從 index.html 開始修改 href 跳轉路徑和 src 路徑
舉例說明:
index.php 引入 Control 目錄下面的 IndexControl.class.php
IndexControl.class.php 又引入了 View 目錄下面的 index.html
最終 index.html 要修改路徑,就要以 index.php 所在的目錄為當前目錄
如果現在要 index.html 文件去加載 CSS和JS , img..等路徑 就是以 index.php 文件所在的目錄為當前目錄
index.html 是分幀頁面被分成了不同的多個頁面 如果現在index.html 文件需要加載其他被分開顯示的頁面
比如: index.html 需要加載 left.html 文件, 而 left.html 文件在 include 目錄下面
那麽 路徑就是 當前目錄下面的 include 目錄下面的 left.html 文件 ./include/left.html
四. 跳轉的頁面
因為是分幀後臺模板所以後臺的整個頁面被劃分成了不同的多個頁面(這裏就以左邊的為例)
例: index.html 被分成了 top.html left.html 等...多個頁面...
以 left.html 為例:
首先找到 left.html 文件所在的目錄 然後以 left.html 文件所在的目錄為當前目錄
比如: left.html 有一個 超鏈接 跳轉頁面需要跳轉到 View 下面的 user.html 顯示用戶頁面
left.html文件在 include 目錄中 那麽路徑就是 上一級目錄 View 目錄下的 user.html 文件 ../View/user.html
沒有加載CSS JS img 前
找到對應的left.html 文件
打開 left.html 文件 找到對應的 路徑
修改對應的路徑地址 這裏面要點擊跳轉的頁面是 balance.html , left.html 頁面在 include 目錄中 balance.html 這個頁面是在 View 目錄中
那麽他的路徑就應該 改為 ../View/balance.html
路徑更改完成後刷新還是不顯示請 找到所在框架位置 鼠標右擊重新加載次框架即可
PHP分幀後臺模板頁面css樣式,js引入方法