需求分析

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