現(xiàn)在很多網(wǎng)站都采用.net開發(fā)。
前端開發(fā)又多了一個(gè)平臺(tái),
由于采用VSS源代碼管理器,程序員經(jīng)常為獲取文件發(fā)愁。
特別是樣式,圖片。
目錄結(jié)構(gòu)
├─App_Code ---------------------cs代碼庫目錄
├─App_Theme --------------------主題目錄
├─Bin --------------------------dll調(diào)用目錄
│ ├─app -----------------------動(dòng)態(tài)控件總目錄
│ │ ├─brand ------------------品牌專區(qū)
│ │ ├─catagory ---------------商品目錄
│ │ ├─club -------------------社區(qū)
│ │ ├─default ----------------網(wǎng)站首頁
│ │ ├─login ------------------用戶登錄
│ │ ├─news -------------------新聞動(dòng)態(tài)
│ │ ├─product ----------------產(chǎn)品目錄
│ │ └─public -----------------公用目錄(一些頭部公用的frame頁,如果是動(dòng)態(tài)的也放在這個(gè)目錄)
│ └─html ----------------------靜態(tài)控件總目錄(下面的子目錄跟controls/app差不多,只不過僅存放手動(dòng)更新的控件)
│ ├─brand
│ ├─catagory
│ ├─club
│ ├─default
│ ├─login
│ ├─news
│ ├─product
│ └─public
├─default ----------------------網(wǎng)站首頁
.....
.net默認(rèn)的樣式是放入
Theme下面然后讀取文件夾
比如里面有一個(gè)Default文件夾 LayOut.css
├─App_Theme ----------Default---------- LayOut.css
下面的代碼:
@import url("http://images.xxxx.com/WebApp/Theme/Css/Default.css");
@import url("http://images.xxxx.com/WebApp/Theme/Css/Public.css");
@import url("http://images.xxxx.com/WebApp/Theme/Default/LayOut.css");
配置以上環(huán)境
找出以下文件:
C:/WINDOWS/system32/drivers/etc/hosts
添加一條記錄
192.168.3.204 Images.xxxx.com (IP為本機(jī)IP)
------------------------------
優(yōu)點(diǎn):
把CSS跟圖片分離出源代碼管理器,每次獲取的時(shí)候不會(huì)太卡。
方便程序的備份。
樣式,圖片等由前端開發(fā)上傳。
不用獲取也能直接瀏覽到正確的頁面。
如果有圖片服務(wù)器,那就更合適了。
缺點(diǎn):
@import url("http://images.xxxx.com/WebApp/Theme/Default/LayOut.css");
有些人說會(huì)影響加載,寫讀取HTML在讀取到import里面的文件。
但是暫時(shí)我還沒碰到這樣的事情。
每個(gè)程序員本地文件都得在host文件中加 -----> 192.168.3.204 Images.xxxx.com
彌補(bǔ)辦法:
完成以后,把css文件直接寫入html文件中
<link href="http://images.xxxx.com/WebApp/Theme/Css/Default.css" rel="stylesheet" type="text/css" />
....
新聞熱點(diǎn)
疑難解答
圖片精選