JavaWeb登录功能

最新推荐文章于 2024-04-24 19:11:43 发布

syy567

最新推荐文章于 2024-04-24 19:11:43 发布

阅读量2.7k

点赞数 1

文章标签： ajax js java

本文链接：https://blog.csdn.net/syy567/article/details/108932100

版权

利用JavaWeb开发一个旅游项目的登录功能。

后台代码

实体类User.java

个人习惯，先准备好实体类User.class

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;
    }

TestUserService.java

@Test
    public void test01(){
        //将用户输入账号与密码发到后台
        UserService userService = new UserService();
        //1:查找用数据
        User user = userService.findUserByName("jackhello");
        //2:根据数据， 正确，错误，不存在。
        if (user == null){
            System.out.println("不存在");
        }else{
            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("注册，已激活，密码对");
        }
    }

UserService

编写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;//已激活
            }
        }
    }

UserDaoTest.java

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.java

public interface UserDao {
User findByName(String name);
}

UserDao.xml

public interface UserDao {
    //select * from tab_user where username = 'jackhello'
    User findByName(String name);
}

SqlMapConfig.xml

<!--   一个mapper标签可以指定一个映射文件-->
    <mappers>
        <mapper resource="com/syy/dao/UserDao.xml"/>
    </mappers>

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);

    }
}

MySessionUtils2.java

//Session工具类
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();
        }
    }
}

登录_前台代码

校验一

（0）实际项目中数据的格式都是在浏览器校验，why?
提升用户体验，并减轻服务器压力。
（1）校验用户名 /^\w{8,20} $KaTeX parse error: Undefined control sequence: \w at position 26: …到20位（2）校验密码 /^\̲w̲{8,20}$ / 单词字符，长度8到20位
（3）校验密码邮箱 = /^\w+@\w+.\w+$/ 邮箱 xxx@qq.com
login.jsp

<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>

submit函数：控制表单是否提交，函数返回true，表单提交；返回false，表单不提交。

校验二

login.jsp

<from id="loginForm" action="" method="post" accept-charset="utf-8">
		用户名：<input id="username" type="text" name="username" /></p>
		密 码：<input id="password" type="text" name="password" /></p>
		<input type="submit" value="登录">
</from>

在ajax提交，则写false
页面是一个带有submit按钮的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代码实现

Servlet只做三件事:
接受请求获取参数
处理参数
将结果响应给浏览器

LoginServlet.java

@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);
    }
}

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

syy567

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb登录功能

利用JavaWeb开发一个旅游项目的登录功能。后台代码实体类User.java个人习惯，先准备好实体类User.classpublic class User { private int uid; private String username; private String password; private Date birthday; private String name; private String sex; private Stri
复制链接

扫一扫