Vue3+ElementPlus+Koa2 全栈开发后台系统
现如今前端的边界在持续扩大,企业对于工具化、平台化、全栈化能力要求也越来越高。本课程将应用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo开发一个通用后台管理系统,带大家掌握全栈开发能力,及真正落地的综合技术能力。
技术要求
1. 熟悉HTML、 CSS和JavaScript编程
2.有了一定Vue基础和Vue的实际开发经验
3.已经具备Node.js、npm的使用经验
环境参数
脚手架:@vue/cli 4.5.9 ;全家桶:vue@3.0.5;vue-router@4.0.4;vuex@4.0.0
UI框架:element-plus@1.0.2-beta.32;构建工具:vite 2.0.1 ;css预编译:sass@1.32.8
章节目录:
第1章 项目规划 试看
本章将向大家介绍,一个常规项目在团队内的开发流程、成员分工以及如何理解通用后台,最后会给大家讲解Vue3核心知识点,带你做好储备。
共 7 节 (74分钟) 收起列表
1-1 课前须知,这里有你需要了解得一切 (13:00) 试看
1-2 项目开发流程 (17:55)
1-3 作业节
1-4 如何理解通用后台 (11:33)
1-5 需求介绍 (13:17)
1-6 Vue3直通车 (17:19)
1-7 【知识点梳理】本章重难点总结
第2章 前端架构设计 试看
本章将向大家介绍,如何从0搭建标准的前端架构设计。会基于vite2.0构建,使用最新版本脚手架,同时也会涉及,项目构建时目录规范、路由封装、环境配置、axios高复用、主页结构布局等。
共 13 节 (145分钟) 收起列表
2-1 项目初始化--全局Vue脚手架&Vite创建项目 (16:41)
2-2 项目初始化--插件安装 (06:03)
2-3 目录结构规范 (11:45)
2-4 路由封装(上) (16:16) 试看
2-5 路由封装(下) (07:04)
2-6 环境配置 (16:25)
2-7 axios二次封装(上) (15:11)
2-8 axios二次封装(下) (12:29)
2-9 storage二次封装 (20:02)
2-10 主页结构布局 (22:15)
2-11 【知识点梳理】本章重难点总结--环境配置&目录规范
2-12 【知识点梳理】本章重难点总结--路由封装
2-13 作业节
第3章 Koa架构设计
本章将带领大家完成,如何从0构建标准的Koa2项目。包含:Koa2初始化、项⽬分析、Mongo安装配置、Mongo语法讲解、接口文档设计、日志规范、工具函数封装等。
共 17 节 (100分钟) 收起列表
3-1 【资料梳理】Koa2项目初始化操作
3-2 项目结构分析 (11:29)
3-3 应用log4js进行日志规范封装(上) (05:16)
3-4 应用log4js进行日志规范封装(下) (22:02)
3-5 Window下Mongo安装和配置 (13:20)
3-6 Mac下Mongo安装和配置 (05:51)
3-7 【资料梳理】Windows下Mongo安装配置
3-8 Mongo基础入门 (12:28)
3-9 【资料梳理】数据库表结构
3-10 接口文档设计 (20:53)
3-11 【资料梳理】接口文档---用户管理
3-12 【资料梳理】接口文档---菜单管理
3-13 【资料梳理】接口文档---部门管理
3-14 【资料梳理】接口文档---角色管理
3-15 【资料梳理】接口文档---审批管理
3-16 工具函数封装 (08:11)
3-17 【资料梳理】Mac下Mongo安装配置
第4章 用户登录前后台实现
本章将带领大家一起来实现完整登录功能,包含前端、后台和联调实现。
共 3 节 (59分钟) 收起列表
4-1 登录布局开发 (13:36)
4-2 登录交互开发 (20:02)
4-3 用户登录后台实现 (24:38)
第5章 前台首页实现
本章中,我们一起来实现首页完整的功能。包含欢迎页面布局实现、侧边栏菜单功能、菜单递归算法、面包屑导航实现等等。
共 8 节 (81分钟) 收起列表
5-1 欢迎页面实现 (10:36)
5-2 首页菜单功能实现(上) (13:26)
5-3 首页菜单功能实现(下) (15:20)
5-4 菜单交互及递归实现(上) (11:56)
5-5 菜单交互及递归实现(下) (10:33)
5-6 面包屑实现 (12:54)
5-7 知识补充 (05:41)
5-8 【知识点梳理】本章重难点总结
第6章 JWT方案讲解 试看
本章将向大家介绍何为JWT,以及结合本项目JWT的整体实现和设计方案。
共 4 节 (50分钟) 收起列表
6-1 JWT理论介绍 (10:27) 试看
6-2 通过jwt生成token (19:39)
6-3 Token拦截 (19:49)
6-4 【知识点梳理】本章重难点总结
第7章 用户管理前后端实现
本章将带领大家一起完成用户管理模块功能。包含:用户管理静态布局、交互,列表、删除/批量删除、新增、编辑等前后端功能实现,同时做好前后端接⼝联调。
共 12 节 (216分钟) 收起列表
7-1 用户管理列表实现(上) (14:52)
7-2 用户管理列表实现(下) (16:11)
7-3 用户列表交互实现 (20:56)
7-4 用户删除和批量删除 (19:38)
7-5 用户新增实现 (26:12)
7-6 用户新增交互实现 (30:52)
7-7 用户编辑交互实现 (07:45)
7-8 用户列表接口实现&联调 (32:47)
7-9 用户删除接口实现&联调 (15:38)
7-10 用户编辑接口实现&联调 (11:40)
7-11 用户新增接口实现 (19:29)
7-12 【知识点梳理】本章重难点总结
第8章 菜单模块前后端实现
本章中,我们一起来完成菜单模块前后端逻辑实现。包含菜单树结构组装、菜单列表、删除、新增、编辑功能前后端实现。
共 8 节 (118分钟) 收起列表
8-1 菜单列表实现 (25:06)
8-2 菜单新增实现(上) (15:40)
8-3 菜单新增实现(下) (15:44)
8-4 菜单编辑&删除实现 (09:02)
8-5 菜单编辑、删除、创建服务端实现 (23:22)
8-6 菜单列表递归实现(上) (13:32)
8-7 菜单列表递归实现(下) (14:59)
8-8 【知识点梳理】本章重难点总结
第9章 ⻆色管理前后端实现
本章中,我们将一起来完成⻆色管理模块前后端逻辑实现。包含:⻆色新建、编辑、删除、权限设置、权限点遍历等功能。
共 9 节 (130分钟) 收起列表
9-1 角色列表实现 (19:09)
9-2 角色操作(创建、编辑、删除) (18:28)
9-3 权限设置(上) (13:38)
9-4 权限设置(下) (15:57)
9-5 权限列表递归处理 (13:56)
9-6 角色列表后台实现 (23:10)
9-7 角色创建、编辑、删除后台实现 (15:36)
9-8 角色列表权限展示实现 (09:18)
9-9 【知识点梳理】本章重难点总结
第10章 部门管理前后端实现
本章中,我们一起来完成部门管理模块前后端逻辑实现。包含:部门新建、编辑、删除等功能。
第11章 工作流设计
本章中,将向大家介绍行业内常用的工作流形态以及本次课程所涉及到的审批流,工作流实现时需要掌握的理论知识、相关概念等,引导大家有一个全面的认识。
第12章 休假申请前后端实现
本章中,我们一起来完成休假申请模块前后端逻辑实现,并会结合部门管理菜单,设计一套标准的审批流。
第13章 待我审批前后端实现
在这一章中,我们一起来完成待审批模块前后端逻辑实现,并结合部门管理菜单,实现标准的审核功能。
第14章 造轮子
项目开发完成后,我们会重点讲解在人力短缺的工作中,如何提效,如何优化重构模块,我们会重点开发脚手架和低代码组件来实现降本增效。
第15章 课程总结
本章中,我们会针对课程中得重难点知识进行梳理、重点模块内容总结,进一步帮助大家理清思路。
下载地址:
|