文档首页> Astro轻应用 AstroZero> 用户指南(低代码)> 新版应用开发指导> 标准页面> 事件说明> 如何通过JS代码,实现页面与后台接口间的交互
更新时间:2023-01-16 GMT+08:00
分享

如何通过JS代码,实现页面与后台接口间的交互

使用说明

如果您擅长编写JS代码,可以不使用事件编排器中的内置动作,直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时,进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。

  • 内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API
    图1 使用内置的模块代码
    图2 内置模板代码
  • 当代码较多时,可以单击代码编辑区域右上侧的,最大化代码编辑页面。
  • 单击具体模板代码事件左侧的,可复制该模板代码。复制后,可在右侧代码编辑区域中进行粘贴。
  • 单击具体模板代码事件右侧的,可打开该模板代码进行编辑,编辑后支持拷贝。关闭模板代码后,模板代码还是初始代码,不会将您在模板代码中编辑后的内容,保存到该事件的模板代码中。

AI代码补全功能

功能描述:开发者在JS代码编写过程中,键入特定的字符,界面会进行提示,从而自动构建智能代码补全服务,增强IDE代码补全能力。

使用方法:开发者在JS代码编辑器中,编写代码过程中敲击字符时,会自动触发代码推荐,选中后按Enter补全。

  • 事件内置API补全:输入“context”后,提示事件代码内可调用的API。

  • 模型名称补全:输入“context.$model.ref”后,提示当前页面中的模型。

  • 服务编排名称补全:输入“context.flow”后,提示当前租户下的服务编排。

  • 脚本名称补全:输入“context.script”后,提示当前租户下的脚本。

  • 服务名称补全:输入“context.service”后,提示当前租户下的API服务,选择API服务名称后自动补全服务地址。

  • 华为OneMobile API补全:输入“xm”后,提示华为OneMobile小程序中的API。

  • WeLink API补全:输入“HWH5”后提示WeLink小程序中的API。

分享:

    相关文档

    相关产品