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" />
....