微信小程序入门微信教程专题培训课件.ppt

1、微信小程序入门微信教程微信小程序入门微信教程分享内容 环境搭建 开发规则 博客实战环境搭建环境搭建盘点环境搭建盘点账号申请HTTPS证书IDE安装配置域名申请账号申请账号注册地址：同一邮箱,只能注册一个服务（个人）注册需要实名认证安装安装IDE开发工具开发工具下载地址：支持 windows 和 MAC打开编辑器需要微信扫码登录申请申请HTTPS证书证书申请地址：免费证书，需要单个子域名申请申请需要审核 , 一个工作日配置生产服务器配置生产服务器小程序- 设置- 服务器域名不支持IP地址以及端口号一个月内可申请5次修改需要ICP备案过的域名开发规则开发规则盘点开发规则盘点整体结构公共方法全局配置

2、标签语法事件处理整体目录结构整体目录结构pages主要工作区域app.js主入口文件,公共方法app.json全局配置文件全局配置文件全局配置文件所有页面需要事先在pages中注册pages中注册的页面，自动产生代码app.json 代码详情状态栏标题窗口背景色导航栏window中可以配置主要工作区域主要工作区域JS 控制器WXML 模板文件XSS样式文件控制器初始化代码控制器初始化代码初始化产生的代码中包含常用的事件只需要在对应事件下编写自己的代码数据绑定与条件渲染数据绑定与条件渲染数据绑定demo条件渲染demo遍历与事件遍历与事件事件交互demo遍历列表demo博客实战博客技术盘点博客技

3、术盘点列表遍历数据请求渲染页面路由传参事件绑定1. 获取文章列表数据获取文章列表数据1. 通过网络请求获取列表数据2. 分配数据到模板中2. 模板遍历渲染模板遍历渲染wx:for=list /遍历数组item.id /数据绑定，Mustache语法3. 跳转事件处理跳转事件处理在页面中绑定一个事件控制器中监听事件，获取对应的值通过wx.navigateTo 方法进行跳转4. 详情页面详情页面详情页控制器部分代码详情页模板渲染代码第三方插件第三方插件 wxParse下载地址下载地址: 格式转为转为 WXML只需要在引入对应文件即可内容回顾内容回顾账号注册HTTPS证书域名配置整理结构标签语法事件处理模板渲染异步请求wxParse