音乐项目

获取验证码:

将获取验证码的消息发送给前端,再由后端发给前端

html 复制代码
function getverification_code(event) {
    event.preventDefault();
    console.log('点击获取验证码按钮');

    // 获取输入元素的值
    const emailInput = document.getElementById('email');
    const emailValue = emailInput.value;
    const emailformat = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    // 获取邮箱输入框的值
    function isValidEmail(emailValue) {
        return emailformat.test(emailValue);
    }
    if (isValidEmail(emailValue)) {
        axios.post('http://localhost:8080/song2_war_exploded/test2')
            .then(response => {
                console.log('Response:', response);
            })
            .catch(error => {
                console.error('Error:', error);
            });
        alert("验证码发送成功");
    } else {
        alert("验证码发送失败");
    }

}

注册时用户信息发送给后端传入数据库:

java 复制代码
@WebServlet("/register") // 定义Servlet的URL映射
public class RegisterController extends HttpServlet {
    //这个是序列化机制的一部分,一般都写在这,不用很管他
    private static final long serialVersionUID = 1L;

    // 处理POST请求
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        System.out.println("9999999");

        // 获取表单提交的参数
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String email = request.getParameter("email");

        User user=new User();
        user.setUserName(username);
        user.setEmail(email);
        user.setPassword(password);

我用的是普通的的dopost方法,今天才弄明白 baseservlet 的用法,先交个总结等会再改成baseservlet方法

解决了什么问题:

1.一些前端问题,触发函数之前有bug,然后用了内关联才正常,解决方法,一点点测试的

相关推荐
IpdataCloud18 分钟前
AI智能体调用工具怎么核验来源IP?归属地、网络类型与代理风险识别(含Python代码)
数据库·python·tcp/ip
曹牧33 分钟前
Java:SQL 注入漏洞
数据库
程序员JerrySUN1 小时前
Jetson Edge AI 实战01:Nano、Xavier、Orin 怎么选?Jetson 硬件选型详解【视频讲解】
java·数据库·redis·安全·mybatis
oradh2 小时前
Oracle Undo问题总结(ORA-600 [4xxx] 系列错误)
数据库·oracle
达梦数据2 小时前
DMDRS辅助表生成规则与作用
数据库·oracle
‎ദ്ദിᵔ.˛.ᵔ₎2 小时前
MySQL 表约束
数据库·mysql
Doris__HE2 小时前
【元脑服务器NF5476G7-NF5476M7技术规格分享】
运维·服务器·网络·数据库·性能优化
笃行3504 小时前
别拿MySQL数据库管理工具硬导:MySQL 迁 KingbaseES 的完整工具链
数据库
风哥2号5 小时前
数据库教程FGMT51‑PostgreSQL实例管理与参数文件
数据库·postgresql
蓝速科技5 小时前
桌面双屏翻译机量产调试:三类场景兼容性破局方案丨蓝速科技
运维·数据库·人工智能·科技·技术分享