瑞吉外卖:后台系统登录和退出功能

需求分析

点击登录按钮后,浏览器以POST方式向employee/login提交usernamepassword,服务器经过处理后向浏览器返回某种格式的数据,其中包含:

  • code:登录状态码
  • data:用户信息
  • msg:失败原因

登录成功后点击退出按钮,清理session中的用户id,返回到登录页面

代码开发

创建实体类

创建实体类Employee,与数据库中的表employee进行映射,直接导入写好的java文件到entity目录
在这里插入图片描述application.yml中开启映射时的命名转换

在这里插入图片描述

导入返回结果类R

R是一个通用结果类,所有服务器返回的数据都包装为此种类型返回给前端。
在这里插入图片描述

controller、service与mapper

  • controller调用ServiceImpl里封装好的方法为浏览器提供访问服务。
  • service提供业务逻辑使用的方法,其实现在ServiceImpl中。
  • mapper为ServiceImpl提供了操作数据的方法,具体实现的SQL语句在xml文件中。

login.html

在这里插入图片描述
valid是密码位数校验
通过校验后页面登录按钮显示为登陆中

下图为Spring框架将后端返回的R对象转成的json,返回到浏览器,也即下文的res
在这里插入图片描述
若res中code为1,则表示登录成功,
将res的data转json存到localStorage中
在这里插入图片描述
如果登录失败,则提取res的msg显示在页面上。
在这里插入图片描述

在这里插入图片描述

防止非法访问

目前即使不登录也能访问到index.html,所以需要使用过滤器或者拦截器判断用户是否完成登录,未完成则转到login.html

猜你喜欢

转载自blog.csdn.net/weixin_43249758/article/details/130442564