IIS操作步骤

直接装的wamp

腾讯云主机控制台

安全组里可以配置要开放的端口

关闭防火墙

（C:\wamp\bin\apache\Apache2.4.4）

打开httpd.conf文件

require all denied

改成：

wamp用localhost可以访问，用公网ip无法访问

用外网访问提示403 forbbiden

最好关闭防火墙

打开http://localhost

建立web服务器

将网站挂在8080端口上

在IIS中可以选择“添加虚拟目录”和“添加应用程序”两种方法

选择一个网站或者虚拟目录

验证码功能

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9.   <title>前端验证码功能</title>
  10.   <style>
  11.     *{
  12.       margin: 0;
  13.       padding: 0;
  14.     }
  15.     body{
  16.       background: rgba(0, 0, 0, .1);
  17.       /* background: #061227; */
  18.     }
  19.     form{
  20.       width: 600px;
  21.       margin: 100px auto;
  22.     }
  23.     .box{
  24.       height: 40px;
  25.       line-height: 40px;
  26.     }
  27.     .tip{
  28.       float: left;
  29.     }
  30.     input{
  31.       float: left;
  32.       width: 200px;
  33.       height: 30px;
  34.       padding: 3px 10px;
  35.       line-height: 30px;
  36.     }
  37.     #identify{
  38.       float: left;
  39.       width: 100px;
  40.       height: 40px;
  41.       line-height: 40px;
  42.       font-weight: bold;
  43.       text-align: center;
  44.       letter-spacing: 2px;
  45.       background: #365c64;
  46.       color: #fff;
  47.       border-radius: 5px;
  48.       margin: 0 10px;
  49.     }
  50.     .btn{
  51.       margin: 25px auto;
  52.     }
  53.     .btn button{
  54.       width: 200px;
  55.       height: 36px;
  56.       line-height: 36px;
  57.       background: #409eff;
  58.       border-radius: 5px;
  59.       border: 0;
  60.       color: #fff;
  61.     }
  62.   </style>
  63. </head>
  65. <body>
  66.   <form action="">
  67.     <div class="box">
  68.       <span class="tip">验证码：</span>
  69.       <input type="text" id="text" value="" placeholder="请输入验证码" autocomplete="off">
  70.       <span id="identify" onclick="generatedCode()"></span>
  71.       <a href="javascript:void(0)" onclick="generatedCode()">看不清，换一张</a>
  72.     </div>
  73.     <div class="btn"><button onclick="checkCode()">验证</button></div>
  74.   </form>
  75. </body>
  76. <script>
  77.   generatedCode();
  78.   // 随机生成验证码
  79.     function generatedCode() {
  80.       var code1 = "";//生成的验证码
  81.       var array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
  82.       for (let i = 0; i < 4; i++) {
  83.         var index = Math.floor(Math.random() * 36);//随机0-35
  84.         code1 += array[index];
  85.         document.getElementById("identify").innerHTML = code1;
  86.       }
  87.       console.log("二维码是：",code1)
  88.     };
  89.     // 验证用户输入
  90.     function checkCode() {
  91.       var code2 = document.getElementById("identify").innerHTML;//获取当前生成的验证码
  92.       code2 = code2.toUpperCase();
  94.       var code3 = document.getElementById("text").value; //客户输入的验证码
  95.       code3 = code3.toUpperCase();//把客户输入的验证码转换为大写
  96.       console.log("生成的二维码是:"+ code2 +"\n用户输入的验证码是:"+ code3)
  98.       if (code2 === code3) {
  99.         alert("恭喜验证成功");
  100.         // window.open('http://www.baidu.com');
  101.       } else {
  102.         alert("输入的验证码不正确");
  103.         code3 = "";//清空用户输入
  104.       }
  105.     }
  106. </script>
  107. </html>

WampServer

腾讯云服务器

Windows Server 2012 R2，WampServer 2.4。

FTP是 File Transfer Protocol文件传输协议的缩写，用来在两台计算机之间互相传送文件。

Xftp使用方法

点击Download下方的Free License菜单

https://www.netsarang.com/

结言

好了，欢迎在留言区留言，与大家分享你的经验和心得。

感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

web服务器，验证码，Xftp使用方法的更多相关文章

  1. 聊一聊PV和并发、以及计算web服务器的数量的方法【转】

    聊一聊PV和并发.以及计算web服务器的数量的方法 站长之家 2016-08-17 09:40 最近和几个朋友,聊到并发和服务器的压力问题.很多朋友,不知道该怎么去计算并发?部署多少台服务器才合适? ...

  2. 聊一聊PV和并发、以及计算web服务器的数量的方法

    聊一聊PV和并发.以及计算web服务器的数量的方法 http://www.chinaz.com/web/2016/0817/567752.shtml 最近和几个朋友,聊到并发和服务器的压力问题.很多朋 ...

  3. php面试题12（多态web服务器共享session的方法：将session存到数据库）（$val=&$data[$key];）

    php面试题12(多态web服务器共享session的方法:将session存到数据库)($val=&$data[$key];) 一.总结 1.多态web服务器共享session的方法: ...

  4. ASP.NET 4.0尚未在 Web 服务器上注册 解决方法

    使用VS2010创建web应用程序时出现如下提示ASP.NET 4.0尚未在 Web 服务器上注册.为了使网站正确运行,可能需要手动将 Web 服务器配置为使用 ASP.NET 4.0,按 F1 可了 ...

  5. PV和并发、以及计算web服务器的数量的方法

    几个概念 网站流量是指网站的访问量,用来描述访问网站的用户数量以及用户所浏览的网页数量等指标,常用的统计指标包括网站的独立用户数量.总用户数量(含重复访问者).网页浏览数量.每个用户的页面浏览数量.用 ...

  6. 聊一聊PV和并发、以及计算web服务器的数量的方法(转)

    转自:http://www.chinaz.com/web/2016/0817/567752.shtml 最近和几个朋友,聊到并发和服务器的压力问题.很多朋友,不知道该怎么去计算并发?部署多少台服务器才 ...

  7. php 高级 多台web服务器共享session的方法

    解决多台web服务器共享session的问题,至少有以下三种方法:   一.将本该保存在web服务器磁盘上的session数据保存到cookie中 即用cookie会话机制替代session会话机制, ...

  8. [轻微]WEB服务器启用了OPTIONS方法/如何禁止DELETE，PUT，OPTIONS等协议访问应用程序/tomcat下禁用不安全的http方法

    使用了360网站安全检测 查到有OPTIONS方法 百度了下 https://my.oschina.net/maliang0130/blog/338725 找到这个方法奈何http.conf 找不到无 ...

  9. 04-HTTP协议和静态Web服务器

    一.HTTP协议(HyperText Transfer Protocol)     超文本传输协议,超文本是超级文本的缩写,是指超越文本限制或者超链接,比如:图片.音乐.视频.超链接等等都属于超文本. ...

  10. ASP.NET 4.0尚未在 Web 服务器上注册

    ASP.NET 4.0尚未在 Web 服务器上注册 解决方法 使用VS2010创建web应用程序时出现如下提示ASP.NET 4.0尚未在 Web 服务器上注册.为了使网站正确运行,可能需要手动将 W ...

随机推荐

  1. Python定时任务框架APScheduler

    http://blog.csdn.net/chosen0ne/article/details/7842421 APScheduler是基于Quartz的一个Python定时任务框架,实现了Quartz ...

  2. kafka实战

    1.       kafka介绍 1.1.       主要功能 根据官网的介绍,ApacheKafka®是一个分布式流媒体平台,它主要有3种功能: 1:It lets you publish and ...

  3. centos7 更新Firefox版本

    1.用你本地的旧版 firefox,访问http://www.firefox.com.cn,下载Linux版本的Firefox,因为我的是64位故选择的安装包是:"Firefox-lates ...

  4. mysql运维必会的一些知识点整理

    (1)基础笔试命令考察 1.开启MySQL服务 /etc/init.d/mysqld start service mysqld start systemctl start mysqld 2.检测端口是 ...

  5. 【建图+最短路】Bzoj1001 狼抓兔子

    Description 现在小朋友们最喜欢的"喜羊羊与灰太狼",话说灰太狼抓羊不到,但抓兔子还是比较在行的,而且现在的兔子还比较笨,它们只有两个窝,现在你做为狼王,面对下面这样一个 ...

  6. [SDOI2011]染色 BZOJ2243 树链剖分+线段树

    分析: 区间合并,lcol是左端点的颜色编号,rcol是右端点的颜色编号,那么我们向上合并的时候,如果左儿子的rcol等于右儿子的lcol那么区间的sum--. 另外,如果重链顶的颜色等于重链顶的父节 ...

  7. 【爆料】-《悉尼大学毕业证书》USYD一模一样原件

    ☞悉尼大学毕业证书[微/Q:2544033233◆WeChat:CC6669834]UC毕业证书/联系人Alice[查看点击百度快照查看][留信网学历认证&博士&硕士&海归&a ...

  8. vue2.0 axios封装、vuex介绍

    一.前言 博主也是vue道路上的行者,道行不深,希望自己的东西能对大家有所帮助.这篇博客针对 了解过vue基础,但是没有做过vue项目的童鞋.如果想看基础指令,可以看我之前的一篇博客,请点击  跳转, ...

  9. 前端笔记之Vue（一）初识SPA和Vue&webpack配置和vue安装&指令

    一.单页面应用(SPA) 1.1 C/S到B/S页面架构的转变 C/S:客户端/服务器(Client/Server)架构的软件. C/S 软件的特点: ① 从window桌面双击打开 ② 更新的时候会 ...

  10. BF-9000 BMC任务关键型应急通信系统

    一.系统简介 BF-9000 BMC任务关键型应急通信系统,凝聚北峰通信近30年专网通信与应急通信研发的经验,并结合用户实际需求和应用场景所打造. 整体设计思路是采用骨干网.前指网.分队战斗网三层组网 ...