ASP.net中前端開發技巧

作者：Eve Cole 更新時間：2025-01-31 14:24:01

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

....