0


SpringBoot + layui 框架实现一周免登陆功能

在这里插入图片描述

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。
🍎个人主页:Java Fans的博客
🍊个人信条:不迁怒,不贰过。小知识,大智慧。
💞当前专栏:SpringBoot 框架从入门到精通
✨特色专栏:国学周更-心性养成之路
🥭本文内容:SpringBoot + layui 框架实现一周免登陆功能

在这里插入图片描述
要实现一周免登录功能,您可以使用Spring Boot和Layui框架配合完成。以下是一种可能的实现方式:

创建一个名为User的实体类,用于表示用户信息,其中包含用户的用户名和密码等字段,以及用于标记用户是否选择一周免登陆的rememberMe字段。

@Entity@Table(name ="users")publicclassUserimplementsSerializable{@Id@GeneratedValue(strategy =GenerationType.IDENTITY)privateLong id;@Column(unique =true, nullable =false)privateString username;@Column(nullable =false)privateString password;privateboolean rememberMe;// Getters and Setters// ...}

创建一个名为UserRepository的接口,用于对User实体进行数据库操作。

@RepositorypublicinterfaceUserRepositoryextendsJpaRepository<User,Long>{UserfindByUsername(String username);}

创建一个名为UserService的服务类,用于处理用户相关的业务逻辑。在这个类中,添加一个方法用于验证用户的登录,并根据用户是否选择一周免登陆来设置相关的Cookie。

@ServicepublicclassUserService{privateUserRepository userRepository;@AutowiredpublicvoidsetUserRepository(UserRepository userRepository){this.userRepository = userRepository;}publicbooleanlogin(String username,String password,boolean rememberMe,HttpServletResponse response){User user = userRepository.findByUsername(username);if(user !=null&& user.getPassword().equals(password)){if(rememberMe){// 设置一周免登陆的Cookie,有效期为7天Cookie cookie =newCookie("rememberMe","true");
                cookie.setMaxAge(7*24*60*60);// 7天的秒数
                cookie.setPath("/");
                response.addCookie(cookie);
                user.setRememberMe(true);
                userRepository.save(user);}returntrue;}returnfalse;}}

创建一个名为LoginController的控制器类,用于处理用户登录的请求。

@ControllerpublicclassLoginController{privateUserService userService;@AutowiredpublicvoidsetUserService(UserService userService){this.userService = userService;}@RequestMapping("/login")publicStringlogin(String username,String password,boolean rememberMe,HttpServletResponse response){if(userService.login(username, password, rememberMe, response)){return"redirect:/home";// 登录成功后跳转到主页}return"redirect:/login?error";// 登录失败跳转回登录页面,并带上错误参数}}

在对应的登录页面中使用Layui框架的表单组件,将用户名、密码和记住我选项组织成一个表单,并向LoginController的登录请求发送POST请求。

<!DOCTYPEhtml><html><head><title>登录</title><!-- 引入Layui的相关资源 --><linkrel="stylesheet"href="https://cdn.staticfile.org/layui/2.5.4/css/layui.min.css"><scriptsrc="https://cdn.staticfile.org/layui/2.5.4/layui.min.js"></script></head><body><divclass="layui-container"><formclass="layui-form"action="/login"method="post"><divclass="layui-form-item"><labelclass="layui-form-label">用户名</label><divclass="layui-input-block"><inputtype="text"name="username"lay-verify="required"autocomplete="off"placeholder="请输入用户名"class="layui-input"></div></div><divclass="layui-form-item"><labelclass="layui-form-label">密码</label><divclass="layui-input-block"><inputtype="password"name="password"lay-verify="required"autocomplete="off"placeholder="请输入密码"class="layui-input"></div></div><divclass="layui-form-item"><divclass="layui-input-block"><inputtype="checkbox"name="rememberMe"title="记住我"lay-skin="primary"><buttonclass="layui-btn"lay-submitlay-filter="formDemo">登录</button></div></div></form></div><script>
        layui.use(['form'],function(){var form = layui.form;// 表单验证
            form.verify({required:function(value, item){if(value.length <1){return'该项不能为空';}}});// 监听表单提交
            form.on('submit(formDemo)',function(data){// 获取表单数据并提交var username = data.field.username;var password = data.field.password;var rememberMe = data.field.rememberMe ==='on';// 发送AJAX请求提交登录表单
                $.ajax({url:'/login',type:'POST',data:{username: username,password: password,rememberMe: rememberMe
                    },success:function(res){// 登录成功后的逻辑处理if(res.success){
                            window.location.href ='/home';}else{
                            layer.msg(res.message,{icon:2});}},error:function(){
                        layer.msg('服务器错误',{icon:2});}});returnfalse;// 阻止表单提交});});</script></body></html>

在上述代码中,我们使用了Layui的form模块进行表单的验证和提交。form.verify()函数用于定义表单字段的验证规则,这里只提供了一个required规则作为示例。

form.on(‘submit(formDemo)’, function(data) {})函数用于监听表单提交事件,并在提交时使用AJAX发送登录请求。提交成功后,根据服务器的响应进行相应的处理。


  码文不易,本篇文章就介绍到这里,如果想要学习更多Java系列知识点击关注博主,博主带你零基础学习Java知识。与此同时,对于日常生活有困扰的朋友,欢迎阅读我的第四栏目:《国学周更—心性养成之路》,学习技术的同时,我们也注重了心性的养成。

在这里插入图片描述


本文转载自: https://blog.csdn.net/hh867308122/article/details/132225310
版权归原作者 Java Fans 所有, 如有侵权,请联系我们删除。

“SpringBoot + layui 框架实现一周免登陆功能”的评论:

还没有评论