为什么你需要从“页面仔”转型？
很多开发者能熟练写出 Vue 组件或小程序页面，但一旦涉及后端交互、数据库设计或部署上线，就暴露出严重的能力断层。这门课解决的核心痛点，正是**商业级全栈小程序的完整闭环能力**。它不满足于简单的 CRUD，而是聚焦于一个已上线的真实复杂项目，涵盖跨端兼容、后端架构、数据库优化及运维部署等关键难点。适合具备 JavaScript 基础、了解前端框架（如 Vue），但缺乏后端经验和大型项目实战能力的学习者。如果你正面临转岗全栈的压力，或者在求职面试中因缺少完整项目经验而受阻，这门课就是你补齐短板的最佳路径。切忌只看不练，技术能力是在解决问题的过程中积累的。
学习门槛与推荐顺序
课程技术栈丰富，涵盖微信小程序原生开发、Vue3、Uni-APP 跨端框架、Node.js 后端以及 MySQL 数据库。由于知识点密集，初学者容易产生畏难情绪。**建议采取“分步突破”的策略**：首先快速回顾 Node.js 基础，确保理解异步编程和中间件概念；其次学习 Uni-APP 的基本语法，明确其相对于原生小程序的优势与差异；最后重点攻克 MySQL 数据库设计，这是后端逻辑的基石。在基础模块学习完成后，再进入主项目实战。实战阶段不要急于求成，应跟随课程节奏，逐步实现用户认证、数据管理、支付流程等核心功能。遇到报错时，先尝试自行排查，培养调试能力。
学完产出与资料配合建议
完成本课程后，你将具备独立开发商业级跨端小程序的全栈能力。你能够自主设计数据库表结构，编写安全的 API 接口，并解决跨端开发中的兼容性陷阱。更重要的是，你拥有一个已上线的完整项目案例，可在面试中详细阐述技术选型与难点解决方案。为了达到最佳学习效果，请务必**理论与实践紧密结合**。课程提供的源代码和配置脚本仅作为参考，严禁直接复制粘贴。建议每看完一个章节，先尝试脱离视频独立实现相同功能，仅在遇到无法解决的错误时才对照资料。同时，利用资料包中的测试用例和部署文档，模拟真实生产环境进行本地验证。只有通过亲手重构和调试，这些知识才能真正内化为你的技能。别再停留在表面，深入每一个细节，才能构建起坚实的技术护城河。
课程介绍
2023版全新高质量商业级小程序全栈项目实战视频教程，。在前端愈发完善的当下，学习全栈技术已经成为趋势。本课程带你从入门到进阶，体系化的学习微信小程序 、Vue3、Uni-APP、NodeJs、MySQL 一系列全新300+技术点， 并手把手开发一个跨端、复杂、完整的并且已上线全栈小程序应用，掌握复杂项目设计和研发过程，让你具备商业级小程序的跨平台落地能力。
课程目录
2023版全新高质量商业级小程序全栈项目实战视频教程，。在前端愈发完善的当下，学习全栈技术已经成为趋势。本课程带你从入门到进阶，体系化的学习微信小程序 、Vue3、Uni-APP、NodeJs、MySQL 一系列全新300+技术点， 并手把手开发一个跨端、复杂、完整的并且已上线全栈小程序应用，掌握复杂项目设计和研发过程，让你具备商业级小程序的跨平台落地能力。 1. 获得全栈全新300+技术点 4. 实现小程序12个典型业务场景 2. 具备真实上线商业级全栈能力 5. 打包生成多平台实现跨端应用 3. 掌握复杂项目设计和研发过程 6. 全程大白话学会每一个知识点 ├── 1-开期准备 – 了解课程的内容，对课程学习有初步的认知/ │ └── [ 28M] 1-1 导学 ├── 2-【入门】微信小程序的概念与目录结构详解 – 在配置中去实现第一个小程序应用/ │ ├── [1.8M] 2-1 课堂介绍 │ ├── [1.2M] 2-2 什么是微信小程序 │ ├── [4.3M] 2-3 微信小程序的特点 │ ├── [2.8M] 2-4 为什么要学习微信小程序 │ ├── [ 23M] 2-5 微信小程序账号的注册 │ ├── [ 40M] 2-6 微信开发者工具的下载与项目创建 │ ├── [ 31M] 2-7 json 配置 project.config.json 和 project.private.config.json 的学习 │ ├── [ 57M] 2-8 json 配置 – app.json │ ├── [ 29M] 2-9 json 配置 – sitemap.json │ ├── [ 12M] 2-10 app.js 的作用和使用 │ ├── [5.2M] 2-11 app.wxss 的作用和使用 │ ├── [6.5M] 2-12 页面结构 – .wxml 文件的作用 │ ├── [ 16M] 2-13 页面结构 – .wxss 的作用 │ ├── [ 12M] 2-14 页面结构 – .js 的使用 │ ├── [ 17M] 2-15 页面结构 – .json 的使用 │ └── [ 20M] 2-16 课程总结 ├── 3-【基础】微信小程序中的基础语法和常用组件 – 组成微信小程序的基本单元/ │ ├── [1.7M] 3-1 课程介绍 │ ├── [ 25M] 3-2 数据绑定 │ ├── [ 56M] 3-3 列表渲染 │ ├── [ 52M] 3-4 列表的 key详解 │ ├── [ 37M] 3-5 条件渲染 与 hidden 属性的区别 │ ├── [3.5M] 3-6 小程序组件的概念和特点 │ ├── [ 35M] 3-7 视图组件 – view │ ├── [ 35M] 3-8 文本组件 – text │ ├── [ 17M] 3-9 图标组件 – icon │ ├── [ 50M] 3-10 按钮组件 – button │ ├── [ 53M] 3-11 表单组件 – input │ ├── [ 19M] 3-12 表单组件 – radio │ ├── [ 17M] 3-13 表单组件 – checkbox │ ├── [ 27M] 3-14 表单组件 – textarea │ ├── [ 13M] 3-15 表单组件 – switch │ ├── [ 26M] 3-16 表单组件 – form │ ├── [ 48M] 3-17 表单实战 – 用户注册 │ ├── [ 30M] 3-18 template 的基本使用 │ ├── [8.9M] 3-19 include 导入的基本使用 │ ├── [7.4M] 3-20 组件的公共属性和属性的类型 │ └── [ 13M] 3-21 课堂总结 ├── 4-【基础】微信小程序脚本与样式和Flex布局精讲- 编写出更加多姿多彩的小程序应用/ │ ├── [3.0M] 4-1 课程介绍 │ ├── [8.2M] 4-2 什么是 wxs │ ├── [ 28M] 4-3 小程序的模块化 │ ├── [ 37M] 4-4 wxs变量声明和wxs的两种使用方式 │ ├── [ 12M] 4-5 wxs 如何使用注释 │ ├── [2.0M] 4-6 wxs 支持的运算符类型 │ ├── [2.2M] 4-7 wxs 支持的流程控制语句 │ ├── [ 15M] 4-8 wxs 支持的数据类型 │ ├── [8.8M] 4-9 wxs 支持的基础类库 │ ├── [3.5M] 4-10 wxss 的基础概念 │ ├── [ 17M] 4-11 rpx 的概念和换算规则 │ ├── [1.9M] 4-12 wxss 支持的选择器 │ ├── [ 12M] 4-13 style 的使用和动态的 style │ ├── [ 14M] 4-14 wxss 的样式导入 │ ├── [8.9M] 4-15 flex精讲 – 概念 │ ├── [ 18M] 4-16 开启 flex 布局的两种方式 │ ├── [ 14M] 4-17 设置 flex 布局的方向 │ ├── [ 12M] 4-18 设置 flex 布局是否换行 │ ├── [7.9M] 4-19 同时设置 flex 布局的方向和是否换行 │ ├── [ 22M] 4-20 设置 flex 布局的分布和对齐方式 │ ├── [ 21M] 4-21 设置 flex 布局交叉轴上子元素的对齐方式 │ ├── [ 18M] 4-22 设置 flex 布局交叉轴多行子元素的分布 │ ├── [8.3M] 4-23 设置 flex 子元素的排列顺序 │ ├── [ 15M] 4-24 设置 flex 布局子元素的宽度扩展 │ ├── [ 13M] 4-25 设置 flex 布局子元素收缩 │ ├── [ 11M] 4-26 设置 flex 布局的基础尺寸 │ ├── [ 41M] 4-27 设置 flex 布局子元素宽度的扩展、收缩、基础尺寸 │ ├── [ 13M] 4-28 设置 flex 布局单个子元素在交叉轴上的对齐方式 │ └── [ 28M] 4-29 课堂总结 ├── 5-【基础】微信小程序中的事件系统及交互反馈 – 极致的小程序交互体验/ │ ├── [3.0M] 5-1 课堂介绍 │ ├── [5.1M] 5-2 什么是事件系统 │ ├── [ 18M] 5-3 注册事件的不同方式 │ ├── [ 26M] 5-4 捕获阶段和冒泡阶段 │ ├── [ 23M] 5-5 事件对象 （上） │ ├── [ 18M] 5-7 交互反馈 – Toast │ ├── [ 36M] 5-8 交互反馈 – Modal │ ├── [ 29M] 5-9 交互反馈 – loading │ ├── [ 20M] 5-10 交互反馈 – actionsheet │ └── [ 32M] 5-11 课堂总结 ├── 6-【中级】小程序的路由跳转、生命周期和数据存储 – 构建功能更加丰富的小程序应用/ │ ├── [2.3M] 6-1 课堂介绍 │ ├── [ 26M] 6-2 路由跳转 – navigateTo │ ├── [ 43M] 6-3 路由跳转 – navigateTo 中的 events 和 url 参数传递 │ ├── [ 41M] 6-4 路由跳转 – navigateBack │ ├── [ 19M] 6-5 路由跳转 – redirect │ ├── [ 20M] 6-6 路由跳转 – switchTab │ ├── [ 13M] 6-7 路由跳转 – reLaunch │ ├── [4.6M] 6-8 生命周期的概念 │ ├── [ 80M] 6-9 App 的生命周期 │ ├── [ 80M] 6-10 Page 的生命周期 │ ├── [2.4M] 6-11 数据存储的概念 │ ├── [ 38M] 6-12 全局数据的存储（增改查） │ ├── [ 33M] 6-13 页面数据的存储（增改查） │ ├── [ 41M] 6-14 缓存数据的存储（增删改查） │ └── [ 29M] 6-15 课堂总结 ├── 7-【中级】微信小程序网络请求的封装 – 现代应用必不可少的重要环/ │ ├── @更多it资源 www. │ ├── [2.4M] 7-1 课堂介绍 │ ├── [6.0M] 7-2 网络请求的概念 │ ├── [ 57M] 7-3 小程序中如何发起网络请求 │ ├── [4.3M] 7-4 封装的意义 │ ├── [ 39M] 7-5 网络请求的封装 │ ├── [ 26M] 7-6 后端接口的封装 │ ├── [ 26M] 7-7 表单实战 – UI 搭建 │ ├── [ 60M] 7-8 表单实战 – 逻辑接口完善 │ └── [1.5M] 7-9 课堂总结 ├── 8-【基础】Vue3的概念与响应式数据创建和动态的页面渲染-Vue3的特点和基础语法/ │ ├── [3.2M] 8-1 课堂介绍 │ ├── [ 18M] 8-2 Vue3 的特点 │ ├── [ 29M] 8-3 Vue3 项目的创建方式 │ ├── [ 32M] 8-4 Vue3的模板语法 │ ├── [ 44M] 8-5 Vue3 响应式数据 – ref │ ├── [ 35M] 8-6 Vue3 响应式数据- reactive │ ├── [ 35M] 8-7 Vue3 源码解读 ref 和 reactive 之间的区别 │ ├── [ 25M] 8-10 Vue3 指令 v-on- │ ├── [ 43M] 8-11 Vue3 事件修饰符 │ ├── [ 39M] 8-12 Vue3 条件渲染 │ ├── [ 72M] 8-13 Vue3 列表渲染 │ ├── [ 67M] 8-14 Vue3 数组的响应式变更 │ └── [ 29M] 8-15 课堂总结 ├── 9-【入门】Vue3 的常用组件与数据侦听和生命周期的使用 – Vue3 的核心/ │ ├── [ 12M] 9-1 课堂介绍 │ ├── [ 50M] 9-2 表单控件 – input │ ├── [ 35M] 9-3 表单控件 – textarea │ ├── [ 64M] 9-4 双向绑定 v-model │ ├── [ 31M] 9-5 表单控件 – radio │ ├── [ 34M] 9-6 表单控件 – checkbox │ ├── [ 34M] 9-7 表单控件 select │ ├── [ 57M] 9-8 表单修饰符 │ ├── [110M] 9-9 计算属性 – computed │ ├── [107M] 9-10 侦听器 – watch │ ├── [ 63M] 9-11 生命周期 – 挂载阶段 │ ├── [ 51M] 9-12 生命周期 – 更新阶段 │ ├── [ 52M] 9-13 生命周期 – 卸载阶段 │ └── [ 44M] 9-14 课堂总结 ├── 10-【中级】Vue3 的组件化开发和组件间的通信方式- 大型复杂应用的主流开发模式/ │ ├── [2.2M] 10-1 课堂介绍 │ ├── [4.0M] 10-2 组件化开发的概念 │ ├── [ 32M] 10-3 全局组件和局部组件的注册 │ ├── [ 14M] 10-4 动态组件 – component │ ├── [ 14M] 10-5 props 的概念和数据传递 │ ├── [ 13M] 10-6 利用 snippet generator 生成 vscode 代码片段 │ ├── [ 44M] 10-7 props 传递的注意事项 │ ├── [ 54M] 10-8 props 的校验 │ ├── [ 52M] 10-9 单向数据流 – 更新父组件中的数据 │ ├── [ 20M] 10-10 slot – 插槽的基本使用 │ ├── [ 24M] 10-11 slot – 具名插槽 │ ├── [ 31M] 10-12 slot – 作用域插槽 │ └── [ 29M] 10-13 课堂总结 ├── 11-【高级】Vue3 的路由管理与状态管理 – 构建 Vue3 大型应用的基石/ │ ├── [2.4M] 11-1 课堂介绍 │ ├── [ 52M] 11-2 Vue Router 的常用注册方式 │ ├── [ 68M] 11-3 Vue Router RouterLink 和 RouterView 的相关使用 │ ├── [ 38M] 11-4 Vue Router 嵌套路由 │ ├── [ 14M] 11-5 Vue Router 敏感模式和严格模式 │ ├── [ 44M] 11-6 Vue Router 动态路由及404页面配置 │ ├── [ 42M] 11-7 Vue Router 命名路由和编程式导航 │ ├── [ 16M] 11-8 Vue Router 中重定向的两种常用方式 │ ├── [8.6M] 11-9 Vue Router 导航守卫的概念 │ ├── [ 45M] 11-10 Vue Router 导航守卫详解 │ ├── [ 38M] 11-11 KeepAlive 组件详解和活跃阶段的生命周期 │ ├── [7.1M] 11-12 Pinia的概念 │ ├── [ 43M] 11-13 Pinia 的安装和集成 │ ├── [ 55M] 11-14 Pinia State 的相关使用 │ ├── [ 16M] 11-15 Pinia Getters 的相关使用 │ ├── [ 39M] 11-16 Pinia Actions的相关使用 │ ├── [ 28M] 11-17 Pinia Plugins 的相关使用 │ └── [ 40M] 11-18 课堂总结 ├── 12-【高级】Uni 的概念与项目创建和相关文件的作用 – 跨端框架的首选/ │ ├── [2.4M] 12-1 课堂介绍 │ ├── [ 14M] 12-2 uni 的概念、由来和使用原因 │ ├── [6.4M] 12-3 uni 的语言特点 │ ├── [ 10M] 12-4 uni 编译器和运行时 │ ├── [ 50M] 12-5 uni 官网面板介绍和使用 HBuilderX 创建项目 │ ├── [ 45M] 12-6 uni 使用 vue-cli 创建项目 │ ├── [ 35M] 12-7 uni 两种方式创建项目的区别 │ ├── [ 29M] 12-8 uni main.js 的作用 │ ├── [ 34M] 12-9 uni App.vue 的作用 │ ├── [ 25M] 12-10 uni manifest.json 的作用 │ ├── [ 42M] 12-11 uni pages.json 的作用和代码片段的配置 │ └── [ 11M] 12-12 课堂总结 ├── 13-【基础】Uni 的多个复杂案例实现 – 加深对 Vue3 和小程序知识点的掌握/ │ ├── [2.5M] 13-1 课堂介绍 │ ├── [ 53M] 13-2 TabBar 案例 │ ├── [ 22M] 13-3 Counter 案例（1） │ ├── [ 29M] 13-4 Counter 案例（2） │ ├── [ 36M] 13-5 Router 案例（1） │ ├── [ 38M] 13-6 Router 案例（2） │ ├── [ 38M] 13-7 Form 案例 │ ├── [ 42M] 13-8 Request 案例（1） … 其余 129 项略，目录共 329 项
