一、开发前的准备工作
1.申请AppID:一个账号对应一个小程序,个人/个体只能申请5个小程序
2.下载开发工具
二、小程序的文件结构
三、
1.数据绑定
1.1数据的设置
Page( data:{ name:'name', age:18 } )
1.2数据的调用
<view>{{name}}</view> <view>{{age}}</view>
2.列表的渲染
2.1数据的设置
Page( data:{ stundents:[ {id:1,name:'alxes',age:11}, {id:2,name:'alxes',age:12}, {id:3,name:'alxes',age:13} ] } )
2.2数据的调用
<view wx:for="{{stundents}}">{{item.id}}{{item.name}}item.age</view>
3.事件的监控
3.1事件的定义
Page( data:{ counter:0 } handleEvent(){ this.setDate({ counter:this.data.counter+1 }) } )
3.2事件的引用
四、小程序的配置
1.project.config.json:项目配置文件,比如项目名称,appid
2.sitemap.json:小程序搜索相关
3.app.json:全局配置
属性 | 类型 | 必填 | 描述 |
pages | string[] | 是 | 页面路径列表 |
window | Object | 否 | 全局默认窗口表现 |
tabBar | Object | 否 | 底部tab栏表现 |
4.page.json:页面配置