当前位置：首页 > news >正文

在登录页面上添加验证码

news 来源：原创 2025/8/13 19:10:22

这是一个简单的登录页面，里面必须通过验证码通过之后才能够进入页面

创建一个servlet（验证码的）

package qcby.util;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.CircleCaptcha;/*** Servlet implementation class Test*/
@WebServlet("/CaptchaServlet")
public class CaptchaServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public CaptchaServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//定义图形验证码的长、宽、验证码字符数、干扰元素个数CircleCaptcha captcha = CaptchaUtil.createCircleCaptcha(200, 100, 4, 20);System.out.println(captcha.getCode());HttpSession session = request.getSession();session.setAttribute("captchaVal", captcha.getCode());//输出到浏览器上captcha.write(response.getOutputStream());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoGet(request, response);}}

在之前创建过的js中实现它

$(".btn").on("click",function(){var account = $(".account").val().trim()var password = $(".password").val().trim()var captcha = $(".captcha").val().trim()$.ajax({url:"Studentlogin",type:"get",data:{account,password,captcha},success:function(value){alert(value)if(value=="登录成功"){location.href="student.html"}if(value=="验证码错误"){$("img").click()$(".captcha").val("")}}})
})

在html中也加入相关内容

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery.cookie.min.js"></script>
<script src="js/login.js" defer></script>
</head>
<body><div>账号：<input type='text' class='account'><br>密码：<input type='text' class='password'><br>验证码:<input type='text' class='captcha'><img src="CaptchaServlet" width="100" onclick="this.src=this.src+'?'"><br><input type='button' value='登录' class='btn'> </div>
</body>
</html>

这里使调整图片的大小和验证码的来源，以及点击验证码的图片就可以刷新，避免看不清验证码无法输入的问题

在登录页面上添加验证码

这是一个简单的登录页面，里面必须通过验证码通过之后才能够进入页面创建一个servlet（验证码的） package qcby.util;import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; im…...

编程日记 2025/8/13 19:10:22

人协同的自动化需求分析

多人协同的自动化需求分析是指通过技术工具和协作流程，让多个参与者（如产品经理、开发人员、测试人员等）在需求分析阶段高效协作，并借助自动化手段提升需求收集、整理、验证和管理的效率与质量。以下是其核心要点： 1. …...

编程日记 2025/8/10 4:20:36

C++使用PoDoFo库处理PDF文件

📚 PoDoFo 简介 PoDoFo 是一个用 C 编写的自由开源库，专用于读取、写入和操作 PDF 文件。它适用于需要程序化处理 PDF 文件的应用程序，比如批量生成、修改、合并、提取元数据、绘图等。 🌟 核心特点特性说明📄 P…...

编程日记 2025/8/13 19:07:15

18.Java 序列化与反序列化

18.Java 序列化与反序列化概述在Java中，序列化是将对象的状态信息转换为可以存储或传输的格式的过程，而反序列化则是将这种格式转换回Java对象的过程。序列化要使一个对象支持序列化，该对象必须实现java.io.Serializable接口。这个接…...

编程日记 2025/8/13 19:07:13

大语言模型主流架构解析：从 Transformer 到 GPT、BERT

📌 友情提示： 本文内容由银河易创AI（https://ai.eaigx.com）创作平台的gpt-4-turbo模型生成，旨在提供技术参考与灵感启发。文中观点或代码示例需结合实际情况验证，建议读者通过官方文档或实践进一步确认其准…...

编程日记 2025/8/13 19:07:12

flow-matching 之学习matcha-tts cosyvoice

文章目录 matcha 实现cosyvoice 实现chunk_fmchunk_maskcache_attn stream token2wav 关于flow-matching 很好的原理性解释文章， 值得仔细读，多读几遍，关于文章Flow Straight and Fast: Learning to Generate and Transfer Data with Rectifi…...

编程日记 2025/8/13 19:09:32

聊聊自动化办公未来趋势

1. 自动化办公未来趋势 1.1 智能化与AI融合加深随着人工智能技术的不断成熟，其在自动化办公中的应用将更加广泛和深入。未来，办公软件将具备更强的智能交互能力，能够理解自然语言指令，自动完成复杂的任务，如文档编辑…...

编程日记 2025/8/9 21:18:00

软件工程之需求分析涉及的图与工具

