Win10安装和配置IIS web服务器环境来运行ASP(动态服务器页面)脚本

ASP概念

1.ASP即Active Server Pages，也叫（动态服务器页面），是Microsoft公司开发的服务器端脚本环境，可用来创建动态交互式网页并建立强大的web应用程序。当服务器收到对ASP文件的请求时，它会处理包含在用于构建发送给浏览器的HTML（Hyper Text Markup Language，超文本置标语言）网页文件中的服务器端脚本代码。除服务器端脚本代码外，ASP文件也可以包含文本、HTML（包括相关的客户端脚本）和com组件调用。

2.ASP简单、易于维护 ， 是小型页面应用程序的选择 ，在使用DCOM （Distributed Component Object Model）和 MTS（Microsoft Transaction Server）的情况下， ASP甚至可以实现中等规模的企业应用程序。

3.要在Windows10上面把asp程序运行起来需要安装和配置asp环境，即安装IIS管理工具。

安装IIS

1.打开控制面板，选择【程序和功能】选项
2.选择【启用或关闭Windows功能】，为Windows开启web服务器功能
3.弹出Windows功能框中选择【Internet information Services】，点击左侧【+】号，勾选上FTP服务器，Web管理工具，点击【万维网服务】左侧【+】号，选择【应用程序开发功能】，勾选ASP和ASP.NET 3.5/4.8，或者直接像我一样全都勾选
4.然后点击【确定】，等待安装，直到显示“Windows已完成请求的更改”，点击关闭，然后IIS就安装完成了

打开IIS

1.【此电脑】或【我的电脑】右键–>选择【管理】
2.双击【服务和应用程序】，可以看到Internet Information Services选项
3.选择【Internet Information Services】并双击，即可看到IIS配置页面

配置IIS

1.双击【ASP】打开配置
2.将【启用父路径】设置为“true”
3.然后打开电脑上任意浏览器，在地址栏输入 localhost，回车，出现以下界面，则配置成功
注意：如果输入localhost不能出现上面的页面，则可能是第一步安装IIS时出了问题，有可能是有些选项没有勾选导致的，去检查一下

接下来可以添加自己所需的网站

1.右键点击【网站】，选择【添加网站】
2.输入网站名称，选择物理路径，在安装目录下选择C:\inetpub\wwwroot，配置IP地址和端口号，IP地址设置为本机IP地址，端口尽量不要配80端口，会和其他服务冲突
3.将需要运行的asp文件放到C:\inetpub\wwwroot文件夹下，改名为index.asp

4.在浏览器中输入IP地址:端口号即可运行asp文件
参考文章：
https://baike.baidu.com/item/asp/128906?fr=aladdin

https://blog.csdn.net/StaunchKai/article/details/78975865?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs

https://jingyan.baidu.com/article/e2284b2b6cfbfae2e6118d90.html

什么是静态页面？什么是动态页面？两者有什么区别？很多不了解前端技术的人可能会认为静态页面就是一个内容固定不变，没有任何效果的页面，而动态页面则是页面非常丰富，有各种交互效果和动态效果的页面。其实这个理解是错误的。通过本篇文章的阅读，详细为大家分享一下静态页面和动态页面到底是什么，两者有什么区别。

什么是静态页面和动态页面？
　　通俗的来讲，静态页面是随着HTML代码的生成，页面的内容和显示效果就基本不会发生变化（除非修改页面代码），而动态页面，虽然同样页面代码不发生变化，但是其显示的内容确实可以随着时间环境或者数据操作的结果而发生变化。因此静态页面和动态页面的认识应该定位在：是否有数据库加工这个环节。例如去购买T-shirt，我们直接从商店购买的T-shirt就是静态页面，而我们根据不同人兴趣定制T-shirt就是动态页面。
　　为了更好地认识理解静态页面和动态页面，我们重点了解一下两者之间的区别。

首先静态页面和动态页面的工作原理不同。
　　静态页面中，用户通过页面操作的过程就是通过浏览器使用HTTP协议向服务器发送一个请求（Request），告诉服务器我需要展示那个页面，服务器收到请求后，直接根据用户的需求直接从文件系统中取出相应的文件，返回给浏览器，浏览器解析后为用户展示下相应的页面。
　　
　　
　　而动态页面中，用户通过浏览器发送的请求到达服务器之后，服务器根据请求内容从数据库中调取相应的内容组合成一个虚拟的文件，然后将文件发送给浏览器，用户才得以看到定制化的内容。

