Python_小程序

一、开发前的准备工作

  1.申请AppID:一个账号对应一个小程序,个人/个体只能申请5个小程序

  2.下载开发工具

二、小程序的文件结构

三、

  1.数据绑定

    1.1数据的设置

Page(
    data:{
        name:'name',
        age:18
    }
)
page.js的内容

    1.2数据的调用

<view>{{name}}</view>
<view>{{age}}</view>
page.wxml

  2.列表的渲染

    2.1数据的设置

Page(
    data:{
        stundents:[
        {id:1,name:'alxes',age:11},
        {id:2,name:'alxes',age:12},
        {id:3,name:'alxes',age:13}
        ]
    }
)
page.js

    2.2数据的调用

<view wx:for="{{stundents}}">{{item.id}}{{item.name}}item.age</view>
page.wxml

  3.事件的监控

    3.1事件的定义

Page(
    data:{
        counter:0
    }
    handleEvent(){
        this.setDate({
            counter:this.data.counter+1
        })
    }    
)
page.js

    3.2事件的引用

四、小程序的配置

  1.project.config.json:项目配置文件,比如项目名称,appid

  2.sitemap.json:小程序搜索相关

  3.app.json:全局配置

属性 类型 必填 描述
pages string[] 页面路径列表
window Object 全局默认窗口表现
tabBar Object 底部tab栏表现

  4.page.json:页面配置



猜你喜欢

转载自www.cnblogs.com/cxys85/p/11301684.html
今日推荐