专栏首页达达前端web服务器,验证码,Xftp使用方法

web服务器,验证码,Xftp使用方法

web服务器

IIS操作步骤

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

直接装的wamp 腾讯云主机控制台 安全组里可以配置要开放的端口 关闭防火墙

(C:\wamp\bin\apache\Apache2.4.4) 打开httpd.conf文件 require all denied 改成:

image.png

image.png

wamp用localhost可以访问,用公网ip无法访问 用外网访问提示403 forbbiden

image.png

image.png

最好关闭防火墙

image.png

打开http://localhost

image.png

建立web服务器 将网站挂在8080端口上

image.png

image.png

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

image.png

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

image.png

image.png

image.png

验证码功能

<!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。

image.png

image.png

image.png

image.png

image.png

image.png

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

image.png

image.png

image.png

image.png

image.png

image.png

image.png

Xftp使用方法

image.png

image.png

image.png

点击Download下方的Free License菜单 https://www.netsarang.com/

image.png

image.png

结言

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Web前端社交账号注册按钮

    达达前端
  • Day13:H5+JS+C3

    BFC是Block formatting context的缩写,表示“块级格式化上下文”。 设置BFC的元素,是一个独立的渲染区域,只有Block-level...

    达达前端
  • Web前端鼠标悬停实现显示与隐藏效果

    css定义,偏移量,相对定位,绝对定位 显示与隐藏 二维码相对于微信图标定位 鼠标悬停微信图标上显示 鼠标离开微信图标时隐藏 什么是定位,就是定义网页...

    达达前端
  • Web前端社交账号注册按钮

    达达前端
  • PHP运算符

    老雷PHP全栈开发
  • 从 Pokémon Go 谈 AR 游戏开发

    Pokémon Go一出,新鲜的玩法、经典的IP效应让这款使用了Unity以及AR技术的手游火遍了“大洋”南北。可惜的是这款新鲜的游戏还没有惠及中国市场的玩家们...

    WeTest质量开放平台团队
  • 基于web页面开发串口程序界面---后台实现

    经测试,当使用软件创建的虚拟串口时,系统自带的serial库查询不到,所以这里同时引用了在网上找的一段代码list_ports_winreg.py,经测试可以查...

    MiaoGIS
  • 对象存储文件打开方式的解决方案

    对象存储(cos),之前老版本默认打开方式为下载;后续貌似改版之后默认打开方式为预览即浏览器直接显示文件。

    杜志强
  • ELK的上线之路(二):—— Logstash安装

    tar xfvz logstash-2.1.1.tar.gz -C /usr/local/

    江小白
  • 腾讯云服务器搭建Apache/PHP/MySQL环境

    在 『服务器角色』 中勾选 Web 服务器(IIS): 在 『角色服务』 中的 应用程序开发 中勾选 CGI:

    达达前端

扫码关注云+社区

领取腾讯云代金券