　　通过这两个图，我们可以非常直观的看到动态页面在相应用户的请求时还需要通过数据库获取相应的数据，就相当于你定制了一件T-shirt，工厂需要根据你的定义给你制作个性化的T-shirt。

静态页面和动态页面的交互性差异
　　静态页面以展示为主，用户仅仅是通过页面获取相应的内容，而动态页面允许用户主动参与到页面之中，例如登录功能、查询功能、定制化页面内容等等。因此从交互性的角度来看，用户在动态页面中更有参与感。目前除了一些特定的 公开性展示的门户网站以外，大部分网站都是采用动态页面。

静态页面和动态页面的更新维护方式不同
　　静态页面内容是固定的，并且以一个完整的文件保存在服务器上，如果需要修改静态页面的内容，则需要找到此页面的源文件，并修改源文件的代码才可以实现内容调整。当网站内容信息非常大时，其维护成本同样会非常的大。
　　而动态页面以数据库技术为基础，当需要修改内容时，可以直接通过数据库修改，而不需要调整页面的源文件。这样可以大大降低网站维护的工作量，并且大幅度提高网站运营的效率。

静态页面和动态页面的响应速度不同
　　这个差异非常好理解，简单来说就是静态页面内容是固定的，服务器的响应时间较快，而动态页面还需要根据需求从数据库中调取相应的数据“组装”成为用户需求的页面，因此其响应速度会比较慢。还是买衣服的案例，买已经做好的衣服，可以直接买了就走，而定制衣服则需要经过工厂的加工才能得到。当然在网页的访问中，虽然动态页面相对较慢，但是其差别也仅仅是以微秒甚至更小的计时单位衡量，对于人的反映时间0.1面来说，几乎可以忽略不计。

静态页面和动态页面的访问地址
　　静态页面的每个网页都有一个固定的URL，并且页面以.htm/.html/.shtml/.xml常见形式作为后缀，而且不包含“？”，这样的链接更有利于搜索引擎抓取并且收录。而动态页面的URL包含“？”，并且一般以.asp/.php/.jsp等扩展名结尾。当然我们并不能够直接通过一个网页的URL来判断这个页面是静态页面还是动态页面。这是由于搜索引擎一般不会从一个网站的数据库中方位全部网页，因此动态页面中“？”对搜索引擎检索存在一定的问题。很多企业为了让自己网站有更多的收录，就会将动态页面的URL进行伪静态化。

双十一新买的阿里云服务器，工作闲暇时摸索部署一个vue前端项目，记录操作

1.新买的阿里云服务器要重置密码，然后配置安全组，下载教育版xshell和xftp免费使用

2.使用xshell连接云服务器，我使用的是阿里云centOs的服务器

正常安全组配置好输入账号密码和远程公网ip就可以链接成功了，（记得阿里云安全组配置完成之后需要重启服务器）

3.安装nginx和nodejs

1）安装nodejs命令

cd /usr/src
wget http://nodejs.org/dist/v0.10.18/node-v0.10.18.tar.gz

2）安装nginx命令

// 安装nginx
sudo yum install nginx -y
// 启动nginx
nginx 
// 把nginx配置成全局命令
ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/
// 查看nginx配置位置
nginx -t
// 查看nginx启动状态
ps -ef | grep nginx
// 重启nginx
nginx -s reload

启动成功后在页面输入ip和端口能够访问到nginx欢迎页，重启后访问不成功我遇到的是用的账号不对，nginx默认是nginx用户，我用的是root用户，直接在nginx.config里面修改用户就可以了

4.在nginx创建一个app文件夹

mkdir app

5.使用xftp把vue打包好的项目放在app目录下

1）部署项目多个项目时，vue打包注意事项
配置文件

// vue.config.js
module.exports = {
  // publicPath: isPro ? '/vue/' : './', // 公共路径
  publicPath: '/vue/'
}
// router
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

2）打包后dist包放在app目录下新建一个vue-project文件夹可以放多个文件部署多个项目
3）更改nginx配置，使用nginx -t查看配置项的位置

nginx -t

// 使用命令进入配置项
vim etc/nginx/nginx.config
// 更改的内容
location /paper-generation {
   alias /app/vue-peoject/;
   try_files $uri $uri/ /vue-peoject/index.html;
   index index.html;
}
// 注意使用alias后面需要加/,使用root不用加/

配置完后重启nginx

nginx -s reload

正常情况下此时浏览器输入ip:端口/vue-project就可以访问到你部署的项目了