现在很多网站都采用.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" />
....
ASP.net中前端开发技巧
80酷酷网 80kuku.com