环境搭建
导入数据
创建数据库,导入sql文件。
创建Maven项目
导入pom.xml对应依赖(仅展示部分)
出现报错:
原因:应该是SpringApplication.run,写错了。
将前端资源引入
复制到resources目录下
编写配置类WebMvcConfig,继承WebMvcConfigurationSupport,重写addResourceHandlers方法。将resources目录下的资源实现静态映射。
代码修改后依然出现无法访问的问题,需要打开终端,执行mvn clean指令mvn compile指令,重新运行项目即可访问到。
实现登陆功能
首先查看前后端接口
点击登录,查看到接口为:/employee/login,请求方式为post
查看前端代码,可以看到需要返回code,data,msg等信息。
可以看到接口与请求方法与上面的图相同。
创建实体类
需要注意,其中的属性命名与数据库中字段相对应
由于在application.xml文件中设定
举例:
创建mapper
![](https://img-blog.csdnimg.cn/direct/c000733d3d8e4fa3a906e2f07506b60f.png)
创建service
![](https://img-blog.csdnimg.cn/direct/97ce8685bcb54dcb960c7ba172b3be58.png)
创建serviceImpl
创建controller类
创建通用服务返回结果类
![](https://img-blog.csdnimg.cn/direct/0cee848e10b74498a136f01ad5b987df.png)
创建登录方法
记得加@PostMapping注解,里面加上"/login"。参数中@RequestBody用来获取JSON数据。登录流程如下:首先对获取的密码进行MD5加密, 再根据用户名查询数据库查看是否有该用户,判断密码是否正确,判断用户状态是否正常。最后将用户信息保存至session,并返回成功信息。
注意密码的判断要使用equals方法
实现退出方法
先查看前端代码,看到接口为/employee/logout,且请求方式为post。
退出流程:清除掉session中的employee,返回退出结果。页面跳转已经在前端代码中实现。