tencent cloud

文档反馈

框架概述

最后更新时间:2024-03-04 23:07:33
    小程序开发框架的目标是为开发者提供一种简单、高效的方式,在宿主 App 中开发具有原生 App 体验的服务。为此,框架提供了以下工具和框架:
    视图层描述语言 WXML 和 WXSS。
    基于 JavaScript 的逻辑层框架。
    此外,框架还提供了数据传输和事件系统,以便视图层和逻辑层之间进行通信和交互。这些系统可以帮助开发者更轻松地实现各种功能和交互效果,从而提高开发效率和用户体验。

    响应的数据绑定

    小程序框架的核心是一个响应式数据绑定系统,它可以简单地保持数据与视图同步。当数据发生变化时,只需在逻辑层进行修改,视图层会自动更新。小程序框架分为两部分:
    视图层(View)
    逻辑层(App Service)
    视图层负责渲染页面,而逻辑层则负责处理业务逻辑和数据操作。两者之间通过数据绑定系统进行通信和交互,从而实现数据和视图的同步更新。
    通过如下示例来看:
    <!-- This is our View -->
    <view>Hello {{name}}!</view>
    <button bindtap="changeName">Click me!</button>
    // This is our App Service.
    // This is our data.
    const helloData = {
    name: 'TMF'
    }
    
    // Register a Page.
    Page({
    data: helloData,
    changeName(e) {
    // sent data change to view
    this.setData({
    name: 'MINA'
    })
    }
    })
    开发者通过框架将逻辑层数据中的name与视图层的name进行了绑定,所以在页面一打开的时候会显示Hello TCMPP!
    当单击按钮的时候,视图层会发送changeName的事件给逻辑层,逻辑层找到并执行对应的事件处理函数。
    回调函数触发后,逻辑层执行setData的操作,将data中的nameTCMPP变为MINA,因为该数据和视图层已经绑定了,从而视图层会自动改变为Hello MINA!

    页面管理

    小程序框架管理了整个小程序的页面路由,可以做到页面间的无缝切换,并给以页面完整的生命周期。开发者只需要将页面的数据、方法、生命周期函数注册到框架中,其他的一切复杂的操作都交由框架处理。
    框架可以帮助开发者更轻松地实现页面的管理和切换,从而提高开发效率和用户体验。开发者只需要关注页面的业务逻辑和交互效果,而不必过多关注底层实现细节。

    基础组件

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

    丰富的 API

    框架提供丰富的宿主 App 原生 API,可以方便的调起宿主 App 提供的能力,如获取用户信息,本地存储,支付功能等。
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持