1. 完善登录功能
1.1 问题分析
- 用户必须登录才能访问到系统内的页面，如果没有登陆，则跳转到登陆页面。
实现原理：
- 使用过滤器或者拦截器，在过滤器或者拦截器中判断用户是否已经完成登录，如果没有登录则跳转到登陆页面。
1.2 代码实现
实现步骤：
- 创建自定义过滤器LoginCheckFilter
- 在启动类上加入注解@ServletComponentScan
- 完善过滤器的处理逻辑
过滤器处理逻辑：
1. 获取本次请求的url
1. 判断本次请求是否需要处理
1. 如果不需要处理，则直接放行
1. 判断登陆状况，如果已登录，则直接放行
1. 如果未登录则返回未登录结果。
2. 新增员工
2.1 代码实现
执行步骤：
- 页面发送ajax请求，将新增员工页面中输入的数据以json的形式提交到服务端
- 服务端Controller接收页面提交的数据并调用Service将数据进行保存
- Service调用Mapper操作数据库，保存数据
1
2
3
4
5
| @PostMapping()
public R<String> save(@RequestBody Employee employee,HttpServletRequest request) {
employeeService.saveEmp(request,employee);
return R.success("新增员工成功");
}
|
1
2
3
4
5
6
7
8
9
10
11
| @Override
public void saveEmp(HttpServletRequest request,Employee employee) {
employee.setPassword(DigestUtils.md5DigestAsHex("123456".getBytes()));
employee.setCreateTime(LocalDateTime.now());
employee.setUpdateTime(LocalDateTime.now());
Employee emp = (Employee)request.getSession().getAttribute("emp");
log.info("emp{}",emp);
employee.setCreateUser(emp.getId());
employee.setUpdateUser(emp.getId());
return employeeMapper.insert(employee);
}
|
2.2 设置全局异常捕获
捕获添加重复用户时抛出的异常，并返回响应。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| @ControllerAdvice(annotations = {RestController.class, Controller.class})
@ResponseBody
@Slf4j
public class GlobalExceptionHandler {
@ExceptionHandler(SQLIntegrityConstraintViolationException.class)
public R<String> exceptionHandler(SQLIntegrityConstraintViolationException ex){
log.info("异常为{}",ex.getMessage());
if(ex.getMessage().contains("Duplicate entry")){
String[] s = ex.getMessage().split(" ");
String msg = s[2] + "已存在";
return R.error(msg);
}
return R.error("未知错误");
}
}
|
3. 员工信息分页查询
3.1 需求分析
由于数据较多，需要以分页的形式展示数据。
3.2 代码开发
程序执行流程
- 页面发送ajax请求，将分页查询参数（page，pageSize，name）提交到服务端。
- 服务端Controller接受页面提交的数据并调用Service查询数据。
- Service调用Mapper操作数据库，查询分页数据。
- Controller将查询的分页数据响应到页面。
- 页面接收到分页数据并通过Element UI的Table组件展示到页面上。
1
2
3
4
5
6
|
@GetMapping("/page")
public R<Page> page(int page,int pageSize,String name){
Page pageInfo = employeeService.EmpPage(page, pageSize, name);
return R.success(pageInfo);
}
|
1
2
3
4
5
6
7
8
9
10
11
|
@Override
public Page EmpPage(int page, int pageSize, String name) {
Page pageInfo = new Page(page, pageSize);
LambdaQueryWrapper<Employee> wrapper = new LambdaQueryWrapper<>();
wrapper.like(StringUtils.isNotEmpty(name),Employee::getName,name);
wrapper.orderByDesc(Employee::getUpdateTime);
page(pageInfo,wrapper);
return pageInfo;
}
|
MP分页配置
1
2
3
4
5
6
7
8
9
10
| @Configuration
public class MyBatisPlusConfig {
@Bean
public MybatisPlusInterceptor mybatisPlusInterceptor(){
MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor();
mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());
return mybatisPlusInterceptor;
}
}
|
分页查询优化
随着查询记录越来越多或偏移量越来越大，查询的速度也会变慢。
4. 启动/禁用员工账号
4.1 需求分析
账号禁用的员工不能登录账号，启用后的员工可以正常登录。
只有管理员可以对其他普通用户进行启用/禁用操作。
4.2 代码开发
程序执行过程：
- 页面发送ajax请求，将参数（id、status）提交到服务端。
- 服务端controller接受页面提交的数据并调用service更新数据。
service调用mapper操作数据库。
1
2
3
4
5
6
|
@PutMapping
public R<String> updateStatus(HttpServletRequest request,@RequestBody Employee employee){
employeeService.updateStatus(request,employee);
return R.success("用户状态更新成功");
}
|
1
2
3
4
5
6
7
8
9
10
11
12
|
@Override
public void updateStatus(HttpServletRequest request, Employee employee) {
Employee emp = (Employee) request.getSession().getAttribute("emp");
Long userId = emp.getId();
employee.setUpdateUser(userId);
employee.setUpdateTime(LocalDateTime.now());
this.updateById(employee);
}
|
4.3 存在问题及修复
js对long型数据进行处理时会丢失精度，导致提交的id和数据库中的id不一致。
解决方法：
在服务端给页面响应json数据时进行处理，将long转换成String类型。
- 提供对象转换器JacksonObjectMapper，基于jsckson进行Java对象到json数据的转换。
- 在WebMvcConfig的配置类中扩展Spring mvc的消息转换器，在此消息转换器中使用提供的对象转换器进行java对象到json数据的转换。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
public class JacksonObjectMapper extends ObjectMapper {
public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";
public JacksonObjectMapper() {
super();
this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);
this.getDeserializationConfig().withoutFeatures(FAIL_ON_UNKNOWN_PROPERTIES);
SimpleModule simpleModule = new SimpleModule()
.addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
.addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
.addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))
.addSerializer(BigInteger.class, ToStringSerializer.instance)
.addSerializer(Long.class, ToStringSerializer.instance)
.addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
.addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
.addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));
this.registerModule(simpleModule);
}
}
|
1
2
3
4
5
6
7
8
9
10
11
| @Override
protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
messageConverter.setObjectMapper(new JacksonObjectMapper());
converters.add(0,messageConverter);
super.extendMessageConverters(converters);
}
|
5. 编辑员工信息
5.1 需求分析
在员工管理列表页面点击编辑，跳转到编辑页面，在编辑页面回显信息并进行编辑，提交完成编辑。
5.2 代码开发
执行流程：
- 点击编辑按钮，跳转到add页面，并在url携带员工id
- 在add页面发送ajax请求，查询携带id的信息。
- 服务端接收请求，以json形式返回给页面。（信息回显）
- 点击保存按钮，发送ajax请求，将当前页面的员工信息以json形式发送给服务端。
- 服务端接收员工信息，并进行处理， 完成后给页面响应。
1
2
3
4
5
6
|
@GetMapping("/{id}")
public R<Employee> getById(@PathVariable Long id){
Employee employee = employeeService.getById(id);
return R.success(employee);
}
|
注： 本项目中，更新和新增用统一页面方法。前端根据是否有传递id来判断。
