封面
书名页
版权
前言
二维码索引
任务1 前端开发环境搭建
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、基础技术储备
  二、项目开发工具
  三、前端开发工具
 【任务实施】
  一、安装Vue基础工具
  二、构建Vue2项目并运行
  三、安装Element UI并引用组件
 【任务评价】
 【任务总结】
 【任务拓展】
任务2 应用Element组件设计用户管理页面
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、Container布局容器组件
  二、NavMenu导航菜单
  三、Table表格
 【任务实施】
  一、引用Element的Container为页面布局
  二、引用Element的NavMenu设计左侧导航栏
  三、引用Element的Dropdown设计Header顶部
  四、引用Element的Table表格设计Main主体内容
  五、运行项目
 【任务评价】
 【任务总结】
 【任务拓展】
任务3 后端开发环境搭建
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、版本兼容
  二、@Controller和@RestController
 【任务实施】
  一、初始化项目
  二、添加控制器及基于thymeleaf的前端配置并运行
  三、配置热部署
  四、同域内前、后端传值
 【任务评价】
 【任务总结】
任务4 基于MyBatis的后端数据操作
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、Spring Web MVC的概念
  二、后端开发三层架构的基本概念
  三、MVC和三层架构的区别和联系
  四、MyBatis概述
  五、@Mapper简介
 【任务实施】
  一、查询数据
  二、新增数据
  三、Postman的安装与使用
  四、更新数据
  五、删除数据
 【任务评价】
 【任务总结】
任务5 以XML配置方式动态实现数据操作
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、XML配置方式的基本概念
  二、XML配置的基本结构
 【任务实施】
  一、新建User.xml文件
  二、安装MyBatisX插件
  三、完善User.xml文件
  四、修改UserMapper接口
  五、运行测试Postman
  六、application.yml配置MyBatis
 【任务评价】
 【任务总结】
任务6 CorsConfig前、后端跨域连接
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、分页查询
  二、记录统计
  三、跨域概念
 【任务实施】
  一、后端实现分页查询
  二、后端获取总记录数
  三、前、后端数据跨域连接
 【任务评价】
 【任务总结】
任务7 前、后端传参对话
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、后端添加模糊查询
  二、查询结果分页
  三、@RequestBody和@RequestParam
 【任务实施】
  一、修改后端相关类
  二、前端home页面传递姓名参数
 【任务评价】
 【任务总结】
任务8 应用MyBatis-Plus框架
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、MyBatis-Plus概述
  二、BaseMapper接口
  三、ServiceImpl接口
  四、@MapperScan注解
 【任务实施】
  一、Spring Boot配置MyBatis-Plus框架
  二、MyBatis-Plus框架实现表单数据操作
 【任务评价】
 【任务总结】
任务9 Axios前、后端跨域数据交互
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
 【任务实施】
  一、基础Axios配置并查询数据
  二、新增数据
  三、更新数据
  四、删除数据
  五、批量删除数据
  六、设置baseURL
 【任务评价】
 【任务总结】
任务10 主界面设计
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、Vue组件
  二、Vue路由
 【任务实施】
  一、侧边导航栏优化为Aside.vue组件
  二、头部优化为Header.vue组件
  三、页面main区域升级为User.vue组件
  四、优化菜单栏
 【任务评价】
 【任务总结】
任务11 定义规范统一的返回接口Result和异常处理
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、接口统一返回规范的定义
  二、接口的统一返回规范的重要性
  三、接口统一返回规范的必要性
 【任务实施】
  一、新建统一返回类
  二、定义Constants接口
  三、定义Result类
  四、自定义异常
 【任务评价】
 【任务总结】
任务12 JWT+Spring Security实现基于Token的登录
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、JWT简介
  二、JWT的构成
  三、基于Token的鉴权机制
 【任务实施】
  一、设计Login页面
  二、后端登录接口
  三、前端调用接口实现登录
  四、集成JWT并实现Token认证
 【任务评价】
 【任务总结】
 【任务拓展】
任务13 菜单管理
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、权限菜单的概念
  二、菜单数据表的设计
 【任务实施】
  一、数据表的设计
  二、后端数据操作接口设计
  三、前端Menu.vue页面设计
  四、菜单图标设计
 【任务评价】
 【任务总结】
任务14 角色管理与权限管理
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、角色设计
  二、角色分配流程
  三、角色与权限的关系
 【任务实施】
  一、数据表设计
  二、后端数据操作接口设计
  三、前端Role.vue页面设计
  四、分配菜单
  五、用户角色设置
  六、运行项目
 【任务评价】
 【任务总结】
任务15 创建动态菜单与动态路由
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、用户登录流程
  二、动态菜单
  三、动态路由
  四、Vue状态管理
 【任务实施】
  一、修改后端登录接口
  二、修改前端登录的login方法
  三、实现动态路由及动态菜单
  四、Vue全局状态管理
  五、运行项目
 【任务评价】
 【任务总结】
任务16 应用Echarts图表的主页看板设计
 【任务描述】
 【任务目标】
 【素养目标】
 【关联知识】
  一、Echarts简介
  二、Echarts示例
 【任务实施】
  一、后端获取数据
  二、前端呈现数据
 【任务评价】
 【任务总结】
参考文献
封底