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

公共方法
全局配置
标签语法
事件处理
整体目录结构
• pages
主要工作区域
• app.js
主入口文件,公共方法
• app.json 全局配置文件
全局配置文件
• 所有页面需要事先在pages中注册 • pages中注册的页面，自动产生代码
window中可以配置
状态栏
导航栏
app.json 代码详情
标题
数据请求
渲染页面
路由传参
事件绑定
1. 获取文章列表数据
• 1. 通过网络请求获取列表数据 • 2. 分配数据到模板中
2. 模板遍历渲染
• wx:for="{{list}}" //遍历数组 • {{item.id}} //数据绑定，Mustache语法
3. 跳转事件处理
• 在页面中绑定一个事件 • 控制器中监听事件，获取对应的值 • 通过wx.navigateTo 方Leabharlann Baidu进行跳转
申请HTTPS证书
• 申请地址：www.alipay.com • 免费证书，需要单个子域名申请 • 申请需要审核 , 一个工作日
配置生产服务器
• 小程序-> 设置-> 服务器域名 • 不支持IP地址以及端口号 • 一个月内可申请5次修改 • 需要ICP备案过的域名
开发规则
开发规则盘点
整体结构
窗口背景色
• JS • WXML • XSS
控制器 模板文件 样式文件
主要工作区域
控制器初始化代码
• 初始化产生的代码中包含常用的事件 • 只需要在对应事件下编写自己的代码
数据绑定demo
数据绑定与条件渲染
条件渲染demo
遍历列表demo
遍历与事件
事件交互demo
博客实战
博客技术盘点
列表遍历
微信小程序入门微信教程
分享内容
• 环境搭建 • 开发规则 • 博客实战
环境搭建
环境搭建盘点
IDE安装
账号申请
配置域名
HTTPS证书
申请账号
• 注册地址：mp.weixin.qq.com • 同一邮箱,只能注册一个服务（个人） • 注册需要实名认证
安装IDE开发工具
•下载地址：servicewechat.com •支持 windows 和 MAC •打开编辑器需要微信扫码登录
详情页控制器部分代码
4. 详情页面
详情页模板渲染代码
第三方插件 wxParse
• 下载地址: github.com/icindy/wxParse
• 把HTML/MD 格式转为 WXML • 只需要在引入对应文件即可
内容回顾
账号注册 HTTPS证书 域名配置
整理结构 标签语法 事件处理
模板渲染 异步请求 wxParse