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

需求分析

点击登录按钮后,浏览器以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

经验分享 程序员 微信小程序 职场和发展