当前位置: 首页 > article >正文

音乐项目

获取验证码:

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


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("验证码发送失败");
    }

}

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


@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,然后用了内关联才正常,解决方法,一点点测试的


http://www.kler.cn/a/301371.html

相关文章:

  • c++数字雨实现
  • Gin HTML 模板渲染
  • 三维测量与建模笔记 - 点特征提取 - 4.3 Harris特征点
  • 经验笔记:Git 基础操作指南
  • 【汇编语言】数据处理的两个基本问题(二) —— 解密汇编语言:数据长度与寻址方式的综合应用
  • workerman的安装与使用
  • JVM源码解析
  • 20道经典自动化测试面试题【建议收藏】
  • SpringMVC重点功能底层源码解析
  • Rocky Linux 9 初次安装后启用 SSH Root 远程登录
  • 使用Docker快速启动MySQL容器
  • Python知识点:如何使用Python进行文件压缩与解压缩
  • 证书学习(四)X.509数字证书整理
  • springcloud-GateWay
  • 大语言模型:AI 时代的文字计算器?
  • Vue2和Vue3子组件向父组件传值
  • INIC6081量产工具下载,initio6081开卡软件分享
  • 前端自定义下载文件名
  • 第一篇 第3章 不确定型分析 第4章 设备更新分析 第5章价值工程
  • 基于SpringBoot+Vue的超市外卖管理系统
  • vue3使用provide和inject传递异步请求数据子组件接收不到
  • 大文件切片上传-vue3.0
  • 如何在VUE3中使用函数式组件
  • ecmascript和javascript的区别?
  • 从底层原理上理解ClickHouse 中的稀疏索引
  • 相互作用先验下的 3D 分子生成扩散模型 - IPDiff 评测