需求分析与规格说明书是一项十分艰巨复杂的工作。用户与分析员之间需要沟通的内容非常的多，在双方交流信息的过程中很容易出现误解或遗漏，也可能存在二义性。如何才能更加准确的表达双方的意思，且清楚明了，绘制各类图形就显得非常…...

编程日记 2025/8/11 16:44:43

火影bug，未保证短时间数据一致性，拿这个例子讲一下Redis

本文只拿这个游戏的bug来举例Redis，如果有不妥的地方，联系我进行删除描述：今天在高速上打火影（有隧道，有时候会卡），发现了个bug，我点了两次-1000的忍玉（大概用了1千七百…...

编程日记 2025/8/13 19:08:58

机器人领域和心理学领域恐怖谷是什么

机器人领域和心理学领域恐怖谷是什么恐怖谷是一个在机器人领域和心理学领域备受关注的概念，由日本机器人专家森政弘于1970年提出。含义当机器人与人类的相似度达到一定程度时，人类对它们的情感反应会突然从积极变为消极，产生一种毛骨悚然、厌恶恐惧的感觉。这种情感…...

编程日记 2025/8/13 6:30:25

Hadoop MapReduce 图文代码讲解

一、MapReduce原理首先要了解一下MapReduce的几个过程，每个数据集中需要编写的逻辑会有所不同，但是大致是差不多的 1、MapReduce大致为这几个过程： 1、读取数据集并根据文件大小128MB拆分成多个map同时进行下面步骤 2、Map: 匹配和数据筛…...

编程日记 2025/8/7 0:17:32

【Rust】结构体

目录结构体结构体的定义和实例化结构体使用场景方法定义方法多参数方法关联函数多个 impl 块结构体结构体，是一个自定义数据类型，允许包装和命名多个相关的值，从而形成一个有意义的组合，类似于 C语言中的结构体或者 Java 中的…...

编程日记 2025/8/13 19:05:58

青少年编程与数学 02-019 Rust 编程基础 01课题、环境准备

青少年编程与数学 02-019 Rust 编程基础 01课题、环境准备一、Rust核心特性应用场景开发工具社区与生态二、Rust 和 Python 比较1. **内存安全与并发编程**2. **性能**3. **零成本抽象**4. **跨平台支持**5. **社区与生态系统**6. **错误处理**7. **安全性**适用场景总结三、…...

编程日记 2025/8/13 13:24:17

深入理解Embedding Models（嵌入模型）：从原理到实战（上）

🐇明明跟你说过：个人主页 🏅个人专栏：《深度探秘：AI界的007》 🏅 🔖行路有良友，便是天堂🔖 目录一、引言 1、嵌入模型是什么 2、在NLP、推荐系统、知识图谱等领域…...

编程日记 2025/8/13 19:05:59

世界耳机品牌与排名

耳机可以说是日常用的比较多的产品之一，而且现在的耳机相较于传统的耳机还多了很多的功能，比如现在经常开车的人实用的蓝牙耳机，虽然日常用的多，那么你知道全球知名的耳机品牌有哪些吗？ 拜亚耳机，德国品牌&…...

编程日记 2025/8/13 19:07:54

防静电地板人工费多少钱一平方米？2025年报价解析！

在机房、实验室、数据中心等专业场所，防静电地板是保障设备正常运行的关键“防线”。但很多人在装修时，面对“防静电地板安装人工费”的报价往往一头雾水——有的报25元/㎡，有的却要50元/㎡，差价背后究竟藏着什么门道？…...

编程日记 2025/7/26 15:02:44

【详细图文】使用MobaXterm的SSH功能远程连接服务器，并创建pytorch环境，使用yolov8训练数据集

目录一、使用MobaXterm连接服务器 1、官网下载MobaXterm 2、SSH连接服务器二、查看服务器的基本信息 1、查看服务器基本信息（可选）（1）查看主机名和系统版本（2）查看CPU信息（3）查看内存信息（4）查看网卡信息（5）查看总进程数（6）查看活动进程数（…...

编程日记 2025/8/10 4:40:07

路由器断流排查终极指南：从Ping测试到Wireshark抓包5步定位法

测试路由器是否出现“断流”（网络连接间歇性中断），需通过多维度排查硬件、软件及外部干扰因素。以下是详细步骤指南： 一、基础环境准备设备连接有线测试：用网线将电脑直接连接路由器LAN口，排除WiFi干扰。…...

