云服务器内容精选

  • AI代码补全功能 功能描述:开发者在JS代码编写过程中,键入特定的字符,界面会进行提示,从而自动构建智能代码补全服务,增强IDE代码补全能力。 使用方法:开发者在JS代码编辑器中,编写代码过程中敲击字符时,会自动触发代码推荐,选中后按Enter补全。 事件内置API补全:输入“context”后,提示事件代码内可调用的API。 图3 事件内置API补全 模型名称补全:输入“context.$model.ref”后,提示当前页面中的模型。 图4 模型名称补全 服务编排名称补全:输入“context.flow”后,提示当前租户下的服务编排。 图5 服务编排名称补全 脚本名称补全:输入“context.script”后,提示当前租户下的脚本。 图6 脚本名称补全 服务名称补全:输入“context.service”后,提示当前租户下的 API服务 ,选择API服务名称后自动补全服务地址。 图7 服务名称补全 OneMobile API补全:输入“xm”后,提示OneMobile小程序中的API。 图8 OneMobile API补全 WeLink API补全:输入“HWH5”后提示WeLink小程序中的API。 图9 WeLink API补全
  • 控制组件只可读不可编辑 在用户填写调查问卷页面,选中“提交”按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“只读/编辑控件”。 在右侧页面中,单击“添加控件”,选择需要设置的组件,单击“确定”。 图1 选择组件 设置组件是否可编辑,单击“创建”。 图2 设置是否可编辑 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,填写问卷项后,单击“提交”按钮,可预览按钮的事件效果。
  • 通过自定义JS代码编排事件 通过手动编写JS代码,实现按钮的事件逻辑。系统支持在手动编写JS代码时,进行代码联想提示;系统封装了一些常用功能的接口,并将其中典型接口做成模板,您可以从左侧拖动相关模板至右侧事件定义区域,直接使用。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择“自定义动作”,在右侧事件定义区域,输入实现事件逻辑的JS代码,也可从左侧拖动相关模板至右侧事件定义区域,单击“创建”。 内置JS事件说明及使用方法,请参见如何通过JS代码,实现页面与后台接口间的交互。 图4 自定义JS代码 自定义JS代码示例如下: //获取当前组件 var _component = context.$component.current; //获取当前表单 var _form = context.$component.form; // 重置表单 _form.resetFields(); 返回标准页面开发界面,单击页面上方的,保存页面。
  • 通过内置动作编排事件 系统预置了多种常用的事件交互动作,您可以根据需要直接使用,来实现页面或组件之间的交互。 下面以编排一个重置功能的按钮为例,介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能,即重置表单数据。“提交表单”是指将页面数据提交到表单中,和重置表单配置类似,不再单独介绍。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 在“内置动作”中,单击“重置表单”,选择需要重置的表单,单击“创建”。 图3 添加动作 返回标准页面开发界面,单击页面上方的,保存页面,并单击,预览页面。 在表单中输入数据,单击“重置”按钮,可预览按钮的事件效果。
  • 弹出消息对话框 该预置动作,用于弹出消息对话框。以单击“确定”按钮,弹出“创建实例成功”的消息对话框为例,进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”,单击“弹出消息对话框”,设置相关参数,单击“创建”。 图4 关闭弹出页面 消息类型:弹出的消息类型,如成功、错误、警告和提示。 标题:消息对话框左上角,显示的标题。 消息内容:消息对话框中,显示的消息内容。 内容作为HTML渲染:内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击,开启此属性时,请确保传入的内容是可信的。 按钮:消息对话框中,显示的按钮名称。 弹出后延时自动关闭:弹出后,是否支持延时自动关闭。勾选后,需要设置延时秒数。 例如:勾选该参数,并设置延时3秒。效果为弹出消息对话框后,3秒后自动关闭该弹框。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“确定”按钮,可预览按钮的事件效果。
  • 弹出页面 以单击“提交”按钮,弹出“提交成功”的提示页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“弹出页面”,配置目标页面、窗口选项,单击“创建”。 图2 弹出页面 目标页面:设置弹出的目标页面类型。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 窗口可拖拽:窗口是否可来回拖拽。 窗口标题:弹出窗口的标题内容。 窗口位置:弹出窗口在屏幕的位置,如屏幕中央或屏幕顶部居中。 窗口宽度:窗口的宽度,单位像素。 窗口高度:窗口的高度,单位像素。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“提交”按钮,可预览按钮的事件效果。
  • 打开页面 以单击“立即体验”按钮,打开新的产品体验入口页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图1 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。 打开方式:设置目标页面的打开方式,如在新标签页中打开或在当前窗口打开。 参数绑定:当打开的页面URL中,有参数时,可单击“添加”,设置页面URL路径中的参数。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“立即体验”按钮,可预览按钮的事件效果。
  • 弹出消息对话框 该预置动作用于弹出消息对话框。示例,单击某按钮“确定”,弹出消息对话框“创建实例成功”。 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。 在左上角选择“内置动作”,单击“弹出消息对话框”,在右侧设置相关参数,单击“创建”。 图4 关闭弹出页面 表4 “弹出消息对话框”参数说明 参数 说明 消息类型 消息对话框,预置以下几种: 成功 错误 警告 提示 标题 消息对话框左上角的显示标题。 例如:成功 消息内容 消息对话框中显示的消息内容。 例如:创建实例成功 内容作为HTML渲染 内容是否作为HTML渲染。 动态渲染HTML容易导致XSS攻击,当开启此属性时,请确保传入的内容是可信的。 按钮 消息对话框中显示的按钮名称,预置了以下两种可选: 是 确认 弹出后延时自动关闭 弹出后是否支持延时自动关闭。勾选后,需要设置延时秒数。 例如:勾选该参数,并设置延时3秒。效果为弹出消息对话框后,3秒后自动关闭该弹框。 单击页面上方保存按钮,保存页面。 单击预览页面,单击“确定”按钮,可预览按钮的事件效果。
  • 关闭弹出页面 示例,单击某按钮“确定”,关闭弹出页面。 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。 在左上角选择“内置动作”,单击“关闭弹出页面”,配置是否有返回值,单击“创建”。 图3 关闭弹出页面 表3 “关闭弹出页面”参数说明 参数 说明 返回值 关闭弹窗页面时,是否带返回值。如果有,请配置返回值。 单击页面上方保存按钮,保存页面。 单击预览页面,单击“确定”按钮,可预览按钮的事件效果。
  • 打开页面 示例,单击某按钮“立即体验”,打开新的产品体验入口页面。 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。 在左上角选择“内置动作”,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图1 打开页面 表1 “打开页面”参数说明 参数 说明 目标页面 打开的页面有以下几种: 当前应用页面:当前应用已创建好的页面 URL:某个页面的URL 重新加载当前页面:加载刷新当前的页面 打开方式 打开方式: 在新标签页中打开 在当前窗口打开 参数绑定 可选配置。当打开的页面URL中有参数时,可单击“添加”,设置页面URL路径中的参数。 单击页面上方保存按钮,保存页面。 单击预览页面,单击“立即体验”按钮,可预览按钮的事件效果。
  • 弹出页面 示例,单击某按钮“提交”,弹出“提交成功”的提示页面。 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。 在左上角选择“内置动作”,单击“弹出页面”,配置目标页面、窗口选项,单击“创建”。 图2 弹出页面 表2 “弹出页面”参数说明 参数 说明 目标页面 弹出的页面有以下几种: 当前应用页面:当前应用已创建好的页面 URL:某个页面的URL 窗口可拖拽 窗口是否可来回拖拽。 窗口标题 弹出窗口的标题内容。 窗口位置 弹出窗口在屏幕的位置: 屏幕中央 屏幕顶部居中 窗口宽度 窗口的宽度,单位像素。 窗口高度 窗口的高度,单位像素。 单击页面上方保存按钮,保存页面。 单击预览页面,单击“提交”按钮,可预览按钮的事件效果。