tencent cloud

腾讯云超级应用服务

动态与公告
【2025年1月2日】关于腾讯云小程序平台更名为腾讯云超级应用服务的公告
控制台更新动态
Android SDK 更新动态
iOS SDK 更新动态
Flutter 更新动态
IDE 更新动态
基础库更新动态
产品简介
产品概述
产品优势
应用场景
购买指南
计费概述
按量计费(后付费)
续费指引
停服说明
快速入门
套餐管理
概述
控制台账号管理
存储配置
加速配置
品牌化配置
平台功能
控制台登录
用户和权限体系
小程序管理
小游戏管理
应用管理
商业化
平台管理
用户管理
团队管理
运营管理
安全中心
代码接入指引
Demo 及 SDK 获取
Android
iOS
Flutter
App 服务端接入指南
GUID 生成规则
小程序开发指南
小程序介绍与开发环境
小程序代码组成
指南
框架
组件
API
服务端
JS SDK
基础库
IDE 使用指南
小游戏开发指南
指南
API
服务端
实践教程
小程序登录实践教程
小程序订阅消息实践教程
支付相关实践教程
广告接入实践教程
小游戏订阅消息实践教程
相关协议
数据处理和安全协议

介绍

PDF
聚焦模式
字号
最后更新时间: 2025-03-10 16:12:24
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在客户端中开发具有原生 APP 体验的服务。
整个小程序框架系统分为两部分:逻辑层(App Service)和渲染层(View)。小程序提供了自己的渲染层描述语言WXMLWXSS,以及基于 JavaScript 的逻辑层框架,并在渲染层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

响应的数据绑定

框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,渲染层就会做相应的更新。
通过这个简单的例子来看:
<!-- This is our View -->
<view> Hello {{name}}! </view>
<button bindtap="changeName"> Click me! </button>
// This is our App Service.
// This is our data.
var helloData = {
name: 'TCSAS'
}

// Register a Page.
Page({
data: helloData,
changeName: function(e) {
// sent data change to view
this.setData({
name: 'World'
})
}
})
开发者通过框架将逻辑层数据中的name与视图层的name进行了绑定,所以在页面一打开的时候会显示 Hello TCSAS!
当单击按钮的时候,视图层会发送changeName的事件给逻辑层,逻辑层找到并执行对应的事件处理函数;
回调函数触发后,逻辑层执行setData的操作,将data中的nameTCSAS变为World,因为该数据和渲染层已经绑定了,从而渲染层会自动改变为 Hello World!

页面管理

框架管理了整个小程序的页面路由,可以做到页面间的无缝切换,并给以页面完整的生命周期。开发者需要做的只是将页面的数据、方法、生命周期函数注册到框架中,其他的一切复杂的操作都交由框架处理。

基础组件

框架提供了一套基础的组件,这些组件自带统一风格的样式以及特殊的逻辑,开发者可以通过组合基础组件,创建出功能丰富的小程序。

丰富的API

框架提供丰富的原生 API,可以方便的调起小程序 SDK 提供的能力,如获取地理位置信息,本地存储等。


帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