编程日记 2025/8/13 15:57:27

小白借助ai对全栈进行浅浅理解（学习笔记）-Lambda、Optional 避免空指针与新的日期时间 API

学习顺序：Java 基础 → Spring Boot → Vue → 前后端整合 → 数据库 → 部署 → 进阶实战。 Lambda 表达式（Lambda 表达式是 Java 8 引入的核心特性，旨在简化函数式编程，替代冗长的匿名内部类，使代码更简洁、灵活 &am…...

编程日记 2025/7/29 14:00:31

可观测性方案怎么选？SelectDB vs Elasticsearch vs ClickHouse

可观测性（Observability）是指通过系统的外部输出数据，推断其内部状态的能力。可观测性平台通过采集、存储、可视化分析三大可观测性数据：日志（Logging）、链路追踪（Tracing）和指标&am…...

编程日记 2025/6/29 2:19:10

100个常用的DeepSeek指令

日常生活类（20个） 1. 新闻解读：请为我解读今天的热点新闻。 2. 天气查询：请查询……的天气并推荐着装。 3. 旅行攻略：请制定前往……的旅行攻略。 4. 菜谱生成：请生成……菜的具体做法。 5. 解决方案&…...

编程日记 2025/8/13 19:07:14

【C语言】--指针超详解(二)

目录一.const修饰指针 1.1--const修饰变量 1.2--const修饰指针变量二.野指针 2.1--野指针成因 2.1.1--指针未初始化 2.1.2--指针越界访问 2.1.3-- 指针指向的空间释放 2.2--如何规避野指针 2.2.1--指针初始化 2.2.2--小心指针越界 2.2.3--指针变量不再使用时&am…...

编程日记 2025/6/29 2:18:35

git 多个提交记录合并为一个

1.场景有时候用devops等平台测试问题，需要多次修改小的记录提交，但是最终我们在合并主干的时候不想留那么多乱七八糟的记录，就需要在此分支合并这些提交记录，再合并到主干。 2.交互式变基 2.1 确定要合并的提交范围 # 查看最近…...

编程日记 2025/6/29 5:05:02

AI视频生成的艺术：镜头语言

前言 AI视频生成技术正逐渐改变我们创作和消费视频内容的方式，各式各样的AI视频制作软件正在不断的涌现，比如可灵、即梦、runway等。虽然AI视频生成的交互方式（自然语言）极大的减少了我们创作视频的门槛，但要让AI正确理解并创造出符合我们期望的视频，我们可能还是需要了解…...

编程日记 2025/8/13 19:09:00

机器学习与深度学习

目录一、机器学习 （一）机器学习的分类 1. 监督学习 2. 无监督学习 3. 强化学习 （二）机器学习的应用场景二、深度学习 （一）深度学习的核心原理 （二）常见的深度学习模型 …...

编程日记 2025/8/13 19:09:33

数字孪生市场格局生变：中国2025年规模214亿，工业制造领域占比超40%

一、技术深度解析：数字孪生的核心技术栈与演进 1. 从镜像到自治：数字孪生技术架构跃迁三维重建突破：LiDAR点云精度达2cm，无人机测深刷新频率5Hz，支撑杭州城市大脑内涝预警模型提前6小时预测。AI算法融合&#xff1a…...

编程日记 2025/8/13 19:09:31

数字孪生[IOC]常用10个技术栈（总括）

1. 什么是数字孪生？ 数字孪生（Digital Twin） 是通过数字化技术对物理实体（如设备、系统或环境）进行高精度建模和实时映射的虚拟副本。其核心是通过数据驱动实现物理世界与虚拟世界的双向交互，支持实时监控…...

编程日记 2025/6/29 2:18:40

WPF主窗体子窗体关联方法

步骤： 1、创建WPF项目 2、设计主窗体，选定显示子窗体的区域（MainWindow.xaml) 3、在想要显示子窗体的区域填写如下代码（MainWindow.xaml) 4、创建子窗体 5、建立调用子窗体事件，下图一是load事件，也可以是…...

编程日记 2025/8/8 6:35:56

笔记本电脑实现网线内网 + Wi-Fi外网同时使用的配置方案

1、同时连接两个网络‌ 插入网线连接内网，确保内网IP地址正常获取（如10.143.88.x）；连接Wi-Fi接入外网，确认可正常访问互联网（如网关为192.168.8.1）。 2、记录关键网络参数‌ 内网网关&#…...

