ASP.net中前端开发技巧

80酷酷网    80kuku.com

  现在很多网站都采用.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" />
....

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: