首页实战 Vue3+ElementPlus+Koa2 全栈开发后台系统

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈，让你的未来发展有更多可能

已完结难度中级时长 27小时学习人数 1069 综合评分 9.94

报名人数已满

套餐1
套餐2
套餐3
套餐4
套餐5

Vue3从入门到全栈

套餐价格：¥646.00

2门课总价：¥716.00

立即购买

经典Vue2+Vue3全家桶实战

套餐价格：¥646.00

2门课总价：¥716.00

立即购买

小程序全栈开发组合

套餐价格：¥690.00

2门课总价：¥766.00

立即购买

从0构建自己的Vue3项目

套餐价格：¥516.00

2门课总价：¥567.00

立即购买

Vue3从实现后台项目到后台项目前端综合解决方案

套餐价格：¥743.00

2门课总价：¥826.00

立即购买

现如今前端的边界在持续扩大，企业对于工具化、平台化、全栈化能力要求也越来越高。本课程将应用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo开发一个通用后台管理系统，带大家掌握全栈开发能力，及真正落地的综合技术能力。

河畔一角

讲师

前端Leader

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

课程对比栏

隐藏

1

可继续添加课程
2

可继续添加课程
3

可继续添加课程
4

可继续添加课程

对比

清空对比栏

课程目标

从架构的高度，掌握真正落地的综合技术能力

提升通用项目复用能力

· 通用型架构，常用业务模块制定

· 高复用模块和组件封装

· 用户/角色/部门/权限/审批流等
核心功能拿来即可复用

掌握Vue3+Koa2全栈技术

· 前台：Vite2.0 + Vue3全家桶
+ ElementPlus

· 后端：Koa2 + Mongoose +
MongoDB在实战中让技术综合
落地

开拓架构设计思维

· 讲师多年架构设计经验分享

· 助力摆脱普通程序员的思维定式

· 提升通用项目的架构设计能力

课程亮点

通用后台管理系统实战，真实全流程高效开发

系统功能

项目亮点

用户管理

菜单管理

角色管理

部门管理

审批流申请

审批流审核

前端

Vite构建

Vue3全家桶融合

统一交互规范

axios二次封装

storage高效封装

API统一管理

工具函数封装

权限控制按钮级别

脚手架开发&低代码封装

后端

Koa架构设计

日志规范封装

工具函数封装

配置抽取

models封装

数据库操作技巧

JWT认证

状态码规范

接口文档定义

资深架构师实战经验 + 组件化开发技巧

真正提升解决问题能力

找不到标准答案的问题，老师教给你经验

老师带你重新思考，并给你他以切身经历总结出的踩坑秘笈

如何掌握需求开发流程以及自身定位

面对需求，如何拆分以及如何快速交付

如何设计出标准的项目架构

如何保障项目可维护性

token认证方案如何在前端落地

······

知道但没实践过的高效秘笈，老师带你真正落地

懂和会之间，差的就是踏踏实实的“做”和“练”

4个基础组件

Home：布局组件

BreadCrumb：面包屑组件

Exception：异常组件

TreeMenu：菜单树组件

8个视图组件

UserManage：用户管理页面组件

RoleManage：角色管理页面组件

MenuManage：菜单管理页面组件

DeptManage：部门管理页面组件

Welcome：欢迎页面组件

Approve：审核页面组件

Leave：申请页面组件

6个 JS 模块

request：请求封装模块

api：接口管理模块

storage：本地存储模块

util：工具库模块

config: 环境配置模块

router：路由封装模块

Node 后台

log4js：日志封装模块

util：工具函数模块

config：数据库配置模块

models：数据库模型封装

课程大纲

第1章项目规划

第2章前端架构设计

第3章 Koa架构设计

第4章用户登录前后台实现

第5章前台首页实现

介绍作为一名开发者拿到项目后的完整开发流程，了解项目组成和团队分工；介绍什么是通用后台，应该具备哪些能力，最后给大家讲解本次课程的需求点以及
Vue3直通车入门。

基于vue@cli 4.5快速生成标准项目，搭建vite2.0配置、目录结构规范、路由封装、环境配置、axios二次封装、storage封装以及主页结构布局。

本节课主要搭建标准的后端项目架构，包含目录结构、日志规范、mongo配置、文档设计和工具函数封装。

本节课从0实现登录静态布局、动态交互以及后台Node接口实现和最终前后端接口联调功能。

本节课主要讲解首页布局、欢迎页面实现、菜单静态和交互实现、菜单递归和面包屑组件封装。

查看完整目录

专属服务

每个慕课网课程，都是一个专业的技术社区

个性化增值服务，学习有保障更高效

精美UI设计稿

课程所用UI设计稿，报名学员均可免费
获得，无需自己找图拼凑，保障完成项
目可当一个独立的作品。

课程全套代码下载

提供课程全套源代码下载包含：
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。

独家“动态”教辅材料

丰富的专属教辅资料实时上传更新，通过
课程教案、原理图解、技术文档、演示案
例等各种教材，保障你的学习效果。

答疑专区+技术社区

连百度谷歌都搜不到的问题，在这里讲
师都将耐心详细解答，更有小伙伴一起
交流互动，共同进步。

技术要求

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

万事俱备只等你来

unbreakable_全栈

好评

作为老师的钢丝粉，在这里很感谢老师的帮助，老师的课程我一直都追，跟人们追电视剧一样，老师的课程就像是一步步非常好看的电视剧，回味无穷；在我的工作上给了很大的帮助，而且老师很和蔼可亲，几乎秒回问题，支持老师的课程越来越好，出更多更好的课程，愿我的技术步步高升，希望路过的朋友不要错过
Imp丶yu

好评

老粉丝了，非常喜欢河畔老师的课程，从小米商城一路追随过来，有问必答，有时候深夜了老师还能回复我；看了一下这门Vue3的课程大纲，基本是我想要的，Vite构建、Vue3语法串讲、JWT登录鉴权、菜单权限、低代码等太多了，希望这门课程可以让我提升几个档次，支持一下，加油。
黎黎黎明

好评

第一次接触老师的项目是小米商城，老师以架构师的角度去讲解项目，给人的印象就特别深刻，我喜欢老师的课程非常重要的一点就是，老师项目给了很多分支，还有老师非常负责，会在群里答疑，这比慕课网其它老师要好得多！