thinkphp框架(已有模板和tp框架做結合)


關於thinkphp框架的基本介紹

 

 

 

 

 

 第一次訪問后創建的目錄

 

 

路由的四種形式

 

創建應用(在首個index.php中)

 

Controller里的自配需要文件

 

調用View視圖的模板

 

注意:Controller和View里的視圖名稱保持一致,$this->display();就能直接調用;

 

設置登錄網站的首頁面

將寫好的展示給用戶的靜態頁面代碼輸入在內,就可訪問

(本機的登錄地址:localhost/xampp/shop/index.php/Home/Index/index)

 

訪問到的界面

 

只是有簡單的html代碼,並不會顯示css和js的效果。因為我們並沒有設置這些代碼的存放

接下來就開始啟用css和js

 

首先在shop文件夾下設置一個新的Public文件夾

然后點開里面新建存放修飾html代碼的js和css的文件夾

新建成功,將需要的代碼和圖片存入其中。

可是僅僅這樣寫入代碼還是不能顯示效果的哦,要注意在html頁面中加入css和js的鏈接。也就是這段代碼:

 <link href="/xampp/shop/Public/css/style.css" rel="stylesheet" type="text/css" />

尤其要注意這段代碼的路徑問題,特別重要!!!

要使用絕對路徑而不是相對路徑,否則瀏覽器將不會顯示出來。(這里的絕對路徑並不是我們通常所說的那種絕對路徑)

這樣css的效果就可以出來了,可是圖片仍然沒有加載出來。

瀏覽網頁出現這種效果

圖片引入:

所以圖片也要以這種方式寫正確他的路徑

<img class="logo" src="/xampp/shop/Public/images/logo.gif"></a>

 

 這樣其實只是打開了部分的圖片,因為有許多圖片是存儲在css樣式之中的,所以我們也需要將css里的樣式全部改過來。

但是請注意!!!!

css的路徑是相對路徑而不是之前的絕對路徑

background:url(../images/inputbg.gif)

同樣的,其他的模板也可以通過這種方式得到。

 

但是這樣一個一個的去改img\css路徑是極其麻煩的,而且也不利於后期的維護,所以我們需要設置一個常量。

在index.php入口文件中,設置一個他的常量:

然后去靜態頁修改相應的css路徑

之后修改相對應的img路徑

 

已有模板與tp框架做結合

具體實現步驟:

1。復制模板文件到view指定目錄

2.復制css\js\img靜態資源文件到系統指定目錄

3。把靜態資源(css\js\img)文件的路徑設置為“常量”信息(在index入口文件設置)

4.在模板文件中通過常量引入靜態資源(css\js\img)文件,路徑相對入口文件設置

    最好設置絕對地址(相對工作站點虛擬主機目錄的絕對地址)

    為了后期維護模板方便,通過常量設置靜態資源文件訪問目錄地址

5.css文件本身的圖片設置,其路徑相對css文件本身設置

  后續1、4重復實現即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM