**微信小程序开发入门教程导读：从零构建移动端轻量化应用**

在移动互联网流量红利见顶的当下，微信小程序凭借其“无需下载、用完即走、生态互通”的特性，已成为连接用户与服务的核心入口之一。对于希望切入前端开发领域或拓展技术栈的开发者而言，掌握小程序开发不仅是技能上的增值，更是理解轻量化应用架构的关键一步。本课程《微信小程序开发入门教程》专为初学者打造，通过系统化、模块化的讲解，帮助你从环境搭建到逻辑实现，完整构建小程序开发能力。

课程伊始，你将深入理解微信小程序的底层逻辑与生态定位。第一章聚焦于“小程序基础知识”，首先从注册账号与后台管理入手，让你清晰掌握微信公众平台的操作界面与核心功能配置，这是后续开发的基石。随后，课程详细拆解了微信开发者工具的安装与使用，包括项目初始化流程，帮助你快速上手开发环境，避免在工具配置阶段受阻。

接着，课程将带你全面解析小程序的文件目录结构。不同于传统网页开发，小程序采用独特的分层架构，涵盖项目根目录、全局配置文件、页面配置文件以及页面入口文件等。你将学习到 `app.json` 如何控制全局路由与窗口表现，`app.js` 如何承载应用的生命周期逻辑，以及页面级别的 `json`、`wxml`、`wxss` 和 `js` 文件如何协同工作。这种结构化的认知，有助于你在后续开发中理清代码脉络，规范文件管理。

在掌握基础架构后，课程深入到语法与交互层面。你将系统学习 WXML（WeiXin Markup Language）的核心语法，包括数据绑定、条件渲染、列表渲染等常用指令，学会如何用声明式的方式构建页面结构。同时，课程特别强调了模板（template）的定义与复用技巧，通过两个课时的深入讲解，让你掌握如何封装通用 UI 组件，提升代码的可维护性与开发效率。此外，事件传参机制也是本章重点，通过实际案例演示，你将学会如何在不同页面间高效传递数据，实现复杂的业务逻辑交互。

本课程不仅注重理论讲解，更强调实战落地。每一章节均配有详细的时长规划与知识点拆解，确保学习者能够循序渐进地吸收内容。无论你是完全零基础的编程小白，还是希望从 H5 或 App 开发转型的前端工程师，这门课程都能为你提供清晰的学习路径。通过完成本课程的学习，你不仅能独立开发出一套完整的小程序应用，更能建立起对小程序生态系统的全局视野，为后续深入学习复杂业务场景打下坚实基础。让我们一同开启这段小程序开发之旅，探索轻量化应用的技术魅力。

课程目录

1-1 [小程序基础知识] 微信小程序注册和后台介绍 (18:54)
1-2 [小程序基础知识] 小程序初始化和开发工具介绍 (28:22)
1-3 [小程序基础知识] 小程序目录介绍 (14:07)
1-4 [小程序基础知识] 小程序全局配置文件 (16:16)
1-5 [小程序基础知识] 小程序页面配置文件 (05:12)
1-6 [小程序基础知识] 小程序入口文件 (09:28)
1-7 [小程序基础知识] 程序页面入口文件 (21:07)
1-8 [小程序基础知识] 小程序事件传参 (18:59)
1-9 [小程序基础知识] 小程序wxml语法 (26:15)
1-10 [小程序基础知识] 模板template的定义和使用 (11:30)
1-11 [小程序基础知识] 模板template的定义和使用 (11:34)
1-12 [小程序基础知识] 模板template练习 (11:34)
2-1 [微信小程序组件] 小程序scroll-view组件 (19:08)
2-2 [微信小程序组件] 小程序scroll-view组件 (10:32)
2-3 [微信小程序组件] 小程序swiper组件 (16:11)
2-4 [微信小程序组件] 小程序icon组件 (05:26)
2-5 [微信小程序组件] 小程序process组件 (08:59)
2-6 [微信小程序组件] 小程序text组件和rich-text组件 (11:37)
2-7 [微信小程序组件] 小程序button组件 (20:36)
2-8 [微信小程序组件] 小程序input组件 (21:37)
2-9 [微信小程序组件] 小程序单选框和复选框 (08:11)
2-10 [微信小程序组件] 小程序picker组件 (29:36)
2-11 [微信小程序组件] 小程序picker组件之multiSelector (19:15)
2-12 [微信小程序组件] 小程序slider组件 (09:39)
2-13 [微信小程序组件] 小程序form表单练习 (17:07)
2-14 [微信小程序组件] 小程序tabBar的设置 (08:55)
2-15 [微信小程序组件] 小程序navigator组件 (17:03)
2-16 [微信小程序组件] 小程序image组件 (11:47)
3-1 [微信小程序API接口] 小程序wx.getSystemInfo接口 (09:28)
3-2 [微信小程序API接口] 小程序路由跳转 (23:28)
3-3 [微信小程序API接口] 小程序发送网络请求 (09:30)
3-4 [微信小程序API接口] 网络请求封装 (12:33)
3-5 [微信小程序API接口] 小程序缓存操作 (14:05)
4-1 [微信小程序weui和云开发] 微信小程序weui的npm安装 (16:07)
4-2 [微信小程序weui和云开发] 微信小程序weui的扩展库安装 (24:08)
4-3 [微信小程序weui和云开发] 微信小程序云开发开通 (13:47)
4-4 [微信小程序weui和云开发] 微信小程序云数据库增删改查 (16:33)
4-5 [微信小程序weui和云开发] 微信小程序云函数 (20:12)
4-6 [微信小程序weui和云开发] 微信小程序自定义组件 (22:06)
4-7 [微信小程序weui和云开发] 微信云存储小练习 (14:11)
4-8 [微信小程序weui和云开发] 微信小程序模块开发 (25:26)
4-9 [微信小程序weui和云开发] 对上传函数进行模块封装 (11:33)
5-1 [使用云开发实现图片列表] 使用weui对图片进行上传（上） (20:37)
5-2 [使用云开发实现图片列表] 使用weui对图片进行上传（下） (19:33)
5-3 [使用云开发实现图片列表] 如何批量上传图片？ (28:18)
5-4 [使用云开发实现图片列表] 对批量上传函数进行模块封装 (10:48)
5-5 [使用云开发实现图片列表] 封装数据库操作函数 (20:41)
5-6 [使用云开发实现图片列表] 制作小程序用户列表页 (20:09)
5-7 [使用云开发实现图片列表] 列表页触底加载更多 (24:04)
5-8 [使用云开发实现图片列表] 对触底加载更多函数进行封装 (12:33)
5-9 [使用云开发实现图片列表] 小程序列表页跳转详情页 (22:12)