1. 将自己的项目改造为基于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中写接口文档。