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

标签:
iis网站发布cssjs不能显示 |
分类: 学习 |
利用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文件夹"。点击确定。
3.3、
配置“目录浏览”。左击你刚添加的网站(或者说应用程序),在右边的“功能视图”中找到“目录浏览”。双击打开“目录浏览”,在右边看到“启用”按钮,左击启用。
3.4、配置“默认文档”。在上面3.3的“功能视图”中找到“默认文档”。双击打开“默认文档”,如果你的默认文档已经在列表里就不需要添加,否则添加你的默认网站首页。如我的首页是“Default.aspx”。当然你也可以设置多个默认首页的优先级。
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的修改方式不一样,我也不是很清楚,不过这样改写是能正常运行网站的。增加~和..的目的是为了引用根目录下的文件,是“相对路径”。
如果你还是不行,请百度吧。有志者事竟成,祝你成功。