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