layui项目-登录&分页

最新推荐文章于 2023-12-20 14:05:07 发布

wzw_jiexika

最新推荐文章于 2023-12-20 14:05:07 发布

阅读量627

点赞数

分类专栏：项目文章标签： java

本文链接：https://blog.csdn.net/wzw_jiexika/article/details/107963722

版权

本文介绍了在layui项目中实现登录页和分页功能的详细步骤。首先，登录页引入了所需的js和样式文件，并使用layui布局。通过servlet处理登录逻辑，包括验证、获取验证码和跳转到后台主页。在后台主页中，使用PageServlet管理页面跳转，展示用户列表。文章还列举并解决了在开发过程中遇到的三个主要问题：1) 数据库查询时别名使用错误导致查询结果为null；2) 前台接收到的json数据乱码；3) layer弹框内容显示异常。

摘要由CSDN通过智能技术生成

1.登录页的引入

登录页使用了第三方的星空页面,注意几个点
1.1引入页面需要的js文件和样式文件

<!--引入登录页 "星空粒子" js-->
<script src="static/js/particles.min.js"></script>
<!--登录页调整星空粒子间隔,坐标...-->
<script src="static/js/app.js"></script>
<link rel="stylesheet" media="screen" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/reset.css"/>

1.2页面使用了layui的布局
引入layui样式和js

<script src="static/layui/layui.js"></script>
<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css"/>

**1.3登录页面完成的内容
1.3.1登录并转向后台首页
**
servlet-登陆

protected void login(HttpServletRequest req, HttpServletResponse resp){
   
 //1.拿到页面提交参数
 String userName = req.getParameter("userName");
 String password = req.getParameter("password");
 String checkCode = req.getParameter("checkCode");
 //2.从session获取 验证码
 Object code = req.getSession().getAttribute("checkCode");
 if(!StrUtil.equalsIgnoreCase(checkCode,""+code)){
   
 //比较验证码时,忽略了大小写 .如果 session取出的验证码和 手动输入的不一样.则提示
 JsonData jsonData = JsonData.buildError("验证码错误");
 //将json数据写出到客户,显示
 PrintJsonData.printJson(resp,jsonData);
 return;
 }
 //3.验证码正确,执行业务层登陆
 JsonData jsonData = userService.login(userName,password);
 //4.将用户存入session
 if(jsonData.getData()!=null){
   
 req.getSession().setAttribute("user",jsonData);
 }
 //5.将结果输出到客户端
 PrintJsonData.printJson(resp,jsonData);
 }