首页 实战 低代码全栈项目实战 商业级海报编辑器全流程落地
收藏

真实高质量低代码商业项目，前端/后端/运维/管理系统

Vue3 + TS + Egg.js + Nuxt3 开发复杂真实高质量商业项目，前端/后端/运维/管理系统一课打通

低代码全栈项目实战 商业级海报编辑器全流程落地

￥1299.00
已完结 难度 中级 时长 80小时 学习人数 63 综合评分 10.00
立即购买 加购物车
立即购买 加购物车

在互联网就业形式越来越严峻的今天，掌握多项具有强竞争力的技能非常重要。做一个有完整流程闭环并且有深度有广度的真实项目，可以完美适配这个需求。在这门课程中，我们用最新的技术栈实现了三个独立的项目：前端低代码海报编辑器、后端 egg.js + TS、使用 Nuxt3实现管理系统，最后从 Docker 部署到 CI/CD 的整个流程，最后完美闭环实现一个线上运行的真实项目。大幅提升自己的全栈以及架构能力。

张轩
讲师

高级前端工程师

课程预览

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

完整落地高质量商业级项目，系统掌握低代码解决方案
完美对标企业核心业务开发技术人才

掌握 Vue3 最新技术栈
和知识体系
新版技术栈：Vue3 + TS4 + ant-design
-vue + Nuxt3 + Tailwind.css
全面知识体系：Vue3基础进阶，深入
Typescript，状态管理，测试，性能优化
组件库打包发布
高难度：拖拽移动，拖拽缩放，撤销重
做，复制黏贴，动态表单
掌握复杂项目的设计
和研发过程
复杂页面 UI 组件设计和拆分
复杂数据拆分模块，合理的数据结构设计
复杂数据流的组织分析以及设计
充分考虑扩展性，灵活扩展。
掌握 Vue3 最新技术栈
和知识体系
技术栈：Egg.js + TS4 + MongoDB +
Redis + Docker + Github Actions
高难度技术：Oauth2登陆 多文件上传权
限管理 SSR渲染
云服务：OSS，ECS，云短信
全流程：Docker + Docker-Compose +
Github Actions 实现 CI/CD 自动部署

高复杂度全栈项目综合实战，拥有足以证明你技术实力的项目经验

解决项目开发中疑难问题
· 数据和表单的对应关系怎样设计，数据的相互依赖和实时更新？
· 交互的复杂性，如何实现 拖拽移动缩放排序，撤销重做？
· 画布、属性表单，两者的数据如何联动？
· 如何实现可扩展并且在前后端通用的组件库？
纯手写打造
3 个项目工程 2w+ 代码
https://www.imooc-lego.com/ 点击体验项目效果

掌握最新、最全面的全栈知识体系，轻松胜任前端与后端独立开发
成为全栈工程师

零基础，从入门到进阶，构建完整的全栈技术体系

前端基础架构
Vue3
Nuxt3
Typescript
ESLint
Vite
Vue-Cli
前端组件库以
及样式解决方案
Ant-design-vue
NuxtUI
Tailwind.css
Vue3 生态系统
以及第三方工具
Vuex / Vue-router
Vue-test-utils
图片剪裁 Cropper.js
拖动排序 Vue-draggable
-next
快捷键 Hotkeys.js
截图 Html2canvas
组件库打包以及发布
Rollup
Rollup 插件
Npm 发布和配置
Travis
服务器端
Egg.js / Typescript
加密 Bcrypt /MongoDB
Mongoose / Redis
Oauth2 / 登陆验证 JWT
RBAC 权限系统
权限控制 Casl
本地多文件上传
OSS 云文件上传
Sharp 图片处理 / SSR
管理系统
Nitro
Nuxt3 Modules
Nuxt-mongoose
Unstorage
ofetch / Zod
Veevalidate
Nuxt3 部署
性能优化
Webpack-bundle-analyzer
Webpack 构建优化
Gzip 压缩
路由懒加载
HTTP 缓存
HTTP 压缩（Gzip + Brotli）
HTTP/2
部署以及持续集成
Docker
Docker-compose
Github actions
Release-it
云服务
阿里云 OSS
阿里云 ECS
阿里云 ACR
阿里云 SMS
Gitee Oauth2