编程日记 2025/6/29 2:19:43

探讨关于智能体（Agent）结合 Dify、大语言模型（LLM）以及 Qwen-3 模型的项目或概念

1. Dify 的作用 Dify 是一个开源的 AI 框架，它可以帮助开发者快速搭建和部署 AI 应用。它可以作为一个基础架构，为智能体提供以下支持： 应用开发与部署：Dify 可以帮助开发者快速搭建智能体的前端和后端架构，包括用户界…...

编程日记 2025/7/27 15:47:49

2025 后端自学UNIAPP【项目实战：旅游项目】3、API接口请求封装，封装后的简单测试以及实际使用

一、创建请求封装目录选中自己的项目，右键鼠标---->新建---->目录---->名字自定义【我的是api】二、创建两个js封装文件选中封装的目录，右键鼠标---->新建---->js文件---->名字自定义【我的两个js文件分别是my_http和my_api】三…...

编程日记 2025/6/29 2:18:37

【electron+vue】常见功能之——调用打开/关闭系统软键盘，解决打包后键盘无法关闭问题

效果图展示实现思路：通过input标签聚焦失焦的方式，实现系统软键盘的显示隐藏。使用场景：一体机电脑，无外接键盘。 html <el-input v-model"idNumber" placeholder"请输入" focus"showKeyboard&qu…...

编程日记 2025/6/29 3:52:49

告别手动输入密码：基于SSHPass的自动化文件传输实践告别手动输入密码：基于SSHPass的自动化文件传输实践

一、运维人员的共同痛点在日常运维工作中，我们经常需要在多台服务器之间传输文件。传统的手动操作方式需要反复执行以下步骤： 输入scp命令等待密码提示输入复杂密码确认传输结果手动修改文件权限这种重复劳动不仅效率低下，在批量操作时更…...

编程日记 2025/7/30 12:59:38

Python序列Day3

序列序列是一种数据存储方式，用方括号标注，逗号分隔的一组值。在内存中，序列就是一块用来存放多个值的连续的内存空间。常见序列结构有：字符串、列表、元组、字典、集合列表用于存储任意数目，任意类型的数据集…...

编程日记 2025/7/28 21:05:18

22、近端策略优化算法（PPO）论文笔记

近端策略优化算法（PPO）论文笔记一、研究背景与目标二、**方法****3.1 策略梯度基础****3.2 信任区域方法（TRPO）****3.3 剪切代理目标函数（LCLIP）****3.4 自适应KL惩罚系数****3.5 算法实现** 三、 L CLIP…...

编程日记 2025/8/10 13:49:39

web 自动化之 selenium+webdriver 环境搭建及原理讲解

文章目录一、web 自动化测试学习说明二、什么 web 自动化测试三、selenium 简介四、web自动化测试环境搭建五、web 自动化测试第一个脚本六、selenium 原理及源码讲解一、web 自动化测试学习说明进阶 web 自动化测试学习：掌握 python 编程基础二、什么 web 自…...

编程日记 2025/6/29 2:18:53

Vue3快速入门/Vue3基础速通

Vue3 渐进式的javascript框架，我们可以逐步引入vue的功能官方文档 Vue.js中文手册你可以借助 script 标签直接通过 CDN 来使用 Vue： <script src"https://unpkg.com/vue3/dist/vue.global.js"></script>通过 CDN 使用 Vue 时…...

编程日记 2025/6/29 3:17:07

Babylon.js学习之路《一、初识 Babylon.js：什么是 3D 开发与 WebGL 的完美结合？》

文章目录 1. 引言：3D 开发在 Web 中的崛起1.1 为什么需要 Web 3D 开发？1.1 WebGL 的定位与挑战 2. Babylon.js 的核心定位2.1 什么是 Babylon.js？2.2 Babylon.js 的独特优势2.3 对比其他 Web 3D 框架（Three.js、PlayCanvas&#x…...

编程日记 2025/6/29 2:18:41

v-model原理详解

一 :value"msg 在 Vue.js 中，v-bind 指令（简写为 :）用于将数据属性绑定到 HTML 元素的属性上。当你使用 :value"msg" 时，它的作用是将 Vue 实例中的 msg 数据属性绑定到目标元素的 value 属性上。 1.value 属性…...

编程日记 2025/6/29 2:32:28

并发与并行的关系

