ASP.net中前端開發技巧

來源:互聯網
上載者:User
現在很多網站都採用.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" />
....

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。