微信小程序开发培训课程大纲

•  

• 培训对象：

• 适合具备HTML、CSS和JavaScript基础知识的Web前端开发者、希望拓展移动端开发能力的后端工程师、对微信小程序开发感兴趣的学生及创业者。

•  

• 培训目标：

• 完成本课程后，学员将能够熟练掌握微信小程序开发的全流程，从小程序账号注册、开发环境搭建到核心语法、组件使用、API调用，最终能够独立完成企业级小程序的开发、调试和发布，具备将商业需求转化为小程序产品的能力。

•  

• 培训内容：

• 
  （1）小程序入门与环境搭建：了解微信小程序的发展历程、应用场景和核心优势。学习注册小程序开发者账号、获取AppID、完善小程序信息。下载安装微信开发者工具，熟悉工具界面布局（菜单栏、模拟器、编辑器、调试器）。创建第一个微信小程序项目，掌握真机预览和调试方法。

  （2）小程序项目结构与配置：深入理解小程序的目录结构，包括项目配置文件（project.config.json）、主体文件（app.js、app.json、app.wxss）和页面文件的组织方式。掌握JSON配置文件的语法和常用配置项（窗口表现、页面注册、底部tabBar等）。了解sitemap配置对小程序搜索的影响。

  （3）WXML视图层开发：学习WXML（微信标记语言）的基本语法和组件化开发思想。掌握数据绑定（{{}}语法）、条件渲染（wx:if、wx:elif、wx:else）、列表渲染（wx:for、wx:for-index、wx:for-item）的核心用法。理解模板（template）和引用（import、include）实现代码复用的方法。

  （4）WXSS样式与Flex布局：掌握WXSS（微信样式表）的基本语法和与CSS的异同（尺寸单位rpx、样式导入@import）。深入理解Flex弹性布局的原理和应用，实现常见的页面布局结构（水平居中、垂直居中、等高布局等）。学习响应式设计技巧，适配不同尺寸的手机屏幕。

  （5）JavaScript逻辑层开发：掌握小程序逻辑层的组织方式，理解App()和Page()函数的用法。学习页面生命周期函数（onLoad、onShow、onReady、onHide、onUnload）的应用场景。掌握事件系统（事件绑定、事件冒泡、事件对象、数据传递）和事件处理函数的编写。

  （6）小程序常用组件应用：系统学习小程序内置组件的使用，包括视图容器组件（view、scroll-view、swiper）、基础内容组件（text、rich-text、icon）、表单组件（button、input、checkbox、radio、picker、switch）、导航组件（navigator）、媒体组件（image、audio、video）和地图组件（map）。通过实际案例掌握组件的属性、事件和样式定制。

  （7）小程序API调用（一）：基础与设备：掌握小程序API的调用规范和回调处理。学习基础API（系统信息、定时器、console调试）、设备API（加速度计、罗盘、陀螺仪、网络状态、打电话、扫码）的使用方法。实现摇一摇变脸、扫码查书等趣味功能。

  （8）小程序API调用（二）：媒体与位置：学习媒体API的使用，包括图片选择与预览、拍照摄像、音频播放与录制、视频组件控制。掌握位置API（获取位置、选择位置、打开位置）和地图组件的结合应用，实现签到测距、附近门店等功能。

  （9）小程序API调用（三）：网络与数据缓存：掌握网络请求API（wx.request）的配置和使用，理解服务器域名配置要求。实现GET/POST请求发送和JSON数据解析，开发天气预报、新闻列表等数据交互应用。学习数据缓存API（wx.setStorage、wx.getStorage）实现本地数据持久化，如存储登录状态、用户偏好设置。

  （10）小程序云开发：了解小程序云开发与传统开发模式的区别和优势（无需自建服务器）。掌握云开发环境的开通和初始化，学习云数据库的创建、插入、查询、更新和删除操作。掌握云存储实现文件上传下载，学习云函数的创建和调用，获取用户OpenID等敏感信息。

  （11）用户认证与支付功能：学习小程序的授权流程，掌握获取用户信息（头像、昵称）、手机号等敏感信息的合法方法。理解登录鉴权的完整流程（wx.login获取code、后端换取openid/session_key）。掌握微信支付的接入流程和关键API调用，实现完整的交易闭环。

  （12）综合项目实战：结合所学知识，完成一个完整的小程序项目开发（如电商商城、新闻资讯、在线点餐系统）。涵盖项目需求分析、UI设计、页面开发、数据交互、用户认证、支付集成、真机调试和提交审核上线的全流程。学习分包加载优化首屏性能，掌握项目发布流程和版本管理。