牛客网项目第二章-生成验证码

最新推荐文章于 2024-05-31 10:46:10 发布
最新推荐文章于 2024-05-31 10:46:10 发布
阅读量79 收藏 1
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46631075/article/details/131464829
版权

牛客网项目第二章-生成验证码
在这里插入图片描述
利用kaptcha工具来在服务端的内存里画出验证码图片，怎么发送给浏览器并显示在登录页面对应的位置。

一、生成验证码

1.导入Kaptcha的jar包
在这里插入图片描述
在这里插入图片描述

2.编写Kaptcha配置类，图片设置多宽多长，上面有几个字，并且几个字的范围颜色，有没有干扰，干扰的点和线。
(1)springboot没有对Kaptcha做整合，做自动配置，需要自己写一个配置类，并加载到spring的配置里。
(2)在config包下定义一个Kaptcha配置类KaptchaConfig
在这里插入图片描述
3.使用Kaptcha的API生成随机字符并保存到服务端以及根据字符生成图片。
(3)访问登录路径的时候，给浏览器返回一个html的登录页面，该页面上有一个路径，浏览器访问该路径返回给登录页面一个验证码图片。
(4)在controller包下的LoginController组件中定义浏览器通过访问该路径响应的验证码图片的方法
在这里插入图片描述
(5)启动服务
在这里插入图片描述
(6)将生成随机验证码图片应用到登录页面上去
配置site包下的login.html，使访问的登录页面的验证码是动态的
在这里插入图片描述
在这里插入图片描述

