支付宝小程序学习篇之文件结构

本文介绍了支付宝小程序的基本结构,包括json文件的全局配置,如pages数组定义页面路径,window配置小程序顶部信息;axml作为小程序的HTML,使用特定标签和表达式渲染变量;acss扩展了CSS的能力,支持rpx单位和导入其他文件;js文件描述页面逻辑,使用Page类和data对象进行数据绑定,并通过生命周期函数onLoad和自定义方法实现交互。
摘要由CSDN通过智能技术生成

一、基本结构

在这里插入图片描述

二、详细说明

1.json
json文件用来对代码进行各种配置,比如app.json,就是对整个小程序进行了相关配置。

// app.json
{
  "pages": [
    "pages/todos/todos",    
    "pages/add-todo/add-todo"
  ],
  "window": {
    "defaultTitle": "Todo App",
    "titleBarColor": "#323239"
  }
}

pages属性是一个数组,数组中的每一个字符串都定义了小程序的页面路径,todo list的demo中外面配置了两个目录。当添加其他页面以后记得要同步的再pages里面添加相关的配置才能够访问。
注意:papes数组中,第一个元素就是首次加载显示的页面
window中的defaultTitle配置定义了小程序顶部的文案为:“Todo App”,titleBarColor将小程序的顶部背景色定义为指定的十六进制色彩。
关于app.json文件的其他配置可以点击 这里查看。
上面说的json文件是全局的json配置,每个页面或者组件内也有相关json的配置,用于指定组件的依赖等。

2.axml
axml总体上可以理解为小程序的html,和html的主要区别在于&

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值