ThinkPHP框架学习（二）
在上一節(jié)中，我主要講到了如何獲取ThinkPHP框架，以及虛擬目錄和虛擬主機(jī)的配置。準(zhǔn)備工作完成之后，就可以利用ThinkPHP去部署項(xiàng)目了。
先在工作目錄（D:/zend/workspace）下新建一個(gè)market文件夾，用來(lái)部署項(xiàng)目，在market文件下再新建一個(gè)index.php，作為項(xiàng)目的入口文件。因?yàn)槲覀冃枰{(diào)用ThinkPHP框架，打開(kāi)自己下載好的ThinkPHP框架文件，將其中的ThinkPHP文件夾(其他的Application、Public等均不需要)復(fù)制一份到D:/zend/workspace目錄下（與market文件夾同級(jí)，因?yàn)門hinkPHP框架可以支持多個(gè)項(xiàng)目調(diào)用，不僅限于這一個(gè)項(xiàng)目），利用zend studio打開(kāi)index.php，去引入框架的核心程序。
這里用到了相對(duì)路徑知識(shí)， ../表示上一級(jí)目錄，后面會(huì)介紹到
之后，在瀏覽器中輸入www.myweb.com/market，出現(xiàn)如下效果，則說(shuō)明框架引入成功。
當(dāng)框架引入成功之后，market文件夾會(huì)自動(dòng)生成3個(gè)文件夾，如下圖：
其中Home文件夾下的內(nèi)容如下：
接下來(lái)即利用Home文件夾去部署雍達(dá)商城前端頁(yè)面。雍達(dá)商城前端頁(yè)面主要包括如下幾個(gè)部分：
選取其中的幾個(gè)頁(yè)面為例，根據(jù)其功能的不同，在Home文件夾中創(chuàng)建控制器和對(duì)應(yīng)的視圖文件，引入相應(yīng)的文件，最后效果如下圖：
具體實(shí)現(xiàn)流程不再細(xì)致講解，對(duì)于其中的一些注意事項(xiàng)進(jìn)行分析。
相對(duì)路徑和絕對(duì)路徑
引入模板文件后，原先html文件和css文件之間的相對(duì)路徑關(guān)系會(huì)發(fā)生改變，需要考慮如何去進(jìn)行調(diào)整，使css樣式正確顯示（包括圖片也是一樣的道理），這時(shí)就需要考慮相對(duì)路徑和絕對(duì)路徑問(wèn)題了。
絕對(duì)路徑就是文件的真正存在的路徑，是指從硬盤的根目錄開(kāi)始，進(jìn)行一級(jí)級(jí)目錄指向文件。
相對(duì)路徑就是以當(dāng)前文件為基準(zhǔn)進(jìn)行一級(jí)級(jí)目錄指向被引用的資源文件。
- ../表示當(dāng)前文件所在的目錄的上一級(jí)目錄
- ./表示當(dāng)前文件所在的目錄（所以可以省略不寫）
- /表示當(dāng)前站點(diǎn)的根目錄（域名映射的硬盤目錄）（我們一會(huì)兒會(huì)用到）
就拿這個(gè)項(xiàng)目為例，當(dāng)我把前臺(tái)模板文件都移植到market文件后，需要對(duì)html、css、img之間的相對(duì)路徑關(guān)系進(jìn)行調(diào)整，以其中的inex.html為例，原始樣式如下：
而移植到market文件后，變成了如下效果：
可以看出，html文件正常顯示，但是css樣式和圖片沒(méi)有正常顯示，其中的相對(duì)路徑關(guān)系從目錄結(jié)構(gòu)中可以看出
index.html文件所在的絕對(duì)路徑為：D:/zend/workspace/market/Home/View/Index/index.html
style.css文件所在的絕對(duì)路徑為：D:/zend/workspace/market/Public/Home/css/style.css
如何才能在index.html文件中正確引用style.css文件？
- 若利用相對(duì)路徑，以index.html為基準(zhǔn)，正確的引用方式為：../../../Public/Home/css/style.css
| ../ | 上一級(jí)目錄 | D:/zend/workspace/market/Home/View/... |
| ../../ | 上上級(jí)目錄 | D:/zend/workspace/market/Home/... |
| ../../../ | 上上上級(jí)目錄 | D:/zend/workspace/market/... |
根據(jù)index.html和style.css的絕對(duì)路徑地址以及表格分析，我們可以看出當(dāng)跳了三級(jí)目錄（../../../）時(shí)，可以正確地去引用style.css
../../../Public/Home/css/style.css <=> D:/zend/workspace/market/Public/Home/css/style.css
- 若利用絕對(duì)路徑，正確的引用方式為D:/zend/workspace/market/Public/Home/css/style.css
同樣地，css樣式調(diào)整好之后，還需要調(diào)整html文件與img之間的引用關(guān)系。
index.html文件所在的絕對(duì)路徑為：D:/zend/workspace/market/Home/View/Index/index.html
很多圖片都存儲(chǔ)在images文件夾下，而images文件所在的絕對(duì)路徑為：D:/zend/workspace/market/Public/Home/images
- 若利用相對(duì)路徑，以index.html為基準(zhǔn)，正確的引用方式為：../../../Public/Home/images/XXX.jpg
- 若利用絕對(duì)路徑，正確的引用方式為D:/zend/workspace/market/Public/Home/images/XXX.jpg
路由解析
ThinkPHP框架的URL地址可以有以下四種形式：
前面我們講到了一般情況下是如何進(jìn)行絕對(duì)路徑和相對(duì)路徑的調(diào)整，而結(jié)合TP框架進(jìn)行設(shè)置時(shí)，我們還需要遵循一定的規(guī)則，根據(jù)路由形式選擇的不同，可能會(huì)造成一定的影響。
當(dāng)我們采用pathinfo路徑形式去訪問(wèn)頁(yè)面時(shí)，如果我們希望利用相對(duì)路徑的形式去引用css或者圖片，上面講到的路徑形式是沒(méi)有問(wèn)題的，因?yàn)檫@時(shí)它是以index.html為基準(zhǔn)去引用style.css
當(dāng)采用基本get形式去訪問(wèn)頁(yè)面時(shí)，如果我們希望采用相對(duì)路徑的形式去引用css或者圖片，這時(shí)它并不是以index.html為基準(zhǔn)，而是以項(xiàng)目的入口文件index.php為基準(zhǔn)，所以如果還按照上面講到的路徑形式去設(shè)置的話，就會(huì)出現(xiàn)問(wèn)題。
index.php的絕對(duì)路徑為D:/zend/workspace/market/index.php
正確的引用路徑為：./Public/Home/css/style.css(./表示當(dāng)前目錄，可以省去)，而不是上面講到的../../../Public/Home/css/style.css。
為了避免這類問(wèn)題的出現(xiàn)，我們可以采用絕對(duì)路徑，但不采用上面講到的方式。
我們?cè)谇懊嫣峒暗?strong>/ 表示當(dāng)前站點(diǎn)的根目錄（域名映射的硬盤目錄），即我們之前設(shè)置的虛擬目錄位置D:/zend/workspace，/就等價(jià)于該地址，所以利用這種方式，正確的引用路徑為：/market/Public/Home/css/style.css.
對(duì)于圖片的引用也是一樣的道理，這里不再贅述。這樣一來(lái)，index.html對(duì)于css樣式和img的引用就完成了，其他頁(yè)面的引用均類似，進(jìn)行一番調(diào)整便可以正確引入css和圖片。
某些css樣式里也有圖片，在引入圖片時(shí)，可以使用相對(duì)路徑，它是以css文件自身為基準(zhǔn)，與其他文件沒(méi)有關(guān)系。
注：以上內(nèi)容僅是我看過(guò)視頻教程后個(gè)人的一些理解，可能會(huì)有不當(dāng)之處，望理解:)...
閱讀原文
轉(zhuǎn)載于:https://www.cnblogs.com/Ai-heng/p/7337233.html
總結(jié)
以上是生活随笔為你收集整理的ThinkPHP框架学习（二）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 一步步完成jsRender + Spri
- 下一篇： 动态规划算法php,php算法学习之动态