m0_46631075
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【Day 8】学习笔记Springboot仿牛客网论坛实现 -验证码生成
Eurus1209的博客
06-01 185
利用Kaptch在服务端内存中画出验证码： 步骤 1 导入jar包2 编写kaptch 配置类3 生成随机字符，生成图片在pom.xml 文件中导入 新建配置类因为springboot 针对他没有做自动配置 新建一个配置类（config/ kaptchaConfig）1 做@configuration 配置注解标注@Bean 让其被spring 容器管理要装配kaptcha 核心对象类producer （实例化接口） 2 生成验证码的方法 在controller 里不写在login 方法里因为 返回的是ht
C#.net-生成验证码
03-29
C# .net asp -生成验证码 可自由设置验证码长度 内含完整demo
仿牛客UI源码
01-26
仿牛客UI(张俊峰) 1.图标来自牛客app 2.大致实现UI效果 3.实现抽提 底部：RelativeLayout(学习、社区、消息、我的牛客) + 中间 自定义ViewPager(禁止滑动) 一、学习界面： (1) 标题模块：牛客 (2) 图片滑动模块：ViewPager+Pager (3) 签到模块：显示（已打卡、今日刷题、今日学习、共打卡） (4) 学习模块：Linearlayout(可用GridView)(专题练习、公司套题、错题练习、课程学习、大题查看、期末备考) ? 点击中任何一个LAYOUT，会显示一个由ExpandableList实现一个列表 ? 点击ExpandabList子标签中的练习字样，会自动跳转到另一个Activity，进行专项练习。 ? 可以进行考试，有倒计时，要求达到牛客网的效果，并能出考试结果。 (5) 参与模块：（文字（我参与的课程）+添加按钮） ? 点击添加按钮跳转到另一页面。由 ListView实现 二、 社区界面： 1. 标题模块：显示文字（最新），点击最新会弹出一个上下文菜单(最新、最热、精华)。 2. 滑动标题模块：ViewPager+PagerSlidingTabStrip 3. 内容模块：使用ListView显示用户内容。 三、 消息界面： 1、 菜单模块：（朋友私信、系统通知）使用ViewPager实现（可用Tabhost） 2、 朋友私信页面：显示一个私信图片 3、 系统通知页面：（由ListView实现）由于比较固定本人使用RelativeLayout实现 四、 我的牛客界面： 1. 头像显示模块：头像+用户名+用户信息 2. 内容显示模块 更多效果请试用，感谢支持！
（仿牛客论坛项目）03 - 登录界面的验证码实现
qq_42148002的博客
07-02 874
存在的问题：解决方法： ① 粘性session：固定的请求分给同一个服务器（负载不均衡） ② 同步session：某一个服务器创建session之后，同步到所有的服务器中（加重服务器负担，且服务器之间有耦合）③ 共享session：有一台服务器专门用来存 session 的，浏览器访问需要创建 session，都将 session 创建在该服务器中（单体session服务器挂了，之所以使用分布式，就是为了解决单体服务器的瓶颈）④ 目前主流：能存在 cookie 中就存在 cookie 中，敏感数据放到数据库
仿牛客论坛项目之生成验证码部分
weixin_54240468的博客
03-27 470
生成验证码部分 本部分代码来源于牛客网官方的仿牛客论坛项目，仅供个人学习和探讨使用。 相关类库： kaptcha 基本思路： 1. 导入jar包 2. 编写kaptcha配置类 3. 随机生成字符、图片 导入jar包 访问 https://mvnrepository.com/ , 搜索 kaptcha , 复制相关代码。 （当然，有可能网站无法访问，那就直接复制我下面给的代码到 pom.xml 中就好了） <!-- https://mvnrepository.com/artifact/co
牛客网项目4：生成验证码
huozhiran的博客
05-04 472
利用Kaptcha包实现。 1.引入依赖 <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> </dependency> 2. 编写配置类，对Kaptcha进行配置 在com.nowcoder.mycommunit.
2.4仿牛客社区项目——生成验证码（放入session）
Doreen_FF的博客
06-10 832
private static final Logger logger = LoggerFactory.getLogger(LoginController.class); @Autowired private Producer kaptchaProducer; @RequestMapping(path = "/kaptcha", method = RequestMethod.GET) //向浏览器输出的不是字符串也不是网页，是一个图片，需要自己用Respon...
ATeam社区（牛客网项目第二章）
m0_48847558的博客
12-20 951
1. 发送邮件 邮箱设置 启用客户端SMTP服务 Spring Email 导入jar包（即引入依赖） 邮箱参数配置 使用JavaMailSender发送邮件 模板引擎 使用Thymeleaf发送HTML邮件 1.1 邮箱设置 选择新浪邮箱，开启SMTP服务（一开始选择的是QQ邮箱，但老是出问题） 1.2 Spring Email 导入jar包 在mavenrepository中搜索spring mail 将方框中的内容复制到项目中的pom文件中 <!-- ema
牛客网项目第二章-开发注册功能
m0_46631075的博客
06-29 76
牛客网项目第二章-开发注册功能每个功能按照请求去拆解，由浏览器与服务器之间的请求交互构成。
仿牛客网项目第二章:开发社区登录模块（详细步骤和思路）
须臾徐的博客
07-27 2099
仿牛客网项目第二章的详细步骤，后面会添加自己的一些心得体会。
BufferedImage使用—-生成一张验证码图片
01-08
BufferedImage—-生成一张验证码图片 最近看了一下BufferedImage类的使用,感觉挺好玩的,BuferedImage类是Image这个抽象类的实现类，作为一个带缓冲区（Buffered,看这个单词好像就是缓冲的意思吧）图像类，主要是在...
Android应用源码--生成验证码和二维码.zip
01-03
验证码可以设置长度、是否中文，二维码可以设置生成二维码的内容
易语言-生成验证码
06-29
易语言随机生成验证码源码例程程序随机取数值再转换到汉字模式，写到画板中形成验证码图片。点评：可以随机生成字符、数字、中文等，识别会比较困难点。
Java-servlet生成验证码
03-09
正在学习Java，在教程书和网上不断的学习。servlet 提供了 Java 强大的 web 交互，在这个小项目中，我用servlet 实现了在web上生成验证码的功能，正在入门Java的同学不妨试试。
牛客网第二章
halff的博客
03-17 1237
仿牛客网 内容部分引用至 https://blog.csdn.net/weixin_44406146 @ 目录 一、发送邮件 邮箱设置 Spring Email 二、开发注册功能 访问注册页面 提交注册数据 激活注册账号 三、 会话管理 四、生成验证码 五、开发登陆、退出功能 访问登录页面 登陆 退出 六、显示登陆信息 拦截器示例 拦截器应用 七、账号设置 上传文件之访问账号设置页面 上传头像和获取头像 密码修改 八、检查登陆状态 一个问题 自定义注解 使用拦截器解决问题 一、发送邮件 邮箱设置 启用客户端
进阶2 探索图形化编程：扩展图形组件与切片开发的魅力
优树搭的博客
05-30 1494
当这些切片成功地通过图形程序串联起来后，在后续进行程序升级或维护时，大家会惊喜地发现，图形程序就如同清晰的路标一般，可以非常便捷地通过图形程序准确地定位到相关切片，并对这些切片进行在线查看、编辑和执行等操作。而且，这些切片的代码长度通常不会太长，相比传统开发的代码，阅读起来要容易得多，这无疑会给系统后续的工作带来极大的便利。
operator ＜=＞ (spaceship operator)
janeqi1987的专栏
05-28 1053
= 与!= 操作符为了检查是否相等，现在定义== 操作符就够了。当编译器找不到表达式的匹配声明a!=b 时，编译器会重写表达式并查找!(a==b)。若这不起作用，编译器也会尝试改变操作数的顺序，所以也会尝试!(b==a):a!=b,!(b==a)因此，对于TypeA 的a 和TypeB 的b，编译器将能够识别并编译a!= b若需要的话，可以这样做• 一个独立函数operator!• 一个独立函数operator==(TypeA, TypeB)
Java 异常处理中try-catch块、finally子句以及自定义异常的使用
最新发布
Itmastergo的博客
05-31 865
异常是程序运行过程中出现的非正常情况。Java 使用异常类（Exception 类及其子类）来表示这些异常情况。异常处理的核心思想是将正常的程序流程与异常处理流程分离开来，使代码更加清晰和可维护。Throwable 类：所有异常和错误的基类。Error 类：表示系统级的错误，程序通常无法处理，比如内存不足（OutOfMemoryError）。Exception 类：表示程序中可以处理的异常情况。RuntimeException 类。
koa2 中使用 svg-captcha 生成验证码
05-24
在 Koa2 中使用 svg-captcha 生成验证码可以按照以下步骤进行： 1. 安装 svg-captcha 和 koa-svgrouter 模块 ```bash npm install svg-captcha koa-svgrouter --save ``` 2. 在 Koa2 应用中引入相关模块 ```javascript const Koa = require('koa'); const Router = require('koa-router'); const svgrouter = require('koa-svgrouter'); const svgCaptcha = require('svg-captcha'); const app = new Koa(); const router = new Router(); ``` 3. 设置路由，生成验证码 ```javascript router.get('/captcha', async (ctx, next) => { const captcha = svgCaptcha.create(); ctx.session.captcha = captcha.text; ctx.type = 'svg'; ctx.body = captcha.data; }); ``` 4. 添加 SVG 路由 ```javascript app.use(svgrouter('/captcha/:id', { useSession: true, sessionName: 'captcha' })); ``` 5. 在需要使用验证码的地方，可以通过如下代码获取验证码图片 ```html <img src="/captcha/1" /> ``` 注意，上述代码中的数字 1 是路由参数，可以自行设置。 6. 验证验证码 在需要验证验证码的地方，可以通过如下代码获取用户输入的验证码，并与之前生成的验证码进行比较。 ```javascript const userCaptcha = ctx.request.body.captcha; if (userCaptcha.toLowerCase() === ctx.session.captcha.toLowerCase()) { // 验证码输入正确 } else { // 验证码输入错误 } ``` 以上就是使用 svg-captcha 生成验证码的基本步骤。需要注意的是，在生成验证码和验证验证码时都需要使用到 Koa2 的 session 功能，因此需要在应用中添加相关中间件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值