资源简介
现如今前端的边界在持续扩大,企业对于工具化、平台化、全栈化能力要求也越来越高。本课程将应用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo开发一个通用后台管理系统,带大家掌握全栈开发能力,及真正落地的综合技术能力。
Element Plus
,一套为开发者、设计师和产品经理准备的基于 Vue 3.0
的桌面端组件库。
到目前为止,Element每月已经获得了48800个Github Stars和100万NPM下载量。超过530位来自社区的贡献者已经作出4400个承诺,参与我们的团队的维护。Element Plus for Vue 3.0
,Vue于2020年9月发布了3.0版本。为了支持最新的Vue 3.0语法,Element UI有机会发布一个包含大量内部更改和改进的新主要版本。经过23个alpha版本的开发,我们很高兴地宣布,Element Plus
的Vue 3.0测试版今天发布了!
Koa2
一个简约、扩展性强,基于Node.js平台的web开发框架。
课程目录
第1章 项目规划 试看 本章将向大家介绍,一个常规项目在团队内的开发流程、成员分工以及如何理解通用后台,最后会给大家讲解Vue3核心知识点,带你做好储备。 共 7 节 (74分钟) 展开列表 第2章 前端架构设计 试看 本章将向大家介绍,如何从0搭建标准的前端架构设计。会基于vite2.0构建,使用最新版本脚手架,同时也会涉及,项目构建时目录规范、路由封装、环境配置、axios高复用、主页结构布局等。 共 13 节 (145分钟) 展开列表 第3章 Koa架构设计 本章将带领大家完成,如何从0构建标准的Koa2项目。包含:Koa2初始化、项⽬分析、Mongo安装配置、Mongo语法讲解、接口文档设计、日志规范、工具函数封装等。 共 17 节 (100分钟) 展开列表 第4章 用户登录前后台实现 本章将带领大家一起来实现完整登录功能,包含前端、后台和联调实现。 共 3 节 (59分钟) 展开列表 第5章 前台首页实现 本章中,我们一起来实现首页完整的功能。包含欢迎页面布局实现、侧边栏菜单功能、菜单递归算法、面包屑导航实现等等。 共 8 节 (81分钟) 展开列表 第6章 JWT方案讲解 试看 本章将向大家介绍何为JWT,以及结合本项目JWT的整体实现和设计方案。 共 4 节 (50分钟) 展开列表 第7章 用户管理前后端实现 本章将带领大家一起完成用户管理模块功能。包含:用户管理静态布局、交互,列表、删除/批量删除、新增、编辑等前后端功能实现,同时做好前后端接⼝联调。 共 12 节 (216分钟) 展开列表 第8章 菜单模块前后端实现 本章中,我们一起来完成菜单模块前后端逻辑实现。包含菜单树结构组装、菜单列表、删除、新增、编辑功能前后端实现。 共 8 节 (118分钟) 展开列表 第9章 ⻆色管理前后端实现 本章中,我们将一起来完成⻆色管理模块前后端逻辑实现。包含:⻆色新建、编辑、删除、权限设置、权限点遍历等功能。 共 9 节 (130分钟) 展开列表(更新位置) 第10章 部门管理前后端实现 本章中,我们一起来完成部门管理模块前后端逻辑实现。包含:部门新建、编辑、删除等功能。 第11章 工作流设计(20210603更新位置) 本章中,将向大家介绍行业内常用的工作流形态以及本次课程所涉及到的审批流,工作流实现时需要掌握的理论知识、相关概念等,引导大家有一个全面的认识。 第12章 休假申请前后端实现 本章中,我们一起来完成休假申请模块前后端逻辑实现,并会结合部门管理菜单,设计一套标准的审批流。 第13章 待我审批前后端实现 在这一章中,我们一起来完成待审批模块前后端逻辑实现,并结合部门管理菜单,实现标准的审核功能。 第14章 造轮子 项目开发完成后,我们会重点讲解在人力短缺的工作中,如何提效,如何优化重构模块,我们会重点开发脚手架和低代码组件来实现降本增效。 第15章 课程总结 本章中,我们会针对课程中得重难点知识进行梳理、重点模块内容总结,进一步帮助大家理清思路。
资源目录
01MOOC/056-502-Vue3+ElementPlus+Koa2 全栈开发后台系统 (13)/ ├──第10章 部门管理前后端实现 | ├──10-1 部门列表实现.mp4 129.68M | ├──10-2 部门创建、编辑删除实现(上).mp4 140.41M | ├──10-3 部门创建、编辑删除实现(下).mp4 144.14M | ├──10-4 部门创建、编辑、删除后台实现.mp4 189.19M | └──10-5 部门列表递归实现.mp4 105.41M ├──第11章 工作流设计 | ├──11-1 权限&工作流介绍.mp4 28.21M | ├──11-2 动态菜单渲染实现(上).mp4 144.89M | ├──11-3 动态菜单渲染实现(下).mp4 119.47M | ├──11-4 按钮权限控制实现.mp4 227.95M | ├──11-5 404页面开发.mp4 73.05M | ├──11-6 导航守卫.mp4 108.78M | ├──11-7 动态路由.mp4 111.53M | └──11-8 章节总结.mp4 58.89M ├──第12章 休假申请前后端实现 | ├──12-1 休假申请列表实现(上).mp4 134.95M | ├──12-10 【知识点梳理】本章重难点总结_某课网.pdf 147.21kb | ├──12-2 休假申请列表实现(下).mp4 131.31M | ├──12-3 创建 - 申请休假(上).mp4 121.08M | ├──12-4 创建 - 申请休假(下).mp4 122.87M | ├──12-5 休假详情&作废(上).mp4 116.80M | ├──12-6 休假详情&作废(下).mp4 127.68M | ├──12-7 后台列表实现.mp4 110.72M | ├──12-8 创建申请单后台实现(上).mp4 114.69M | └──12-9 创建申请单后台实现(下).mp4 78.51M ├──第13章 待我审批前后端实现 | ├──13-1 审核列表前后端实现.mp4 138.55M | ├──13-2 审核通过、拒绝功能实现(上).mp4 112.65M | ├──13-3 审核通过、拒绝功能实现(中).mp4 103.19M | ├──13-4 审核通过、拒绝功能实现(下).mp4 96.74M | ├──13-5 待审核通知功能实现.mp4 124.78M | └──13-6 【知识点梳理】本章重难点总结_某课网.pdf 125.95kb ├──第1章 项目规划 | ├──1-1 课前须知,这里有你需要了解得一切.mp4 41.51M | ├──1-2 项目开发流程.mp4 56.08M | ├──1-3 【讨论题】你了解到的开发流程都有哪些?.pdf 89.93kb | ├──1-4 如何理解通用后台.mp4 29.72M | ├──1-5 需求介绍.mp4 74.48M | ├──1-6 Vue3直通车.mp4 45.44M | └──1-7 【知识点梳理】本章重难点总结.pdf 777.77kb ├──第2章 前端架构设计 | ├──2-1 项目初始化--全局Vue脚手架&Vite创建项目.mp4 128.17M | ├──2-10 主页结构布局.mp4 163.10M | ├──2-11 【知识点梳理】本章重难点总结 环境配置 目录规范.pdf 675.11kb | ├──2-12 【知识点梳理】本章重难点总结 路由封装.pdf 301.71kb | ├──2-13 【讨论题】你接触到的前端架构设计包括哪些?.pdf 90.81kb | ├──2-2 项目初始化--插件安装.mp4 57.88M | ├──2-3 目录结构规范.mp4 95.22M | ├──2-4 路由封装(上).mp4 119.22M | ├──2-5 路由封装(下).mp4 51.60M | ├──2-6 环境配置.mp4 121.26M | ├──2-7 axios二次封装(上).mp4 112.79M | ├──2-8 axios二次封装(下).mp4 97.94M | └──2-9 storage二次封装.mp4 151.55M ├──第3章 Koa架构设计 | ├──3-1 【资料梳理】Koa2项目初始化操作.pdf 898.74kb | ├──3-10 接口文档设计.mp4 164.28M | ├──3-11 【资料梳理】接口文档 用户管理.pdf 1.34M | ├──3-12 【资料梳理】接口文档 菜单管理.pdf 527.88kb | ├──3-13 【资料梳理】接口文档 部门管理.pdf 501.16kb | ├──3-14 【资料梳理】接口文档 角色管理.pdf 822.08kb | ├──3-15 【资料梳理】接口文档 审批管理.pdf 707.21kb | ├──3-16 工具函数封装.mp4 60.39M | ├──3-17 【资料梳理】Mac下Mongo安装配置.pdf 485.01kb | ├──3-2 项目结构分析.mp4 84.66M | ├──3-3 应用log4js进行日志规范封装(上).mp4 40.31M | ├──3-4 应用log4js进行日志规范封装(下).mp4 172.91M | ├──3-5 Window下Mongo安装和配置.mp4 105.79M | ├──3-6 Mac下Mongo安装和配置.mp4 52.76M | ├──3-7 【资料梳理】Windows下Mongo安装配置.pdf 2.02M | ├──3-8 Mongo基础入门.mp4 71.65M | └──3-9 【资料梳理】数据库表结构.pdf 979.66kb ├──第4章 用户登录前后台实现 | ├──4-1 登录布局开发.mp4 99.23M | ├──4-2 登录交互开发.mp4 147.00M | └──4-3 用户登录后台实现.mp4 183.08M ├──第5章 前台首页实现 | ├──5-1 欢迎页面实现.mp4 78.92M | ├──5-2 菜单交互及递归实现(上).mp4 109.36M | ├──5-3 菜单交互及递归实现(下).mp4 105.95M | ├──5-4 面包屑实现.mp4 101.70M | ├──5-5 知识补充.mp4 41.56M | └──5-6 【知识点梳理】本章重难点总结.pdf 100.67kb ├──第6章 JWT方案讲解 | ├──6-1 JWT理论介绍.mp4 43.63M | ├──6-2 通过jwt生成token.mp4 228.17M | └──6-3 Token拦截.mp4 173.12M ├──第7章 用户管理前后端实现 | ├──7-1 用户管理列表实现(上).mp4 121.00M | ├──7-10 用户编辑接口实现&联调.mp4 87.61M | ├──7-11 用户新增接口实现.mp4 168.53M | ├──7-2 用户管理列表实现(下).mp4 145.30M | ├──7-3 用户列表交互实现.mp4 153.30M | ├──7-4 用户删除和批量删除.mp4 151.10M | ├──7-5 用户新增实现.mp4 214.92M | ├──7-6 用户新增交互实现.mp4 241.06M | ├──7-7 用户编辑交互实现.mp4 76.06M | ├──7-8 用户列表接口实现&联调.mp4 248.88M | └──7-9 用户删除接口实现&联调.mp4 119.61M ├──第8章 菜单模块前后端实现 | ├──8-1 菜单列表实现.mp4 186.51M | ├──8-2 菜单新增实现(上).mp4 158.23M | ├──8-3 菜单新增实现(下).mp4 149.89M | ├──8-4 菜单编辑&删除实现.mp4 65.66M | ├──8-5 菜单编辑、删除、创建服务端实现.mp4 177.37M | ├──8-6 菜单列表递归实现(上).mp4 100.53M | └──8-7 菜单列表递归实现(下).mp4 108.95M ├──第9章 ⻆色管理前后端实现 | ├──9-1 角色列表实现.mp4 148.10M | ├──9-2 角色操作(创建、编辑、删除).mp4 149.79M | ├──9-3 权限设置(上).mp4 103.81M | ├──9-4 权限设置(下).mp4 113.60M | ├──9-5 权限列表递归处理.mp4 101.04M | ├──9-6 角色列表后台实现.mp4 196.91M | ├──9-7 角色创建、编辑、删除后台实现.mp4 133.22M | └──9-8 角色列表权限展示实现.mp4 64.89M ├──课程资料 | ├──manager-fe-master.zip 193.72kb | └──manager-server-master.zip 48.13kb └──图文资料 | ├──3-1 Koa2项目初始化操作..html 4.76kb | ├──3-11 接口文档---用户管理.html 84.61kb | ├──3-12 接口文档---菜单管理.html 69.42kb | ├──3-13 接口文档---部门管理.html 25.24kb | ├──3-14 接口文档---角色管理.html 30.49kb | ├──3-15 接口文档---审批管理.html 15.27kb | ├──3-17 Mac下Mongo安装配置.html 2.01kb | ├──3-7 Windows下Mongo安装配置.html 4.65kb | └──3-9 数据库表结构.html 4.19kb
感谢分享
感谢分享
感谢
谢谢分享
看看再说
看评论这课有争议啊
感谢分享
谢谢分享
感谢楼主
感谢分享
感谢分享
谢谢楼主分享
看一下需不需要,口碑如何
感谢分享
不错
还不全吗。。。先下载看看
公司要做后台管理系统项目,来学习学习
楼主,11-6,11-7损坏,无法播放,12章看看是不是也更新啦
感谢楼主
感谢分享
感谢分享,又更新了
感谢分享
感谢分享
谢谢
前端也得补充一下知识了。
学习一下
感谢分享
好的哈 好的哈
谢谢分享
感谢分享
感谢分享,又更新了
感谢分享,又更新了
学习
感谢分享,又更新了
看了两集,差评! 用的老套的vue2 options api写法,老师甚至连 -D 和 -S 区别都不熟! vscode还是用的vetur插件! oh my。 为什么不用官方推荐的volar 和 setup sugar. oh my!
有新的更新了吗
真好
一直想要这个课程
看着评价挺一般的,看看再说吧
感谢分享,又更新了
一直想要这个课程
感谢分享,又更新了
可。
除了多学习别人的代码,还需要多敲。
真的很一般,
感谢分享
感谢分享
河畔一角的课不错
感谢分享
非常感谢,正好在学大数据
看了两集,差评! 用的老套的vue2 options api写法,老师甚至连 -D 和 -S 区别都不熟! vscode还是用的vetur插件! oh my。 为什么不用官方推荐的volar 和 setup sugar. oh my!
真的吗,我草!
这个老师的课,我听过。确实有些知识,这个老师掌握的也不算好,比如promise。但是作为一个小白,或者说是后端,跟着做,还是能学到东西的,最起码能把一个项目搭出来。