03 登录+退出功能实现

一 登录功能

登录功能代码实现

1. 前端代码
2. 后端代码
   LoginServlet；
   UserService；
   UserDao；

---

前端代码实现

<script>
		$(function () {
			//1.给登录按钮绑定单击事件
			$("#btn_sub").click(function(){
				//2.发送ajax请求，提交表单数据
				$.post("loginServlet",$("#loginForm").serialize(),function(data){
					//data: {flag:false,errorMsg:''}
					if(data.flag){
						//登陆成功
						location.href = "index.html";
					}else{
						//登录失败
						$("#errorMsg").html(data.errorMsg);
					}
				});

			});
		});
		//3.处理响应结果

LoginServlet代码

  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.获取用户名和密码数据
        Map<String,String[]> map = request.getParameterMap();
        //2.封装User对象
        User user = new User();
        try {
            BeanUtils.populate(user,map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
        //3.调用Service查询
        UserService service = new UserServiceImpl();
        User u = service.login(user);

        ResultInfo info = new ResultInfo();
        //4.判断用户对象是否为null
        if(u == null){
            //用户名密码或错误
            info.setFlag(false);
            info.setErrorMsg("用户名密码错误");
        }
        //5.用户名对，用户是否激活
        if(u != null && "Y".equals(u.getStatus())){
            //用户尚未激活
            info.setFlag(false);
            info.setErrorMsg("您尚未激活，请激活");

        }
        //6.判断登录成功，
        if(u != null&&"Y".equals(u.getStatus())){
            //登录成功
            info.setFlag(true);

        }
        //响应数据
        ObjectMapper mapper = new ObjectMapper();
        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(),info);

    }

UserDao

 public User findByUsernameAndPassword(String username, String password) {
        User user = null;
        try {
            //1.定义sql
            String sql = "select * from tab_user where username = ? and password = ?";
            //2.执行sql
            user = template.queryForObject(sql, new BeanPropertyRowMapper<User>(User.class), username,password);
        } catch (Exception e) {
        }
        return user;
    }

UserService

/**
     * 登录方法
     * @param user
     * @return
     */
    @Override
    public User login(User user) {
        return userDao.findByUsernameAndPassword(user.getUsername(),user.getPassword());
    }

【小功能】index页面中提示用户名信息功能
header.html前端代码

二 退出功能

登录其实就是Session中有user对象
实现步骤：

1. 访问Servlet，将session销毁
2. 跳转至登录页面

代码实现

exitServlet

 //1.销毁session
        request.getSession().invalidate();

        //2.跳转登录页面
        response.sendRedirect(request.getContextPath()+"/login.html");