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

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

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

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

难度 中级 时长 27小时 学习人数 1069 综合评分 9.98
经典Vue2+Vue3全家桶实战
套餐价格:¥646.00
2门课 总价:¥716.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:欢迎页面组件

Login:登录页面组件

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

万事俱备 只等你来

  • 陈泽鹏_前端

    好评

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

  • Imp丶yu

    好评

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

  • 黎黎黎明

    好评

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

查看全部460条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题