ASP.net中前端開發技巧

現在很多網站都採用.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" />
....