加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

利用IIS部署WEB网站以及解决CSS/JS不能显示问题

(2013-07-09 11:56:46)
标签:

iis

网站发布

css

js

不能显示

分类: 学习
利用IIS部署WEB网站以及解决CSS/JS不能显示问题
部署方式很多,如利用VS的发布网站功能。这里就介绍最简单的一种,就是把你的网站文件夹,如我的“WEB”文件夹添加到IIS的默认网站下。具体过程如下:
1、首先你得编写一大堆网站代码,有个网站文件夹。如我是用VS2010,C#编写的网站文件“WEB”文件夹。
2、开启IIS服务功能。打开“控制面板”->“程序”->“程序和功能”->“打开或关闭Windows功能”。得到图2所示界面,勾选“Internet信息服务”和“万维网服务”,其中红线划出的“动态内容压缩”和“静态内容压缩”最好勾选,以防后面出现CSS和JS不能显示问题。
图1 打开或关闭Windows功能

图2 开启IIS服务功能
3、使用IIS发布网站。
3.1、打开“控制面板”->“所有控制面板项”->“管理工具”->“Internet 信息服务(IIS)管理器”。在“Default Web Site”上右击鼠标,选择“添加应用程序”。
3.2、添加应用程序。在上面3.1弹出的界面上完成应用程序设置。“别名”表示当你输入网站地址时的网站名字,如"http://localhost/IMQYPJ/Default.aspx"中的"IMQYPJ"。“物理路径”中输入你网站文件的根目录,如我的"WEB文件夹"。点击确定。
http://s3/mw690/a001e5984e10b752062e2&690
图4 添加的应用程序”配置
3.3、 配置“目录浏览”。左击你刚添加的网站(或者说应用程序),在右边的“功能视图”中找到“目录浏览”。双击打开“目录浏览”,在右边看到“启用”按钮,左击启用。
http://s16/mw690/a001e5984e10ba05769ff&690
图5 启用“目录浏览”
3.4、配置“默认文档”。在上面3.3的“功能视图”中找到“默认文档”。双击打开“默认文档”,如果你的默认文档已经在列表里就不需要添加,否则添加你的默认网站首页。如我的首页是“Default.aspx”。当然你也可以设置多个默认首页的优先级。
http://s4/mw690/a001e5984e10bad3411e3&690
图6 配置“默认文档”
3.5、浏览网站。右击刚添加的“应用程序”->“管理应用程序”->“浏览”。成功运行。
如果你想通过网络,在别人的电脑上访问你的网站,请设置防火墙。最简单的方式就是关闭防火墙。然后在浏览器上输入“http://你的IP地址/你的网站名”,如我的“http://172.17.144.107/IMQYPJ”。
解决CSS/JS不能显示问题
如果你的网站在VS或其他软件中运行时具有CSS和JS功能,但到了IIS中就消失了,导致网站变成纯文字界面。你需要进行如下尝试。
1、首先确认是否打开IIS中的“动态内容压缩”和“静态内容压缩”,具体打开步骤参见上面的“步骤2”。
2、如果还是不行。估计是你的程序中引用CSS文件和JS文件成问题了。解决这个的方法应该有很多,我这里有个最笨的办法。就是把网站中的所有CSS文件引用写成“~/你的CSS文件夹/你的CSS文件”。把网站中的所有JS文件引用写成“../你的JS文件夹/你的JS文件”。
如我当时编写网站时,CSS文件引用是这样的 “<link href="/css/stylesheets.css" rel="stylesheet" type="text/css" /> ”,然后改写成“<link href="~/css/stylesheets.css" rel="stylesheet" type="text/css" /> ”。
JS文件引用是这样的“<script type='text/javascript' src='/js/jquery.min.js'></script>”,然后改写成“<script type='text/javascript' src='../js/jquery.min.js'></script>”。
至于为什么CSS与JS的修改方式不一样,我也不是很清楚,不过这样改写是能正常运行网站的。增加~..的目的是为了引用根目录下的文件,是“相对路径”。
如果你还是不行,请百度吧。有志者事竟成,祝你成功。




0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有