微信小程序入门-微信教程.pptx

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