ASP.net中前端开发诀窍

发布时间：2023-07-14 14:43:03 所属栏目：Asp教程来源：

导读：现在很多网站都采用.net开发。

前端开发又多了一个平台，

由于采用VSS源代码管理器，程序员经常为获取文件发愁。

特别是样式，图片。

目录结构

├─App_Code ---------------------cs代码库目录

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

....

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!