微信小程序开发

基本文件介绍:

.wxml文件 　　页面内容文件 (类html)

.wxss文件 　　页面样式文件 (类css)

.js文件   　　   页面交互文件（JavaScript ）

.json文件　　  js的对象表示法（JavaScript Object Notation）

• 数据在名称/值对中
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组

微信小程序文件结构

app.json定义项目页面路径

{

"pages":[],"window":{}

}

.wxml创建页面内容

.js创建用户交互页面Page();方法调用

app.js定义项目交互方法App();方法调用

 

数据的处理:

页面初始化变量都定义在,页面.js文件的Page data:{name: "fristname"}结构中//在.wxml是引用变量,{{name}}

设定变量使生效setData({name:"dsads"});

事件的处理:

在事件处理组件中绑定事件函数;

在.js文件中定义事件函数;

逻辑语句

wx:if  wx:else  wx:for

<view wx:if="{{ }}"> </view>

<view wx:for="{{数组}}"> {{item}}</view>  //item表示取得数组每项值

模版: