IIS操作步骤

直接装的wamp

腾讯云主机控制台

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

关闭防火墙

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

打开httpd.conf文件

require all denied

改成：

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

用外网访问提示403 forbbiden

最好关闭防火墙

打开http://localhost

建立web服务器

将网站挂在8080端口上

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

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

验证码功能

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>前端验证码功能</title>

  <style>

    *{

      margin: 0;

      padding: 0;

    }

    body{

      background: rgba(0, 0, 0, .1);

      /* background: #061227; */

    }

    form{

      width: 600px;

      margin: 100px auto;

    }

    .box{

      height: 40px;

      line-height: 40px;

    }

    .tip{

      float: left;

    }

    input{

      float: left;

      width: 200px;

      height: 30px;

      padding: 3px 10px;

      line-height: 30px;

    }

    #identify{

      float: left;

      width: 100px;

      height: 40px;

      line-height: 40px;

      font-weight: bold;

      text-align: center;

      letter-spacing: 2px;

      background: #365c64;

      color: #fff;

      border-radius: 5px;

      margin: 0 10px;

    }

    .btn{

      margin: 25px auto;

    }

    .btn button{

      width: 200px;

      height: 36px;

      line-height: 36px;

      background: #409eff;

      border-radius: 5px;

      border: 0;

      color: #fff;

    }

  </style>

</head>

<body>

  <form action="">

    <div class="box">

      <span class="tip">验证码：</span>

      <input type="text" id="text" value="" placeholder="请输入验证码" autocomplete="off">

      <span id="identify" onclick="generatedCode()"></span>

      <a href="javascript:void(0)" onclick="generatedCode()">看不清，换一张</a>

    </div>

    <div class="btn"><button onclick="checkCode()">验证</button></div>

  </form>

</body>

<script>

  generatedCode();

  // 随机生成验证码

    function generatedCode() {

      var code1 = "";//生成的验证码

      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'];

      for (let i = 0; i < 4; i++) {

        var index = Math.floor(Math.random() * 36);//随机0-35

        code1 += array[index];

        document.getElementById("identify").innerHTML = code1;

      }

      console.log("二维码是：",code1)

    };

    // 验证用户输入

    function checkCode() {

      var code2 = document.getElementById("identify").innerHTML;//获取当前生成的验证码

      code2 = code2.toUpperCase();

      var code3 = document.getElementById("text").value; //客户输入的验证码

      code3 = code3.toUpperCase();//把客户输入的验证码转换为大写

      console.log("生成的二维码是:"+ code2 +"\n用户输入的验证码是:"+ code3)

      if (code2 === code3) {

        alert("恭喜验证成功");

        // window.open('http://www.baidu.com');

      } else {

        alert("输入的验证码不正确");

        code3 = "";//清空用户输入

      }

    }

</script>

</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. LESS的好处

    今日目标: 1:今天的学习内容是在工作完成的情况下,学习Less(之所以学习Less是因为项目中使用的是Less)-------------当前进度(0%) 注意项: 务必确保在 less.js 之前 ...

  2. toString()方法详解

    在类型转换中,经常用到方法valueOf()和toString(),上一篇讲了valueOf()方法,这一篇来说说toString()方法.toSting()方法返回返回对象的字符串表现. [1]基本 ...

  3. vue2.0填坑有感(持续更新ing)

    1.请求数据 用本地json数据进行mock的时候,一般放在created 过程就Ok了,这样可以尽早获取数据:如果有依赖dom必须存在的清空,就放到mounted里面,具体用法如下所示: // cr ...

  4. Nodejs.调用Linux命令

    当需要Node.js在后台帮忙运行Linux命令脚本时, 可以用上以下方法 上代码 var spawn = require('child_process').spawn; free = spawn(' ...

  5. 关于MySQL死锁

    最近项目中遇到一个问题,使用Spring事务嵌套时,导致MySQL死锁.记录一下,时刻提醒自己. 场景如下, 事务嵌套, 最外层有默认事务, 嵌套一个独立事务, 独立事务和外部事务同时操作一张表.

  6. mybatis批量提交

    之前在做项目时,使用mybatis,批量执行sql,这里简单写下步骤 在配置数据库连接时,加入一个参数,例如 jdbc:mysql://127.0.0.1:3307/mvs-report?allowM ...

  7. C++中函数重载和函数覆盖的区别

    C++中经常会用到函数的重载和覆盖,二者也在很多场合都拿出来进行比较,这里我就对二者的区别做点总结: 函数重载: 函数重载指的是函数名相同.函数特征值不同的一些函数,这里函数的特征值指的是函数的参数的 ...

  8. BZOJ_3173_[Tjoi2013]最长上升子序列_splay

    BZOJ_3173_[Tjoi2013]最长上升子序列_splay Description 给定一个序列,初始为空.现在我们将1到N的数字插入到序列中,每次将一个数字插入到一个特定的位置.每插入一个数 ...

  9. BZOJ1467_Pku3243 clever Y_EXBSGS

    BZOJ1467_Pku3243 clever Y_EXBSGS Description 小Y发现,数学中有一个很有趣的式子: X^Y mod Z = K 给出X.Y.Z,我们都知道如何很快的计算K. ...

  10. CentOS7 安装Redis 单机版

    1,下载Redis4.0.9 进入Redis中文网的下载页面 http://www.redis.cn/download.html 2,上传压缩包到linux系统 cd /user/local/java ...