web服务器,验证码,Xftp使用方法
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使用方法的更多相关文章
- 聊一聊PV和并发、以及计算web服务器的数量的方法【转】
聊一聊PV和并发.以及计算web服务器的数量的方法 站长之家 2016-08-17 09:40 最近和几个朋友,聊到并发和服务器的压力问题.很多朋友,不知道该怎么去计算并发?部署多少台服务器才合适? ...
- 聊一聊PV和并发、以及计算web服务器的数量的方法
聊一聊PV和并发.以及计算web服务器的数量的方法 http://www.chinaz.com/web/2016/0817/567752.shtml 最近和几个朋友,聊到并发和服务器的压力问题.很多朋 ...
- php面试题12(多态web服务器共享session的方法:将session存到数据库)($val=&$data[$key];)
php面试题12(多态web服务器共享session的方法:将session存到数据库)($val=&$data[$key];) 一.总结 1.多态web服务器共享session的方法: ...
- ASP.NET 4.0尚未在 Web 服务器上注册 解决方法
使用VS2010创建web应用程序时出现如下提示ASP.NET 4.0尚未在 Web 服务器上注册.为了使网站正确运行,可能需要手动将 Web 服务器配置为使用 ASP.NET 4.0,按 F1 可了 ...
- PV和并发、以及计算web服务器的数量的方法
几个概念 网站流量是指网站的访问量,用来描述访问网站的用户数量以及用户所浏览的网页数量等指标,常用的统计指标包括网站的独立用户数量.总用户数量(含重复访问者).网页浏览数量.每个用户的页面浏览数量.用 ...
- 聊一聊PV和并发、以及计算web服务器的数量的方法(转)
转自:http://www.chinaz.com/web/2016/0817/567752.shtml 最近和几个朋友,聊到并发和服务器的压力问题.很多朋友,不知道该怎么去计算并发?部署多少台服务器才 ...
- php 高级 多台web服务器共享session的方法
解决多台web服务器共享session的问题,至少有以下三种方法: 一.将本该保存在web服务器磁盘上的session数据保存到cookie中 即用cookie会话机制替代session会话机制, ...
- [轻微]WEB服务器启用了OPTIONS方法/如何禁止DELETE,PUT,OPTIONS等协议访问应用程序/tomcat下禁用不安全的http方法
使用了360网站安全检测 查到有OPTIONS方法 百度了下 https://my.oschina.net/maliang0130/blog/338725 找到这个方法奈何http.conf 找不到无 ...
- 04-HTTP协议和静态Web服务器
一.HTTP协议(HyperText Transfer Protocol) 超文本传输协议,超文本是超级文本的缩写,是指超越文本限制或者超链接,比如:图片.音乐.视频.超链接等等都属于超文本. ...
- ASP.NET 4.0尚未在 Web 服务器上注册
ASP.NET 4.0尚未在 Web 服务器上注册 解决方法 使用VS2010创建web应用程序时出现如下提示ASP.NET 4.0尚未在 Web 服务器上注册.为了使网站正确运行,可能需要手动将 W ...
随机推荐
- sql server 高可用故障转移(完结)
安装完二个sql server 节点后,对外的虚拟ip是192.168.2.105 测试将sql server转到另一节点 转移后连接sql 虚拟ip 测试 通过windows日志查看远行状态 总结 ...
- Spring Cloud @HystrixCommand和@CacheResult注解使用,参数配置
使用Spring Cloud时绕不开Hystrix,他帮助微服务实现断路器功能.该框架的目标在于通过控制那些访问远程系统.服务和第三方库的节点,从而对延迟和故障提供更强大的容错能力.Hystrix具备 ...
- apply的应用和匿名函数的封装应用
JS中的call()和apply()方法 博客分类: JS 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用 ...
- Android 百分比布局库(percent-support-lib) 解析与扩展
转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/46695347: 本文出自:[张鸿洋的博客] 一.概述 周末游戏打得过猛,于是周 ...
- Connection reset by peer的常见原因
1,如果一端的Socket被关闭(或主动关闭,或因为异常退出而 引起的关闭),另一端仍发送数据,发送的第一个数据包引发该异常(Connect reset by peer). Socket默认连接60秒 ...
- Python中标准模块importlib详解
1 模块简介 Python提供了importlib包作为标准库的一部分.目的就是提供Python中import语句的实现(以及__import__函数).另外,importlib允许程序员创建他们自定 ...
- phantomjs Can not connect to the Service phantomjs错误
尝试方法一: 打开hosts文件配置 cat /etc/hosts 添加 127.0.0.1 localhost 重新运行 尝试方法二: 1,抛开服务,直接调用phantomjs定位问题 由于我是从服 ...
- kv_storage.go
package storage //kv 存储引擎实现 import ( "github.com/cznic/kv" "io" ) //kv 存 ...
- cogs 2235 烤鸡翅
贪心,每次如果够直接卖,不够找到之前的卖出的最多的一份,然后反悔 不过反悔的确是很好的策略! #include<cstdio> #include<cstring> #inclu ...
- python-----HTMLTestRunner报告生成注意点!
简单的测试加HTMLTestRunner使用的具体方式如下: