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