JavaWebDay16 【旅游项目】开发功能：登录

登录功能_实现_Service&Dao

测试代码

public class TestUserService {
    @Test
    public void test01() {
        //将用户输入账号与密码发到后台
        UserService userService = new UserService();
        //1:查找用户数据
        User user = userService.findUserByName("jackhello");
        //2:根据数据， 正确，错误，不存在。
        if (user == null) {
            System.out.println("不存在");
        } else {
            //1:3种情况
            System.out.println("存在");
        }
    }

    @Test
    public void test02() {
        //将用户输入账号与密码发到后台
        UserService userService = new UserService();
        //1:查找用户数据
        User user = new User();
        user.setUsername("jackhello");
        user.setPassword("123456");
        int code = userService.login(user);
        //2:根据数据， 正确，错误，不存在。
        if (code == -1) {
            System.out.println("未注册");
        } else if (code == -2) {
            System.out.println("注册，但是未激活");
        } else if (code == -3) {
            System.out.println("注册，已激活，密码不对");
        } else if (code == 1) {
            System.out.println("注册，已激活，密码对");
        }
    }
}

domain

//用户数据
public class User {
    private int uid;
    private String username;
    private String password;
    private Date birthday;
    private String name;
    private String sex;
    private String telephone;
    private String email;
    private char status;
    private String code;

UserDao方法与测试

UserDaoTest

public class UserDaoTest {

    @Before
    public void init() throws Exception {
    }

    @After
    public void destory() throws Exception {
    }

    @Test
    public void test01() {
        UserDao userDao = MySessionUtils.getSession().getMapper(UserDao.class);

        //查找对象
        User user = userDao.findByName("jackhello");

        //查看对象
        System.out.println(user);
    }
}

UserDao.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.wzx.dao.UserDao">
    <select id="findByName" parameterType="string" resultType="user">
        select * from tab_user where username = #{username}
    </select>
</mapper>

Junit的注解

public class UserDaoTest {

//    @Before：用来初始化@Test方法要使用到的资源
//    @After:用来释放资源
    // @Before ->@Test -> @After
    private SqlSession session;
    private  UserDao userDao;
    @Before
    public void init() throws Exception {
        System.out.println("Before");
        //创建Session对象
         session = MySessionUtils.getSession();
         userDao = session.getMapper(UserDao.class);
    }

    @After
    public void destory() throws Exception {
        System.out.println("After");

        //提交与关闭session
        session.commit();
        session.close();
    }

    @Test
    public void test01() {
      //查找对象
        User user = userDao.findByName("jackhello");
     //查看对象
        System.out.println(user);

    }
    @Test
    public void test02() {
        User user = userDao.findByName("jackhello");
        //查看对象
        System.out.println(user);

    }
}

login

public int login(User user) {
        //账号密码
        UserDao userDao = MySessionUtils.getSession().getMapper(UserDao.class);
        User u = userDao.findByName(user.getUsername());
        //比对数据库的账号密码
        if (u == null) {
            return -1;//找不到jack
        } else {
            //判断是否是激活的账户
            if ('Y'== u.getStatus()) {
                //是激活用户
                if (u.getUsername().equals(user.getUsername()) && u.getPassword().equals(user.getPassword())) {
                    return 1;//提示登录成功
                } else {
                    return -2;//账号或者密码出错
                }
            } else {
                return -3;//已激活
            }
        }
    }

登录_前台_表单校验1

<script type="text/javascript" >
		function checkUserName(){
			//获取输入框的值
			var username = $("#username").val();

			//正则表达式  定义一个规则，执行test方法，符合规则返回true，否则返回false

			var reg =  /^\w{8,20}$/ ;

			var flag = reg.test(username); //判断

			//如果符合要求，设置输入框边框是正常，否则设置红色

			if(flag){
				$("#username").css("border","");
			}else{
				$("#username").css("border","1px solid red");
			}
			//alert(flag)
			return flag;
		}

		function checkPassword(){
			//判断密码输入框的值是否合法
			var username = $("#password").val();
			var reg =  /^\w{8,20}$/ ;

			var flag = reg.test(username); //判断
			if(flag){
				$("#password").css("border","");//无色框
			}else{
				$("#password").css("border","1px solid red");//红框
			}
			//alert(flag)
			return flag;
		}
		$(function () {
			// 判断两个输入框架的是否格式正确
			$("#username").blur(checkUserName);//输入框失去焦点
			// 如果正确，使用ajax发送请求到servlet
			$("#password").blur(checkPassword);

			//编写ajax请求

		})

	</script>

登录_前台_表单校验2

$("#btn_login").click(function () {
					//要求两个值正确，我们才做提交
					if(checkUserName()&&checkPassword()){
						var un = $("#username").val()
						var pw = $("#password").val()
						//alert(un+pw)
						//写提交
						$.ajax({
							url:"loginServlet",
							async:true,
							data:"username="+un+"&password="+pw,
							type:"post",
							dataType:"json",
							success:function (data) {
								alert(data)
							},
							error:function () {
								alert("服务器发生了错误")
							}
						});
					}
			})

登录后台_Servlet代码实现

LoginServlet

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //获取请求参数
        Map<String, String[]> map = request.getParameterMap();
        User u = new User();
        try {
            //参1 javaBean 参2 map
            BeanUtils.populate(u,map);//将map里面所有的参数赋值给javaBean
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
        //处理参数
        UserService userService = new UserService();
        int code = userService.login(u);
        //响应给浏览器 ajax 是响应json给浏览器就可以
        ResponseInfo info = new ResponseInfo();
        info.setCode(code);
        if(code == - 1){
            info.setData("用户不存在");
        }else  if(code ==  1){
            info.setData("登录成功");
        }else  if(code ==  -2){
            info.setData("账号密码出错");
        }else  if(code ==  -3){
            info.setData("账号未激活");
        }
        //转成json
        String json =new ObjectMapper().writeValueAsString(info);
        response.getWriter().println(json);
    }
}

过滤器

@WebFilter("/*")
public class CharchaterFilter implements Filter {
    public void init(FilterConfig filterConfig) throws ServletException {
    }

    public void doFilter(ServletRequest req, ServletResponse rep, FilterChain filterChain) throws IOException, ServletException {

       req.setCharacterEncoding("utf-8");
        // 处理响应乱码
        rep.setContentType("text/html;charset=utf-8");
        // 放行请求
        filterChain.doFilter(req,rep);
    }

    public void destroy() {

    }
}

login.jsp

$("#btn_login").click(function () {
                //要求两个值正确，我们才做提交
                if(checkUserName()&&checkPassword()){
                    var un = $("#username").val()
                    var pw = $("#password").val()
                    //alert(un+pw)
                    //写提交
                    $.ajax({
                        url:"loginServlet",
                        async:true,
                        data:"username="+un+"&password="+pw,
                        type:"post",
                        dataType:"json",
                        success:function (data) {
                           // alert(data)  {"code":1,"data":"登录成功"}
                            if(1 == data.code){
                                //跳转到主页 index.html
                                $("#errorMsg").html("");
                                window.location="index.html"
                            }else{
                                //显示在界面上
                                $("#errorMsg").html(data.data);
                            }
                        },
                        error:function () {
                            alert("服务器发生了错误")
                        }
                    });
                }
            })