SSM-网站后台管理系统制作（3）---Google的reCaptcha验证码
网上找了好久，也不知道怎么接入，后来看到一篇博客才搞好
reCaptcha官网：https://www.google.com/recaptcha/admin#site/344147946
参考博客：https://blog.csdn.net/baidu_38990811/article/details/83546143
步骤一：按照官网介入网站获得私钥密钥就好了（Hbulider上面测试的话需要加入127.0.0.1）
步骤二：按照上面步骤基本就可以在Hbulider上面显示一个基本的验证码了
代码如下(私钥是Controller层用于判断发送给Google的)
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src='https://www.recaptcha.net/recaptcha/api.js'></script>
</head>
<body> <form action="/check" method="post">
<!-- 公钥 -->
<div class="g-recaptcha" data-sitekey="这里是您的公钥"></div>
<p><button class="btn btn-primary" type="submit">登录</button>
</form>
</body>
</html>
步骤三：然后把该div放到你想加入的form表单里面，发送给Controller层即可，下面分析Controller层
步骤四：查看json中的数据：
https://www.recaptcha.net/recaptcha/api/siteverify
上面这个网站即可看到返回数据为String类型，没转成json，单纯就string.indexof查找false就可以判断了，整体过程还是蛮简单的，可能由于需要科学上网的原因，导致网上关于该验证码的
完整讲解很少。
总体思路就是：前端发送form表单给Controller层，然后后台给Google发送数据，Google返回是否为robat(在string json中),然后用户判断json中是否有false（正确就返回success，用户也可以
将false改成success）,然后前端接收数据，判断用户是否通过(可有可无，和上面的CSDN博客一样，只是为了增加用户体验，下面给出该js代码)
@RequestMapping(value="/login")
public ModelAndView login(@RequestParam("loginname") String loginname,
@RequestParam("password") String password,
HttpSession session,
ModelAndView mv, HttpServletRequest request){
/****************************验证码业务************************************/
String checkCode = request.getParameter("g-recaptcha-response");
Map<String, Object> map = new HashMap<>();
// 私钥
map.put("secret", "这里写你的私钥");
map.put("response", checkCode);
String json = MyHttpRequest.sendPost("https://www.recaptcha.net/recaptcha/api/siteverify", map, "UTF-8");
/*************************************************************************/ // 调用业务逻辑组件判断用户是否可以登录
User user = hrmService.login(loginname, password);
if(user != null && json.indexOf("false") == -1){
<script type="text/javascript">
function check_grecaptcha() {
if(grecaptcha.getResponse() == ""){
alert("请先进行人机验证");
return false;
}
else{
alert("验证通过");
return true;
}
}
</script>
到此，Google的reCATPCHA验证码就成功加入到SSM中了
SSM-网站后台管理系统制作（3）---Google的reCaptcha验证码的更多相关文章
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建
上一篇教程<asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发>完成了本项目的登录模块,登录后就需要进入后台管理首页了,需要准备一个后台模 ...
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发2-Model层建立
上篇(asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作)文章讲解了开发过程中的准备工作,主要创建了项目数据库及项目,本文主要讲解项目M层的实现,M层这里 ...
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发
进行本文之前需要在数据库用户表里面增加一条用户数据,直接手动添加即可,未安全考虑密码一定要使用Md5加密后的,这里提供666666的Md5密文为(c831b04de153469d),本文完成登录模块的 ...
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作
/****** Object: 新闻表 Script Date: 2017/9/2 星期六 15:11:12 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENT ...
- SSM-网站后台管理系统制作（1）
好久没写博客了,忙于考试和项目答辩,今天整理一下想弄的SSM:本人想做的是博客管理平台,和博客园,CSDN,stackoverflow这些类似. 老师先让做的是后台管理系统,先给出来吧. (讲解内容: ...
- 一些网站后台模板源码分析 Particleground.js 验证码
转: https://blog.csdn.net/bcbobo21cn/article/details/51271750 1 灰色简洁企业后台管理模板 效果: 看下项目结构: 它使用了moderniz ...
- SSM-网站后台管理系统制作（2）---SSM基本工作原理
SSM基本工作原理 讲解网站:https://www.w3cschool.cn/wkspring/dcu91icn.html 构建基本工作环境: mysql eclipse(tomcat8.0) Hb ...
- SSM-网站后台管理系统制作（4）---Ajax前后端交互
前提:Ajax本身就为前后端交互服务的,实现功能:用户输入信息,实时判断用户的情况,这也是现在登录界面普遍流行的做法.前端js通过注释识别Controller层,该层查询返回,和之前Google验证码 ...
- 用nodejs,express,ejs,mongo,extjs实现了简单了网站后台管理系统
源代码下载地址:http://download.csdn.net/detail/guoyongrong/6498611 这个系统其实是出于学习nodejs的目的而改写的系统. 原来的系统前端使用了ex ...
随机推荐
- 关于linux下ntp时间同步服务的安装与配置
1.安装ntp服务,要使用时间同步.那么服务端与客户端都需要使用如下命令安装NTP软件包 [root@ ~]# yum install ntp -y 2.如果只是作为客户端的话,配置则可以非常简单,编 ...
- tomcat架构分析和源码解读
最近在看<深入分析java web技术内幕>,书中讲解了一部分tomcat的相关知识,我也去查看了一些源码,看了大神们写的代码,我才知道自己就像在做加减乘除一样,这是不行的.还有好多包和类 ...
- hdu 2098 分拆素数和（素数）
分拆素数和 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
- react使用apollo简单的获取列表
react yarn add apollo-boost apollo-client react-apollo apollo-cache-inmemory apollo-link-http graphq ...
- 合并两个git仓库并保留提交记录
case如下: 有2个git仓库:repo1.repo2: 想将repo1中的文件移入repo2: repo1的历史日志要保留: 1 2 # 1.将repo1作为远程仓库,添加到repo2中,设置 ...
- TS的一些小东西
首先介绍下泛型的三种方法,函数声明,函数表达式,箭头函数 function Interview2<T>(name:T):T{ return name } let mn=function&l ...
- 这 10 款良心 Windows 软件，改变你对国产的认知
提起国产 Windows 软件,你可能首先想到的是捆绑安装.弹窗广告.卸载残留等关键词.尽管一些所谓「大厂」的确致力于拉低业界的下限,但依然有开发者坚守底线,为改变整个生态圈而默默努力.今天,少数派就 ...
- 2018秋寒假作业4—PTA编程总结1
7-1 打印沙漏 (20 分) 本题要求你写个程序把给定的符号打印成沙漏的形状.例如给定17个"*",要求按下列格式打印 所谓"沙漏形状",是指每行输出奇数个符 ...
- MySQL优化小结
数据库的配置是基础.SQL优化最重要(贯穿始终,每日必做),由图可知,越往上优化的面越小,最基本的SQL优化是最重要的,往上各个参数也没太多调的,也不可能说调一个innodb参数性能就会好多少,而动不 ...
- MAC OSX Xcode硬盘清理
1.移除对旧设备的支持影响:可重新生成:再连接旧设备调试时,会重新自动生成.我移除了4.3.2, 5.0, 5.1等版本的设备支持.路径:~/Library/Developer/Xcode/iOS D ...