【无标题】

一、前端HTML

1.1、收集表单数据

当点击添加按钮时，使用axios将表单数据发送到servlet中

 

1.2、处理axios响应的结果

根据respones.data的结果进行判断

 

1.3、完整代码

    
    
    
    
    
    
    
    
    
    



    
    

        
        

            
            

                

                    
                    蜗牛CRM管理系统
                
            
            

                

                    进入首页
                
            
            

                

                    用户管理
                
            
            

                

                    添加用户
                
            
            

                

                    客户管理
                
            
            

                

                    添加客户
                
            
            

                

                    修改密码
                
            
            

                

                    退出登录
                
            
        
        
        

            

                
                

                    >  添加用户
                
            
            
            

                

                    

                        

                            用户名
                            
                        
                    
                    

                        

                            昵称
                            
                        
                    
                    

                        

                            手机号
                            
                        
                    
                    

                        

                            生日
                            
                        
                    
                    

                        

                            性别
                            
                                男
                            
                            
                                女
                            
                        
                    
                    

                        

                            添加
                            重置
                        
                    
                
            
        
    

二、后端Servlet

2.1、在UserDAO中新增添加用户的方法

 

public int insertUser(User user) {
    String sql = "insert into t_user (user_name,passwd,nick_name,sex,birth,img,phone) values ('"+user.getUserName()+"','123456','"+user.getNickName()+"',"+user.getSex()+",'"+user.getBirth()+"','https://img1.baidu.com/it/u=1208847068,4041283913&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500','"+user.getPhone()+"')";
    return this.excuteUpdate(sql);
}

2.2、创建UserAddServlet实现添加用户

package controller;

import dao.UserDAO;
import dao.impl.UserDAOImpl;
import entity.User;

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 java.io.IOException;
import java.io.PrintWriter;

/**
 * 添加用户
 */
@WebServlet("/user_add")//http://localhost:8080/user_add
public class UserAddServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //设置编码集，解决中文乱码问题
        req.setCharacterEncoding("utf-8");
        resp.setCharacterEncoding("utf-8");
        resp.setContentType("application/json;charset=utf8");

        //获取打印输出流，向网页输出内容
        PrintWriter writer = resp.getWriter();

        //接收HTML请求传递的值
        String userName = req.getParameter("user_name");
        String nickName = req.getParameter("nick_name");
        int sex = 0;
        if(req.getParameter("sex") != null){
            sex = Integer.parseInt(req.getParameter("sex"));
        }
        String phone = req.getParameter("phone");
        String birth = req.getParameter("birth");

        User user = new User();
        user.setUserName(userName);
        user.setNickName(nickName);
        user.setPhone(phone);
        user.setSex(sex);
        user.setBirth(birth);

        //调用dao方法添加用户
        UserDAO dao = new UserDAOImpl();
        int count = dao.insertUser(user);
        if(count>0){
            writer.print("添加成功");
        } else {
            writer.print("添加失败");
        }

        //释放资源
        writer.close();
    }
}