全栈多端开发实训营
AI时代,一人公司,独立开发者会成为更主流的工作模式与职业新选择
从0到1独立交付全栈多端全流程项目+AI提效,才是IT人才能力成长新起点
一套企业级项目贯穿前端+后端+移动端,手把手实战教学,打通需求-架构-开发部署全链路
21 课程内容
10 个月 教学服务期限
150 小时 视频时长
20 学习人数
100% 好评度
21 课程内容
10 个月 教学服务期限
70000 手敲代码
2 企业及项目
16+ 实操案例
20 学习人数
活动到手价 ¥1699
7天未学可退 ¥2699
点我免费体验
阶段一
阶段二
阶段三
阶段四
阶段五
阶段六
阶段七
阶段八
阶段九
阶段一:1人到一个团队的高效成长之路
第1周   1人到一个团队的高效成长路线
AI时代,一人公司,独立开发者会成为更主流的工作模式与职业新选择 从0到1独立交付全栈多端全流程项目+AI提效,才是IT人才能力成长新起点
课程安排:
1. 了解课程整体,了解课程结构、学习路径和项目实战内容;
2. 演示PC项目端和uni-app项目的功能, 了解核心功能模块;
3. 了解AI时代全栈工程师的职业优势、市场需求与技术现状;
4. 学习课程大纲详细介绍,梳理知识体系与技能要点,制定学习计划;
阶段二:【全栈开发之前端】 - 仿PC端微信布局及交互实现
第2周   HTML5+CSS3+JS技能与实战
学习前端JavaScript、H5、CSS3常用基础知识点,并进入纯前端仿微信聊天界面项目实战开发
课程安排:
1. 快速学习前端开发必备基础技能(HTML+CSS+JS基础扫盲);
2. 完成前端开发环境准备,安装nvm、nodejs、live-server等开发工具;
3. 学习前端工程化项目目录结构搭建,完成通用样式和字体图标初始化;
4. 学习Flex布局基础与案例实践,掌握现代CSS布局技术;
5. 实现即时聊天界面布局,包括导航菜单、联系人列表、消息展示区域等核心模块;
6. 学习基于JS原型链定义控制类,实现窗口最大化、关闭、拖动及导航栏弹出菜单等交互功能;
第3周   Ajax封装与防微信聊天项目实战
从0开始以回调方式封装Ajax请求库,并了解基于任务队列的处理方式来解决异步回调地狱问题,最后转到基于Promise/async/await来实现Ajax请求库的封装,同时完成纯前端仿微信聊天界面项目
课程安排:
1. 学习Ajax请求封装,掌握Promise、async-await异步编程,解决回调地狱问题;
2. 实现联系人与会话基础能力:联系人列表展示、激活联系人、聊天消息及历史消息展示;
3. 实现聊天与联系人列表交互:消息的发送、搜索与防抖、联系人右键菜单、删除与置顶;
4. 实现敏感词过滤:以插件可插拔方式设计与实现敏感词过滤能力,支持灵活接入与替换;
阶段三:【全栈开发之社交平台项目前端】-通用权限管理系统
第4周   项目工程化架构与国际化方案
学习前端项目通用开发流程、通用开发框架的搭建、i18n国际化库的使用、手写国际化库、axios库源码阅读并封装Ajax请求库
课程安排:
1. 完成前端技术选型,创建项目并规划目录结构,安装依赖并完成Vite选项配置;
2. 完成前端项目基础能力建设:引入全局样式变量与字体图标,打通前端系统配置文件读取;
3. 搭建国际化能力与全局变量体系:基于`vue-i18n`实现国际化,并补充手写语言包工具库、全局变量绑定与ElementPlus国际化支持;
4. 封装Ajax请求库(设计与实现):理解封装动机,实现`Ajax.request`请求方法与基于Axios的拦截器机制;
5. 完善请求层能力(落地与进阶):实现支持RESTful API调用的工具方法,完成功能验证,并对错误提示进行统一封装处理;
6. 源码与收尾:阅读Axios源码建立底层认知,完成章节结束与知识点回顾;
第5周   Vue3实现项目主框架UI布局及交互控制
学习Vue-Router、KeepAlive的使用与封装,全局组件的注册、可插拔业务模块逻辑处理、登录界面与导航菜单的布局与交互。
课程安排:
1. 定义基础模块路由结构,搭建前端UI工程骨架;
2. 实现登录界面基础结构与样式修饰,完成登录前后端连调并用hooks方式优化调用;
3. 连调获取系统配置与登录者信息,引入Vite插件实现数据Mock并用环境变量控制启用;
4. 设计并落地可插拔业务模块机制:模块初始化、路由定制与语言包定制;
5. 完成全局组件注册,并基于RouterView与KeepAlive实现组件缓存与页面体验优化;
6. 通过路由前置守卫检测用户登录状态,完善访问控制与跳转逻辑;
7. 实现系统导航菜单:准备工作、静态布局、基于路由动态生成菜单与折叠菜单交互;
第6周   企业级通用UI组件库设计与封装
基于ElementPlus实现通用表单组件、图标组件、快速/高级查询组件、抽屉组件的封装,开关、loading对应hooks的封装、日期格式化及浏览器端操作excel工具方法的定义。
课程安排:
1. 完成主页顶部工具条与顶部搜索组件的UI布局,并补充样式细节;
2. 实现顶部搜索组件完整交互:历史记录、搜索结果展示与点击、分类切换、鼠标按键选择、清空等;
3. 梳理通用表格组件的功能点与封装边界,明确后续组件拆分与复用方向;
4. 创建角色列表页并调整路由后置守卫,支持模块标题等页面信息联动;
5. 封装通用基础组件:图标按钮、通用面板,沉淀页面搭建的基础积木;
6. 封装通用表单组件(基于JSON数组动态生成),并完善高级查询能力;
7. 封装通用查询抽屉组件及开关hooks:简单查询(Teleport整合高级查询)、通用抽屉(defineModel双向绑定)、useSwitch hooks的定义;
8. 完善工具与状态能力:日期格式化、Excel导入导出、useLoading重构,并基于useLoading完成角色列表API调用打通链路;
第7周   企业级表格组件封装+Ajax请求库重构
基于ElementPlus表格组件实现带自动生成添加修改表单以及以及快速/高级搜索表单的基础表格封装, 一键换肤的实现、Ajax请求库的重构
课程安排:
1. 封装基础表格组件的核心骨架:基础属性、初始化变量、顶部操作按钮、搜索区域布局与交互;
2. 实现表格列配置与列内操作的动态生成,并完善分页能力;
3. 通过阶段性用例展示验证组件可用性与扩展性,沉淀最佳实践;
4. 实现表格内动态生成编辑表单,打通“表格-表单”的一体化编辑体验;
5. 集成Excel能力到表格:本地导出与本地导入流程落地;
6. 完善表格工程化能力:批量删除、自定义加载与暂无数据提示、组件失焦自动卸载数据;
7. 完成系统级体验能力:国际化交互落地与一键换肤(主题切换)实现;
8. 完成工程与组件迭代:Vue3版本升级改造、Ajax请求库重构、从BaseGrid提取Tbar组件;
第8周   通用权限管理系统前后端连调(上)
针对角色、权限分类、权限、部门模块管理实现前后端连调
课程安排:
1. 了解本章目标与整体连调节奏,进入通用业务模块的前后端联调开发;
2. 角色管理联调:了解Swagger API文档,定义前端API方法,完成角色CRUD与名称唯一性检测;
3. 角色授权联调:完成授权流程,处理权限树节点未自动选中的问题;
4. 路由与标签页联动:实现路由与RouteTab(标签页)组件的双向绑定;
5. 权限分类联调:定义API调用,完成权限分类管理CRUD;
6. 权限管理联调:理解Casbin/RBAC思路与UI字段关联,完成权限项CRUD、表格排序联调与唯一性检测;
7. 部门管理联调:定义前端调用API方法,完成部门CRUD连调;
第9周   通用权限管理系统前后端连调(下)
用户管理、RSA加密控制、权限控制、字典、日志模块管理实现前后端联调。
课程安排:
1. 用户管理联调:完成基础结构、列表/删除联调、表头与表单UI、字段校验与自定义校验规则(含唯一性校验封装);
2. 用户管理完善:完成新增/编辑用户联调,重构BaseGrid/BaseForm以支持跨组件透传插槽内容;
3. 账号体系功能:实现修改头像、重置密码、RSA公钥加密传输登录密码、修改密码与退出登录;
4. 测试与修复:修复测试过程中发现的BUG,提升稳定性;
5. 权限管控落地:演示权限管控,梳理实现思路,定义权限控制器与各模块权限项,实现自定义`v-perm`/`v-focus`指令与UI元素权限管控,并扩散到各模块(含RouteTab组件封装);
6. 字典模块联调:完成字典模块CRUD实现;
7. 日志模块联调:完成日志列表展示与日志导出;
8. 收尾与迭代:修复路由缓存相关Bug,预告后续业务模块开发内容;
阶段四:【全栈开发之社交平台项目前端】-即时聊天业务与PC端管理系统
第10周   WebSocket即时聊天模块
学习通过Websocket实现消息推送的处理,在Vue3环境下整合第一阶段中完成的即时聊天界面到系统中,完成即时聊天业务的开发
课程安排:
1. 梳理已有静态IM-UI代码结构,明确模块划分与关键交互点;
2. 将静态IM-UI整合进系统工程,完成基础页面接入与资源组织;
3. 完成全局交互适配:body点击事件的注册与卸载、提示信息处理、主题切换适配;
4. 实现联系人列表展示,并完成联系人右键菜单的前后端连调;
5. 实现激活联系人流程,打通会话切换与当前会话状态管理;
6. 完成表情图标展示与插入能力,并实现消息发送的前后端连调;
7. 完成消息列表展示与历史消息加载,保证滚动与渲染体验;
8. 接入WebSocket推送消息处理,打通实时消息链路;
9. 完成新消息声音提示与未读消息红点展示控制,完善消息提醒体系;
第11周   社交交友系统管理端的开发
学习业务系统初始化的实现, 完成: 会员、红娘、实名认证、牵线申请审批流程、内容审核、投诉等业务模块的前端开发
课程安排:
1. 完善社交交友系统PC管理前端可插拔插件模块的业务初始化;
2. 对业务模块的前端: 国际化、权限控制、菜单、路由定义等基础功能进行适配;
3. 实现社交主页的布局及前后端连调;
4. 基于ElementPlus抽屉组件封装通用详情抽屉组件, 并在会员、牵线、实名认证、动态、投诉等各业务场景使用;
5. 完成: 会员、红娘、实名认证、牵线流程、内容审核、投诉等业务模块的前后端连调;
阶段五:【全栈开发之后端】 - Golang基础+框架高效学习
第12周   Golang核心技能速通
学习Golang开发中基础环境的搭建, 包、变量/常量、流程控制、函数、数组、切片、Map、结构体、指针及错误处理相关知识。
课程安排:
1. 完成Golang开发环境搭建与后端项目创建,了解包的概念与工程组织方式;
2. 掌握Go基础语法:变量/常量与type关键字、流程控制(if/for/switch/case)、函数定义与使用;
3. 掌握常用数据结构:数组与切片、Map映射的使用;
4. 掌握结构体与指针的核心用法,并理解var/new/make的区别与适用场景;
5. 掌握错误处理与接口定义,建立面向抽象的设计习惯;
6. 了解反射的基本概念与典型应用场景,为后续框架使用做铺垫;
7. 深入并发基础:协程、通道、锁、WaitGroup等并发原语的使用与组合;
8. Context上下文:理解Context的作用、传递方式与取消/超时等核心能力;
第13周   GoWeb开发流程及gin、gorm框架
熟悉go-web开发流程及gin、gorm框架的使用
课程安排:
1. 基于http包开发简单Web Server,掌握基础路由与请求处理流程;
2. Gin入门与实战:常用API、数据绑定与校验、静态文件服务与中间件的具体使用;
3. MySQL安装与配置,并了解Gorm基础概念与使用方式;
4. 使用Gorm完成基础CRUD实现,并理解关联关系建模与查询;
5. 完成本章收尾与回顾,整理后端起航阶段的核心知识点与后续学习路径
阶段六:【全栈社交平台后端】通用权限管理系统RESTfulAPI开发
第14周   后端通用系统功能架构
学习后端通用系统的核心功能模块开发,从项目结构设计到数据操作,再到API文档管理以及MVC开发流程的实现,为学习者提供全面的系统构建指南。
课程安排:
1. 创建后端项目, 规划后端目录结构,理解MVC模式,并建立Controller/Service/Dao分层的职责边界;
2. 使用Viper实现配置文件读取,完成Zap日志组件初始化、Redis初始化与Gorm初始化,搭建基础设施层;
3. 初始化Gin并定义路由结构,实现WebServer启动与优雅停止(含通过信号量控制停止);
4. 搭建Controller层通用能力:通用响应数据结构、通用API封装、指针使用规范与整体定义流程;
5. 引入Go代码热更新插件提升开发效率,并接入Swagger文档管理工具完善接口文档体系;
6. 以角色模块为例打通MVC全链路:定义Model、明确DTO作用与字段、设置DTO通用字段值,封装文字简拼工具方法;
7. 规划API错误码分类,并以角色模块实现新增/编辑/删除/详情/列表分页等完整CRUD能力;
8. 抽象通用能力:封装“判断指定表字段值是否重复”的通用方法,复用到业务校验场景;
9. 进阶查询能力:基于反射根据DTO对象动态构建查询条件,并基于SortDTO动态构建排序条件;
10. 实现后端跨域支持,确保前后端联调环境可用;
第15周   泛型编程与通用模块RESTfulAPI
聚焦于Go语言泛型编程的核心应用,涵盖泛型结构体、函数的设计与重构,以及基于泛型实现基本的CRUD操作、唯一性检测、DTO/VO数据处理等通用功能模块,同时通过字典管理模块实践泛型方法的实际开发流程。
课程安排:
1. 泛型基础与工程化落地:掌握泛型基础、自定义泛型约束与接收器,并通过重构Dao层示例建立抽象能力;
2. 基于泛型实现通用CRUD能力:实现添加、删除、批量删除、修改、获取详情与列表等基础能力;
3. 唯一性检测体系:在Service层结合泛型与反射实现唯一性检测,并在Controller层补齐记录唯一性检测能力;
4. DTO/VO扩展能力:在Controller层支持前置自定义DTO输入与后置自定义VO输出,满足不同业务展示与入参需求;
5. 字典管理模块:基于泛型方法实现CRUD,完善唯一性检测(含多字段关联查询),并解决包循环引用问题;
6. 一键生成MVC代码:了解一键生成MVC流程代码的思路与产物形态,生成ZIP包并完成基础验证;
7. 一键生成MVC代码落地:一键生成MVC流程代码项目文件,打通“生成-运行-迭代”链路;
第16周   RBAC权限与用户管理系统构建
围绕RBAC权限模型,深入讲解权限分类与树形结构,集成Casbin策略引擎,实现完整用户管理模块(角色绑定、JWT 鉴权、个人信息维护、文件上传、评论管理等),最终形成一套完整的后台管理系统核心机制。
课程安排:
1. 权限分类与权限管理:完成权限分类CRUD、权限CRUD与关联记录预加载,完善删除/修改父级/树节点获取、排序值修改等能力;
2. RBAC与Casbin权限控制:理解RBAC与Casbin模型,完成策略定义、Casbin初始化与自定义匹配函数,实现角色授权与数据同步(含删除/变更同步Casbin规则表);
3. 权限批量导入与中间件管控:实现权限分类/权限记录批量导入,并通过中间件实现接口权限管制;
4. 系统管理与部门管理:实现系统配置信息获取与部门管理相关接口;
5. 用户管理基础能力:生成用户管理基础结构,封装RSA加解密处理器与bcrypt加密,完成自定义DTO字段校验器;
6. 用户与角色绑定:实现给用户绑定角色、新增/编辑用户时绑定角色,支持修改状态与重置密码;
7. 文件上传与头像变更:封装文件上传能力,实现修改用户头像,并支持获取/删除用户头像文件;
8. 登录与鉴权体系:理解Session与JWT方案,实现基于JWT的登录、鉴权需求与鉴权中间件,支持Postman自动设置Token头,并封装Token生成与解析;
9. 个人中心与会话:实现获取当前登录者信息、设置个人环境信息、修改登录者密码与退出登录;
10. 评论与附件:实现评论管理CRUD,处理删评论关联删除附件,并通过接口解决包循环依赖;
11. 审计日志:了解日志记录方案,实现日志管理CRUD与审计日志中间件;
阶段七:【全栈社交平台后端】即时聊天+社交系统RESTfulAPI
第17周   即时聊天后端API开发
学习项目中即时聊天相关功能的开发, 包括: 消息发送、WebSocket实时推送、消息列表查询、未读状态管理、联系人操作等功能的实现
课程安排:
1. 进入即时消息后端模块开发,梳理IM后端RESTful API的整体结构与数据流;
2. 实现发送消息接口:完成参数校验、消息落库与基础业务规则处理;
3. 实现WebSocket消息推送:建立连接管理、消息分发与推送回执等实时链路能力;
4. 实现指定联系人消息列表接口:支持分页/排序等查询能力,满足前端会话渲染需求;
5. 实现未读消息数获取与消息已读设置:打通未读统计、已读更新与状态一致性;
6. 实现联系人列表获取接口:返回联系人基础信息与会话相关展示数据;
7. 实现删除联系人接口:处理关联数据与边界场景,保证数据与会话状态正确;
8. 完成本章收尾与回顾:整理IM后端接口联调要点、WebSocket常见问题与排查思路;
第18周   社交交友系统后端开发
学习社交交友系统业务模块及操作流程的开发实现, 包含: 会员、红娘、实名认证、动态、牵线申请审批流程、个人相册、内容审核、投诉等模块的实现
课程安排:
1. 完善后端业务模板可插拔方式注册的实现;
2. 后端业务模块: 数据表、路由的初始化与消除递归依赖接口的注册;
3. 实现: 会员、红娘、实名认证、个人相册、关注等管理模块后端API的开发;
4. 牵线流程、动态审核流程、投诉流程后端API的开发;
阶段八:【全栈开发之移动端】:uni-app移动端+AI编程开发
第19周   移动端uni-app框架
学习uni-app整体开发流程、完成移动端即时聊天模块以及社交交友系统移动端开发
课程安排:
1. 了解uni-app的开发流程,安装开发工具;
2. 基于HBuilder创建uni-app项目初始化项目录结构并安装依赖包;
3. 项目中公用CSS、字体图标、国际化支持、状态管理、路由的初始化;
4. 基于uni-app环境实现基础通讯库: Ajax、Websocket的封装;
5. 通用组件: 头像组件、图标按钮、加载状态、顶部导航栏、搜索框、性别标签组件的封装实现
6. 自定义底部导航条
7. 完成: 会员、实名认证、牵线流程、内容发布、个人相册、个人信息维护、投诉等业务模块的前后端连调并在H5端及小程序端进行测试;
8. 完成移动端即时消息模块的布局及前后端连调;
第20周   通过AI编程工具实现工单模块开发
学习AI工具的使用,熟悉通过AI工具来进行前后端项目的开发
课程安排:
1. 需求分析与系统设计:利用AI工具辅助梳理工单管理系统的核心功能(工单创建、处理、查询等),完成模块结构设计;
2. 数据库设计与模型定义:通过AI辅助设计工单数据表结构,并生成对应的Model/DTO定义代码;
3. 后端API开发: 利用AI工具生成CRUD基础代码,实现工单创建、处理、查询统计等核心接口,并完成权限控制与业务校验;
4. 前端UI开发:使用AI辅助生成PC端管理页面与移动端页面组件代码,实现工单创建、工单列表、详情展示、处理流程等界面,并完成交互逻辑;
5. 前后端联调与功能完善:通过AI工具完成前后端数据对接;
阶段九:全栈多端项目系统发布与部署
第21周   系统发布与部署
学习以容器化方式部署前后端项目
课程安排:
1. 明确部署目标与交付物:前端静态资源、后端编译后二进制、所需基础设施(MySQL/Redis等)与入口网关(Nginx);
2. Docker基础扫盲:理解镜像/容器/网络/卷,掌握常用命令与镜像构建缓存,能独立编写后端Dockerfile;
3. 前后端容器化:基于交付产物构建镜像;
4. Docker-Compose编排入门:编写docker-compose.yml,定义前端/后端/存储,配置网络、依赖顺序、环境变量与数据卷持久化;
5. 部署与验证:使用docker-compose部署前后端镜像及依赖服务,一键启动后进行接口联调与页面功能验证;

学习咨询

选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!

扫码加顾问老师 立即咨询

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师