首页 欧洲联赛正文

支付宝小程序和微信小程序大体相同,先看一下目录结构。

目录结构

目录结构

从下面的注释中先整体认综琼瑶之组团刷刷刷识下小程序的目录结构

assets // 寄存各种静态资源,如图片
com单挑荒野,支付宝小程序快速入门(一),maxus大通ponents // 小程序自界说组件目录
--add-button // 这儿咱们界说了一个叫a赤道银行是什么意思dd-but单挑荒野,支付宝小程序快速入门(一),maxus大通ton的组件
pages // 小程序里边包括的一切的页面都放在pages下面,一个页面一个文件夹
--add-todo // 小程序页面
--todos // 小程序页面
app.js // 这儿装备了小程序的一些大局事务逻辑,比方大局办法,大局变量
app.acss // 大局款式装备,这儿的款式在每一个页面都能够收效
app.json // 装备小程序页面一些根底装备信息,比方页面途径

json

json开国将军任荣谢世文件用来对代码进行各种装备,比方app.json,就洛克王国金色命运之钥是对整个小程序进行了相关装备。

// app.json
{
"pages": [
"pages/todos/todo许韶纯s", 天顺化工
"pages/add-todo/ad单挑荒野,支付宝小程序快速入门(一),maxus大通d-todo"
],
"window": {
单挑荒野,支付宝小程序快速入门(一),maxus大通"defaultTitle": "Todo Ap山竺民宿p",
"titleBarColor": "#323239"
}
}
  1. pages特点是一个数组,数组中的每一个字符串都界说了小程序的页面途径,todo list的demo中外面装备了两个目录。当增加其他页面今后记住要同步的再pages里边增加相关的装备才能够拜访。
  2. window中的defaultTitle装备界说了小程序顶部的案牍为:宝瑞峰"Todo App",纯情少女火辣辣titleBarColor将小程序的顶部背景色界说为指定的十六进制颜色。

关于app.json文件的楚家军其他装备能够点击 这儿检查。

上面说的json文件是大局的json装备,单挑荒野,支付宝小程序快速入门(一),maxus大通每个页面单挑荒野,支付宝小程序快速入门(一),maxus大通或许组件内也有相关json的装备,用于指定组件的依靠等,点此检查。

axml

axml总体上能够理解为小程序的html,和html的首要差异在于:

  1. 标签不同,比方在小程序中运用代替
  2. axml支撑的标签类型比html少。
  3. axml标签有自己的解析语法十品官吴山羊,能够完成遍历,条件判别石河子邱伟等高档操作,html仅仅静态标签。

{{num保镳泰诺斯ber}}

在axml中经过 "{{ }}" 这样的方式来烘托变量或许履行一些简略的运算判别,比方上面单挑荒野,支付宝小程序快速入门(一),maxus大通的co周莹故乡mpleted便是一个三元运算,当completed是true的时分class女生娇喘会被烘托为todo-item che香斑弓背蚁cked 或许只要 todo-item。

而{{number}} 这个变量会依据被赋值的状况在烘托后显现相应的成果。

acss

acss在支撑大部分css语法的根底上,扩展了css的才能。比较css,首要不同在于:

  1. 支撑rpx单位核算。
  2. 能够经过@import导入其他途径下的acss文件。葛优体
  3. 更多信息点击这儿检查。

js

js文件用来描绘代码逻辑,每个页面都需求有一个js文件来描绘当前页面的逻辑关系。简略经过下面的代码来阐明下。

// pages/todos/todo.js
const app = getApp();
Page({
data: {}天途易居,
onLoad() {},
onTodoChanged(e) {}
});

Page类陈罗庭是页面的结构函数,需求在每个页面界说时写入。

  1. data
  • data目标会作为axml的烘托上下文,浅显说假设data中有一个name特点是'alipay',那么在对应的axml文件中就能够运用{{name}}这样的方式读取出'alipay'。当运用setData办法使data中的数据发作变化的时分,axml中的数据也会实时发作改变。
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。