分析

在这里插入图片描述

登录功能实现UserService&UserDao

生成UserService与测试逻辑

测试逻辑

 @Test
    public void test01(){
    
    
        //将用户输入的账号密码传到后台
        UserService userService = new UserService();
        //查找用户数据
        User user = userService.findUserByName("jackrock");
        //查看对象
        if(user == null){
    
    
            System.out.println("不存在");
        }else{
    
    
            System.out.println("存在");
        }
         @Test
    public void test02(){
    
    
        //将用户输入的账号密码传到后台
        UserService userService = new UserService();
        //查找用户数据
        User user = new User();
        user.setUsername("jackrock");
        user.setPassword("12345678");
        user.setStatus("Y");
        int code = userService.login(user);
        System.out.println(code);

UserService

 public User findUserByName(String name) {
    
    
        //getMapper是mybatis,给接口生成实现类，将实现类对象返回
        UserDao userDao = MySessionUtils2.getMapper(UserDao.class);
        //根据用户名查找用户
        User user = userDao.findByName(name);
        MySessionUtils2.commitAndClose();
        return user;
    }

User

//用户数据
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 String status;
    private String code;

编写UserDao以及测试逻辑

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

UserDao

User findByName(String username);

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.wxx.dao.UserDao">
    <select id="findByName" parameterType="string" resultType="user">
        select * from tab_user where username = #{username}
    </select>
</mapper>

SqlMapConfig.xml配置映射文件

<mappers>
        <mapper resource="UserDao.xml"/>
    </mappers>

编写UserService的登录功能

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

ThreadLocal介绍

（1）在实际开发中，SqlSession属于Dao层代码，不允许出现在Service层中
删除Mybastis依赖
（2）ThreadLocal是什么？
java.lang.ThreadLocal 该类提供了线程局部 (thread-local) 变量，用于在当前线程中共享数据。
（3）有什么特点？
》1 ThreadLocal工具类底层就是一个Map，key存放的当前线程，value存放需要共享的数据。
》2 使用哪个线程存的，就只能使用哪个线程取

模拟ThreadLocal类
public class ThreadLocal{
    
    
private Map<Thread,Object> map = new HashMap<Thread,Object>();
public void set(Connection conn){
    
    
	map.put(Thread.currentThread(),conn); //以当前线程对象作为key
}
public Object get(){
    
    
	map.get(Thread.currentThread()); //只有当前线程才能取出value数据
}
}

测试

public class TestThreadLocal {
    
    
    private ThreadLocal<String> map = new ThreadLocal<String>();
    @Before
    public void test00(){
    
    
        System.out.println("Before");
        System.out.println(Thread.currentThread());
        map.set("hello");//map.put(Thread.currentThread(),"hello")
    }
    @Test
    public void test01(){
    
    
        System.out.println("Test");
        System.out.println(Thread.currentThread());
        System.out.println(map.get());map.get(Thread.currentThread())
    }
}

ThreadLocal改造MySessionUtils

public class MySessionUtils2 {
    
    
    private static SqlSessionFactory sessionFactory;
    //static 静态代码，在类加载的时候执行一次，且只执行一次
    static{
    
    
//  》1 创建SqlSessionFactoryBuilder对象
        SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilder();
// 》2 创建SqlSessionFactory对象
        InputStream inputStream = MySessionUtils2.class.getClassLoader().getResourceAsStream("SqlMapConfig.xml");
        sessionFactory = sqlSessionFactoryBuilder.build(inputStream);//加载核心配置文件 参1 输入流
//        》3 加载SqlMapConfig.xml配置文件
    }

    //A: 定义一个ThreadLocal集合，本质是Map<Thread,Object> map
    private   static ThreadLocal<SqlSession> map = new ThreadLocal<SqlSession>();

    public static SqlSession getSession() {
    
    

        //查找在local中，是否有对应的SqlSession
        SqlSession sqlSession = map.get(); //map.get(Thread.currentThread())

        if (sqlSession != null) {
    
    
            //有就直接返回给调用者使用
            return sqlSession;
        } else {
    
    

            //没有就创建一个新的，并且保存在local
            sqlSession = sessionFactory.openSession();
            //保存
            map.set(sqlSession);

            return sqlSession;
        }
    }

    public static void commitAndClose() {
    
    
        //将来进行写操作，之后需要提交，我们定义的方法
        SqlSession session = map.get();
        if (session != null) {
    
    
            session.commit();//提交
            session.close();//释放
            //已经关闭的session不能留在local
            //所以要删除
            map.remove();
        }
    }

    public static void rollbackAndClose() {
    
    
        //将来进行写操作，之后需要提交，我们定义的方法
        SqlSession session = map.get();
        if (session != null) {
    
    
            session.rollback();//回滚
            session.close();//释放
            //已经关闭的session不能留在local
            //所以要删除
            map.remove();
        }
    }

    public static <T> T getMapper(Class clz) {
    
    
        return (T) getSession().getMapper(clz);
    }
}

登陆前台-表单校验

实际项目中数据的格式都是在浏览器校验，why?
提升用户体验，并减轻服务器压力。
校验用户名 /^\w{8,20}$/ 单词字符，长度8到20位
校验密码 /^\w{8,20}$/ 单词字符，长度8到20位
校验密码邮箱 = /^\w+@\w+.\w+$/ 邮箱 [email protected]
正则表达式

正则表达式.test(字符串)
返回一个布尔值
	true 格式正确
	false 格式错误

<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

submit函数
控制表单是否提交，函数返回true，表单提交，返回false表单不提交
此处
在ajax提交，则写false
页面是一个带有submit按钮的form表单，可以拦截

<form id="loginForm" action="" method="post" accept-charset="utf-8">
...
	<input type="submit" value="登录">
</form>

$("#loginForm").submit(function () {
				alert("拦截下来")
				//写false，表示拦截
				return false;
			})

使用jquery编写ajax请求

$("#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("登录成功");
            //查找出用户数据
            User user = userService.findUserByName(u.getUsername());
            //保存到session中
            request.getSession().setAttribute("user",user);

        }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() {
    
    

    }
}

jsp支持EL表达式与jstl标签库

处理提示

  $("#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("服务器发生了错误")
                        }
                    });
                }
            })

JavaWeb旅游项目登陆功能

分析

登录功能实现UserService&UserDao

生成UserService与测试逻辑

编写UserDao以及测试逻辑

ThreadLocal介绍

ThreadLocal改造MySessionUtils

登陆前台-表单校验

登陆前台表单检验2

登陆后台Servlet实现

中文乱码使用过滤器

jsp支持EL表达式与jstl标签库

处理提示

猜你喜欢

JavaWeb旅游项目登陆功能

分析

登录功能实现UserService&UserDao

生成UserService与测试逻辑

编写UserDao以及测试逻辑

ThreadLocal介绍

ThreadLocal改造MySessionUtils

登陆前台-表单校验

登陆前台 表单检验2

登陆后台Servlet实现

中文乱码使用过滤器

jsp支持EL表达式与jstl标签库

处理提示

猜你喜欢

登陆前台表单检验2