1. 程式人生 > >PHP分幀後臺模板頁面css樣式,js引入方法

PHP分幀後臺模板頁面css樣式,js引入方法

不同的 class size 表示 如果 dex 鏈接 http 一級目錄

一,首先把下載好的分幀後臺模板放到對應的目錄中,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引入方法