- 将自己的项目改造为基于vue-cli脚手架的项目，页面有导航，学会使用router。
<el-aside width="200px" style="background-color: aliceblue;">
<el-menu :default-openeds="['1']" style="background-color:rgb(163, 189, 234) ;">
<el-sub-menu index="1">
<template #title>
<el-icon><message /></el-icon>Navigator One
</template>
<el-menu-item index="1-1" style="font-size: 20px;background-color: rgb(162, 191, 243);">
<router-link to="/element">学生信息管理</router-link>
</el-menu-item>
<el-menu-item index="1-2" style="font-size: 20px;background-color: rgb(142, 177, 237);">
<router-link to="/emp">学生成绩管理</router-link>
</el-menu-item>
</el-sub-menu>
</el-menu>
</el-aside>
2.编写登录页面，让自己的页面有权限管理功能。
LoginController部分代码：
@Slf4j
@RestController
public class LoginController {
@Autowired
private EmpService empService;
@PostMapping("/login")
public Result login(@RequestBody Emp emp){
log.info("员工登录: {}", emp);
Emp e = empService.login(emp);
//登录成功,生成令牌,下发令牌
if (e != null){
Map<String, Object> claims = new HashMap<>();
claims.put("id", e.getId());
claims.put("name", e.getName());
claims.put("username", e.getUsername());
String jwt = JwtUtils.generateJwt(claims); //jwt包含了当前登录的员工信息
return Result.success(jwt);
}
//登录失败, 返回错误信息
return Result.error("用户名或密码错误");
}
}
SessionController部分代码
@GetMapping("/s1")
public Result session1(HttpSession session){
log.info("HttpSession-s1: {}", session.hashCode());
session.setAttribute("loginUser", "tom"); //往session中存储数据
return Result.success();
}
@GetMapping("/s2")
public Result session2(HttpServletRequest request){
HttpSession session = request.getSession();
log.info("HttpSession-s2: {}", session.hashCode());
Object loginUser = session.getAttribute("loginUser"); //从session中获取数据
log.info("loginUser: {}", loginUser);
return Result.success(loginUser);
}
3.开始尝试用markdown格式在vs code中写接口文档。
