關於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重復實現即可