并发（Concurrency）与并行（Parallelism）的本质区别 1. 核心定义并发：多个任务在重叠的时间段内交替执行，但不一定是同时的。关注的是任务的组织方式（如多任务调度、逻辑上的同时性&#xff09…...

编程日记 2025/6/29 2:19:17

uniapp 微信小程序使用图表

使用的是秋云 ucharts 直接在hbuilder插件市场进行下载导入项目中，多端支持下载地址秋云 ucharts echarts 高性能跨全端图表组件 - DCloud 插件市场导入成功后这里就能看到导入的插件啦导入项目后就可以直接在页面中通过组件使用了不需要其余配置使用简单参…...

编程日记 2025/8/8 7:26:26

基于vm加密的php逆向分析

前言对于 php 主流的加密方式有两种： 1、基于扩展的 2、本地加密，不涉及扩展一些在 php 端通过 zend_compile_file 等函数就可以直接 dump 出原代码的，称之为加密实在是抬举了之前有写过一篇直接 dump 出源码的分析 https://blog.qc7…...

编程日记 2025/8/13 16:26:35

FPGA----基于ALINX提供的debian实现TCF

引言：接上问，我们使用自制的image.ub和boot.bin以及ALINX提供的debian8根文件系统，构建了petalinux，但是经测试，该文件系统无法启用TCF服务，即无法与Xilinx SDK建立连接，那么我们应该如何解决&a…...

编程日记 2025/6/29 2:19:44

基于Transformer的多资产收益预测模型实战（附PyTorch实现与避坑指南）

基于Transformer的多资产收益预测模型实战（附PyTorch模型训练及可视化完整代码） 一、项目背景与目标在量化投资领域，利用时间序列数据预测资产收益是核心任务之一。传统方法如LSTM难以捕捉资产间的复杂依赖关系，而Transformer架…...

编程日记 2025/6/29 3:53:49

SQL：MySQL函数：字符串函数

目录为什么需要字符串函数？ 1️⃣ LENGTH(str) — 这个字符串有几个“字节”？ 2️⃣ CHAR_LENGTH(str) — 这个字符串有几个“字符”？ 3️⃣ TRIM(str) — 把两边的空格剪掉 4️⃣ REPLACE(str, a, b) — 把 a 替换成 b 使用这些函数时…...

编程日记 2025/6/29 2:19:05

C++-缺省参数

缺省参数缺省参数也叫默认参数指的是在函数参数的位置，提前定义一个缺省值（即提前定义一个值），当函数接收到参数时，如果定义缺省值的位置未接收到参数，那么这个位置会自动使用缺省值通过定义缺省参数…...

编程日记 2025/6/29 2:18:58

MySQL 数据库

目录 1. 数据库简介 1.1 使用数据库的必要性 1.2 数据库的基本概念 1.3 经典数据模型 2. MySQL 服务基础 2.1 MySQL 的二进制安装 2.1.1 基础环境准备 2.1.2 二进制安装 2.1.3 设定配置文件 1. 数据库简介 1.1 使用数据库的必要性使用数据库可以高效且条理分明地存…...

编程日记 2025/6/29 2:18:57

探寻养生新路径，守护健康生活

在忙碌的现代生活中，人们对健康养生的需求愈发迫切。养生不一定要遵循复杂的规则，从一些新颖且实用的方面入手，同样能收获健康的馈赠。关注肠道菌群的平衡是养生的关键。肠道内居住着数以万亿计的微生物，它们与人体健康息息相…...

编程日记 2025/8/7 8:29:37

平板收银系统、国产系统，鸿蒙系统，小键盘的封装与应用—仙盟创梦IDE

数字小键盘封装数组小键盘封装是指将与数组小键盘相关的功能、操作、数据等进行整合，形成一个独立的、可复用的模块。封装数组小键盘具有以下几方面重要意义： 提高代码可维护性降低复杂度：数组小键盘在实际应用中，可能涉及到…...

编程日记 2025/8/9 20:29:33

微软推动智能体协同运作：支持 A2A、MCP 协议

今日凌晨，微软宣布 Azure AI Foundry 和 Microsoft Copilot Studio 两大开发平台支持最新 Agent 开发协议 A2A，并与谷歌合作开发扩大该协议，这一举措对智能体赛道意义重大。现状与变革意义当前智能体领域类似战国时代，各家技术…...

编程日记 2025/8/9 4:40:38

相关文章：