【Java实习】Day 05

╰半橙微兮° 2023-01-03 04:16 145阅读 0赞

> 1、使用集合模拟数据库，利用ajax异步提交数据，实现用户注册功能  
> 2、将用户登录功能和用户注册功能结合起来

*  LoginServlet类：

public class LoginServlet extends HttpServlet {
        
        //继承的目的就是要请求对象和响应对象
    
        //创建一个公共的集合对象
        static ArrayList<User> users = new ArrayList<>();
        //现在是类级别地址，存放在方法区内存当中
    
        /**
         *
         * @param req       请求对象
         * @param resp      响应对象
         * @throws ServletException
         * @throws IOException
         */
        @Override
        public void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        
            String method = req.getParameter("method");
    
            //获取到集合中的用户数据
            getUsers();
            //空指针异常错误避免方法：非空校验
            if(method==null){
        
                System.out.println("method值不存在");
            }
            else{
        
                if(method.equals("login")){
        
                    toLogin(req,resp);
                }
                else if(method.equals("register")){
        
                    toRegister(req,resp);
                }
            }
        }
    
        /**
         * 注册的方法
         * @param req
         * @param resp
         */
        public void toRegister(HttpServletRequest req, HttpServletResponse resp) {
        
            String username = req.getParameter("username");
            String password = req.getParameter("password");
    
            //测试数据
            System.out.println("用户名的值为："+username);
            System.out.println("密码的值为："+password);
    
            //创建用户对象
            User user = new User();
            user.setUsername(username);
            user.setPassword(password);
    
            //获取集合长度
            int size = users.size();
    
            //添加数据
            users.add(user);
    
            //获取集合长度
            int size2 = users.size();
    
            //校验
            if(size2 == size + 1){
        
                try {
        
                    resp.getWriter().print("true");
                } catch (Exception e) {
        
                    e.printStackTrace();
                }
            }
            else{
        
                try {
        
                    resp.getWriter().print("false");
                } catch (Exception e) {
        
                    e.printStackTrace();
                }
            }
    
            for(User user1 : users){
        
                System.out.println(user1);
            }
    
        }
    
    //    /**
    //     * 执行登录的方法
    //     * @param req
    //     * @param resp
    //     */
    //    public void toLogin(HttpServletRequest req, HttpServletResponse resp) {
        
    //        //一定是阿贾克斯的data部分，根据属性接收属性值
    //        String username = req.getParameter("username");
    //        String password = req.getParameter("password");
    //        System.out.println("用户名的值为："+username+"；密码的值为："+password);
    //        //不用考虑中文乱码问题
    //    }
    
        /**
         * 用户登录功能
         */
        public void toLogin(HttpServletRequest req, HttpServletResponse resp) {
        
            //记得修改访问权限标识符 private -> public
    
            //接收前端传的用户名的值
            String username = req.getParameter("username");
            //接收前端传的密码的值
            String password = req.getParameter("password");
    
            System.out.println("用户名的值为："+username+"；密码的值为："+password);
    
            //获取容器对象，把相关数据存放在集合当中
    //        getUsers();       //现放到service函数当中
    
            //定义一个标识，判断输入的用户名和密码是否合法
            boolean flag = false;
    
            //遍历集合对象
            for(User user:users){
        
                if(user.getUsername().equals(username) && user.getPassword().equals(password)){
        
                    //用户名和密码必须都相等才可以登录成功
                    flag=true;
                }
            }
            if(flag==true){
        
                try {
        
                    resp.getWriter().print("true");
                } catch (Exception e) {
        
                    e.printStackTrace();
                }
            }
            else{
        
                try {
        
                    resp.getWriter().print("false");
                } catch (IOException e) {
        
                    e.printStackTrace();
                }
            }
        }
    
        /**
         * 用集合模拟一个容器
         */
        public ArrayList<User> getUsers(){
        //写ArrayList<User>不用强转，写List需要
            /*这样写不太规范，因为功能很多，都写在一个方法里不规范。
             * 不要把所有功能写在一个方法里
             */
    
            //创建用户对象
            User user1 = new User();
            user1.setUsername("张三");
            user1.setPassword("123456");
    
            User user2 = new User("韩信","qwe123");
            User user3 = new User("百里守约","qwe123");
            User user4 = new User("百里玄策","434544");
            User user5 = new User("李白","ssddd");
            User user6 = new User("貂蝉","www111");
            User user7 = new User("吕布","30222");
    
            //把用户对象装进容器
            users.add(user1);
            users.add(user2);
            users.add(user3);
            users.add(user4);
            users.add(user5);
            users.add(user6);
            users.add(user7);
    
            return users;//测试用
        }
    }

*  register.jsp

<%--
      Created by IntelliJ IDEA.
      User: nosteglic
      Date: 2021/1/3
      Time: 16:23
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    <%
        //写java代码，因为js底层是java
    
        //定义绝对路径地址
        String contextPath = request.getContextPath();
    %>
    <html>
    <head>
        <title>注册界面</title>
    </head>
    
    <script src="<%=contextPath%>/jquery/jquery-1.7.2.js"></script>
    <script>
        function register(){
         
            //判断两次输入的密码是否相同
            var password = $("[name='password']").val()
            var password2 = $("[name='password2']").val()
    
            if(password == password2){
         
                $.ajax({
         
                    //提交到后端的地址
                    url : "http://localhost:8080/login?method=register",
                    //提交到后端，实现注册功能
                    //提交的类型
                    type : "post",
                    //提交到后端的数据
                    data : {
         
                        //属性过滤选择器
                        username:$("[name='username']").val(),
                        password:$("[name='password']").val(),
                    },
                    //回调函数，obj接收参数
                    success : function (obj){
         
                        if(obj){
         
                            alert("注册成功");
                            location.href="http://localhost:8080/jsp/login.jsp"
                        }
                        else{
         
                            alert("注册失败！有问题请联系管理员！！！")
                        }
                    },
                    //返回的数据类型
                    dataType : "json"
                })
            }
            else{
         
                alert("两次输入的密码不一致")
            }
    
    
        }
    </script>
    
    <body>
    <h1 align="center">用户注册界面</h1>
    
    
    
    <table border="1px" bgcolor="pink" align="center">
        <tr>
            <td>用户名:</td>
            <td><input type="text" id="username" name="username"></td>
        </tr>
    
        <tr>
            <td>密码：</td>
            <td><input type="password" name="password"></td>
        </tr>
    
        <tr>
            <td>确认密码：</td>
            <td><input type="password" name="password2"></td>
        </tr>
    
        <tr>
            <td colspan="5" align="center">
                <input type="button" value="注册" onclick="register()">
            </td>
        </tr>
    </table>
    </body>
    </html>

*  其他不变