python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-公众号实现人机验证实现

锋哥原创的Springboot+Layui python222网站实战：

python222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )共计23条视频，包括：python222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )、第2讲 架构搭建实现、第3讲 页面系统属性动态化设计实现等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1yX4y1a7qM/用户关注公众号，公众号调用我们开发的服务器接口，生成验证码，存入redis，有效期10分钟，以及公众号里返回验证码。

用户开到验证码，网站里输入验证码，提交到后台，后台去调用redis验证用户验证码是否正确，如果正确，则返回网站资源数据，错误的话，则返回错误提示。

公众号订阅号。进入后台管理，设置服务器地址URL，以及令牌Token。

后端具体看wx-api项目。都封装好了，直接可以套用。

项目里面：

@Autowired
private RedisUtil redisUtil;

IndexController 加下验证方法：

/**
 * 校验验证码
 *
 * @param code
 * @return
 */
@ResponseBody
@RequestMapping("/checkCode")
public Map<String,Object> checkCode(String code) {
    Map<String, Object> resultMap = new HashMap<>();
    if(redisUtil.hasKey(code)) {
        resultMap.put("success",true);
    } else {
        resultMap.put("success",false);
    }
    return resultMap;
}

网站页面，article：

加下按钮：

<div class="download" th:if="${article.download}"><button type="button" class="layui-btn layui-btn-danger" onclick="openDialog()" th:text="${article.downloadBtnContent}">下载资源</button></div>

<script src="/static/layui/layui.js"></script>
<script src="/static/js/jquery.js"></script>
<script th:inline="javascript">
    /*<![CDATA[*/
    layui.use(['element','laypage','form'], function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var $ = layui.jquery; // 使用jquery
    });
 
    function openDialog(){
        layer.closeAll();
        layer.open({
            type: 2,
            title: '系统提示',
            shadeClose: false,
            shade: 0.8,
            area: ['900px', '350px'],
            content: '/static/checkDownload.html' //iframe的url
        });
 
    }
 
    function showDownload(){
        layer.closeAll();
        layer.open({
            type: 2,
            title: '资源下载页面',
            shadeClose: false,
            shade: 0.8,
            area: ['750px', '450px'],
            content: '/article/downloadContent/[[${article.id}]]' //iframe的url
        });
    }
    /*]]>*/
</script>

验证成功，就获取下载帖子

/**
 *
 * @return
 */
@RequestMapping("/downloadContent/{id}")
public ModelAndView downloadContent(@PathVariable(value = "id",required = false)Integer id){
    ModelAndView mav=new ModelAndView();
    Article article = articleService.getById(id);
    mav.addObject("downloadContent",article.getDownloadContent());
    mav.setViewName("downloadContent");
    return mav;
}