四大维度，全面锻造你的后端开发能力，前后端双兼，助你在前端竞争中脱颖而出

两大后端框架
egg.js + Typescript / Nitro +
Typescript 掌握两大后端框架
高难度权限管理
RBAC 全掌握，掌握服务器端 SSR
的实现方式
多种文件上传形式
以及图片处理全掌握
Stream + 多文件 + 阿里云 OSS
+ Sharp 处理
身份认证方式全掌握
由浅入深了解数据库 MongoDB 以
及 Redis 多种身份认证方式全掌握
（email， 短信，Oauth2）

服务器部署全打通，Docker Github Actions 实现 CI/CD 自动部署
助你成为多技能人才

从传统部署到使用 Docker 以及 docker-compose 完成容器化部署，到使用 Github Actions 完成 CI/CD 自动部署

ACR 完成 CI/CD
优化线上部署流程分析
使用 Github Actions Build 和 Push 镜像到 ACR
release-it 结合 Github Actions 以及阿里云
在 actions 中获取提交的基本信息 / 使用 release-it 简化发布流程
整合流程，完成自动部署以及回滚
掌握 Github Actions 基础以及进阶功能
重学 YAML 语法
学习使用 Github Secrets
学习 Github Actions 的进阶知识
由浅入深了解 Docker 以及docker-compose
docker images 镜像操作
Docker 容器持久化数据
向 docker-compose 添加
redis 服务并测试
Docker 多个容器互相通信
docker-compose 启动服务
Linux 阿里云ECS常用设置和安全最佳实践
云服务器设置以及登录最佳实践
使用 SSH key 进行免密码登录
docker build 性能优化
Docker Build 优化镜像大小
Docker Build 提高构建速度

慕课网金牌讲师“张轩”亲授，"循序渐进，步步深入"讲课风格受到上万学员好评

课程大纲
第1章 课程简介
对课程进行简单介绍。
第2章 课程设计—需求分析和架构设计：做什么，如何做？
开工之前，先来看看我们到底要做一个什么项目，有哪些功能。然后站在上帝视角，从整体的架构层面，该如何设计该项目。
第3章 B端项目需求分析 和 架构设计
对于一个复杂前端项目，在编码之前，分析过程可谓是“磨刀不误砍柴工”，本周我们来给大家讲解怎样一步步抽丝剥茧，从需求到难点，再到系统整体设计。
第4章 前端基础技术回顾和巡礼
在课程正式开始之前，扎实的基础知识是本课程的必备条件。这一周，让我们一起来温习 - typescript，vue3，ant-desing-vue 以及 webpack 和 rollup 的基础知识。
第5章 项目整体搭建
万事开头难，本周我们使用技术储备中简介的知识，来搭建项目的大体结构和框架，包括 项目创建，代码结构，基础路由，基本布局和 基本的全局数据结构。
查看完整目录

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

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

答疑专区+技术社区
连百度谷歌都搜不到的问题，在这里讲
师都将耐心详细解答，更有小伙伴一起
交流互动，共同进步。
课程全套代码下载
提供课程全套源代码下载，包含：
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新，通过课程
教案、原理图解、技术文档、演示案例等
各种教材，保障你的学习效果。
适合人群
想学习 Vue 完整技术栈以及完成复杂项目的同学
想成为全栈工程师的同学
想扩展自己的技术栈的同学
技术储备
熟悉 HTML CSS 和 JS 语法
了解 vue3 技术栈
环境参数
Vue v3.0
Typescript v4.0
Nuxt v3.0
Egg.js v2.6.

相关推荐
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题？

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

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