ASP.net中前端开发技巧

作者:网络 来源:佚名 更新时间:2009-02-25 09:24:09 点击:
  • 本文来源于网页设计爱好者web开发社区http://www.html.org.cn收集整理,欢迎访问。
  • 现在很多网站都采用.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" />
    ....