钉钉扫条形码学习1

小程序目录结构

app

app 用来描述整体程序,app 由以下三个文件组成,必须放在项目的根目录:
在这里插入图片描述

page

page 用来描述各个页面,page 由以下四个文件组成。
在这里插入图片描述

小程序框架

整个小程序框架系统分为逻辑层(App Service)和 视图层(View)。钉钉小程序和微信的不一样,钉钉是自己的视图层描述语言 AXML 和 ACSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统。
在这里插入图片描述

数据绑定

小程序的核心是一个响应式的数据绑定系统,逻辑上分为视图层和逻辑层。这两层始终保持同步,只要在逻辑层修改数据,视图层就会相应的更新。

<!-- 视图层 -->
<view> Hello {
  
  {name}}! </view>
<button onTap="changeName"> Click me! </button>
// 逻辑层
var initialData = {
   
   
  name: 'alibaba'
};

Page({
   
   
  data: initialData,
  changeName(e) {
   
   
    this.setData({
   
   
      name: 'dingtalk'
    })
  }
});

第三方NPM模块

小程序支持引入第三方模块,需先在小程序根目录下执行如下命令安装该模块:

npm install lodash

引入后即可在逻辑层中直接使用:

import lodash from 'lodash'; // 载入第三方 npm 模块

小程序全局配置

全局配置

App代表顶层应用,管理所有页面和全局数据,以及提供生命周期方法。它也是一个构造方法,生成App实例。一个小程序就是一个App实例。每个小程序的顶层一般包含三个文件。
在这里插入图片描述
小程序根目录下的 app.json 文件用来对钉钉小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。文件内容为一个 JSON 对象。

2021/6/23


app.json

{
   
   
   "pages":[
      "pages/index/index",
      "pages/logo/logo",
      "pages/B/B"
   
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值