瑞吉外卖:后台系统登录和退出功能
需求分析
点击登录按钮后,浏览器以POST方式向employee/login提交username和password,服务器经过处理后向浏览器返回某种格式的数据,其中包含:
-
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