音乐项目 - 技术栈

获取验证码：

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

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