〖课程介绍〗:
现如今前端的边界在持续扩大,企业对于工具化、平台化、全栈化能力要求也越来越高。本课程将应用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo开发一个通用后台管理系统,带大家掌握全栈开发能力,及真正落地的综合技术能力。
〖课程目录〗:
第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章 前台首页实现
本章中,我们一起来实现首页完整的功能。包含欢迎页面布局实现、侧边栏菜单功能、菜单递归算法、面包屑导航实现等等。
共 6 节 (54分钟) 收起列表
5-1 欢迎页面实现 (10:44)
5-2 菜单交互及递归实现(上) (12:19)
5-3 菜单交互及递归实现(下) (11:08)
5-4 面包屑实现 (13:39)
5-5 知识补充 (05:41)
5-6 【知识点梳理】本章重难点总结
第6章 JWT方案讲解 试看
本章将向大家介绍何为JWT,以及结合本项目JWT的整体实现和设计方案。
共 3 节 (52分钟) 收起列表
6-1 JWT理论介绍 (10:27)试看
6-2 通过jwt生成token (20:01)
6-3 Token拦截 (20:51)
〖视频截图〗: