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文件中

....