检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择数据源类型(可选对象数组、树结构),并输入数据源名称。 图1 创建数据源 单击“新增字段”,添加静态数据源。 图2 添加静态数据源 单击“保存”,完成数据源字段添加。 单击“保存”,完成数据源创建。 父主题: 数据源管理
单击“获取远程字段”,设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”,请求成功后获取到接口字段信息,保存后即可生成数据源字段信息。 单击“保存”,完成数据源创建。 父主题: 数据源管理
从state派生出一些状态。 getters:是store中的方法,用于提交mutations或执行异步操作。 图1 添加全局变量 单击“保存”,完成变量添加。 父主题: 变量管理
策略,如图4所示。 您可以选择系统预置的流控策略,也可以选择自定义流控策略。选择自定义流控策略需提前在资产库中创建客户端流控策略。 单击“保存”,完成流控策略配置。 图4 为对象添加方法的流控策略 父主题: 编辑服务
单击,进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称,并编写函数代码。 图1 添加function工具类 单击“保存”,完成function工具类添加。 添加npm工具类 对于一些简单的公共函数来说,直接添加function工具类会很方便,但是对于一些比
单击,展开设置数据源页面。 配置数据源类型(可选对象数组、树结构),数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”,完成数据源创建。 绑定数据源 数据源主要载体为Collection组件,因此在使用数据源之前需要先在画布中拖放入Collection组
页面设计完成后,您可以发布为页面模板。当您的业务与模板中的场景相似度较高时,可以直接使用该模板创建页面,并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 选
页面名称:只允许包含英文字母,且以大写开头驼峰格式,例如LoginPage。 选择文件夹:本示例无须选择。 路由:输入路由信息,例如p123。 图3 创建页面 单击“保存”。 在弹框中输入历史备份信息,单击“确定”。 步骤三:页面设计 前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包,选择合适的
一般采用驼峰格式,长度最低为两位。 服务类型:当前仅支持创建原子服务。原子服务是指对外提供业务对象管理API,有独立数据存储(一般为独立数据库)的服务。原子服务之间可以相互调用。 服务组:选择服务所属的分组,本示例选择创建项目后,生成的默认服务组AstroProject。 服务单
emit('update:firstName', firstName) // this.emit('update:lastName', lastName) } 单击“保存”,完成变量添加。 父主题: 变量管理
x √ √ 在应用层和数据访问层生成代码。 √ √ √ 在接口层、应用层和数据访问层皆生成代码。 图3 设置代码生成层 设置完成后,单击“保存”。 示例 创建服务时“Package”设置为“com.astropro”。在业务设计中添加自定义API,动作名称为action1,请求方
{ this.loadingInstance.close(); }, 3000); } 单击“保存”,绑定事件完成。 查看预览效果 在顶部工具栏单击保存,保存页面配置。 在顶部工具栏单击预览,进入预览页面。 图2 预览页面 单击预览页面的按钮,查看效果。 图3 单击后效果
关系首要方:根据创建的多对多关系自动生成。 关系次要方:根据创建的多对多关系自动生成。 表名:设置关系表的名称,请按需自定义。在多对多关系中,会建立关系表用来保存首要方和次要方id的关系。 DTO暴露方式 - NESTED:是否设置DTO的NESTED(嵌套)能力。默认为不设置。 不设置:不生成NESTED。
设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框。 在弹框中直接编写行内样式。 图1 编写行内样式 单击“保存”,完成行内样式编辑。 图2 效果展示 编写全局样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端应用”。
使用JS面板 在常规代码开发中,您需要为某个区块或者某个元素添加一些事件,比如单击事件,同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑,也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数,不能使用函数表达式声明函数,也不能在页面JS中定义其他的变量。
单击已添加服务依赖后的“编辑”。 选择需配置流控策略的对象方法,并为对象方法添加对应的流控策略。例如自定义流控策略Custom。 图3 配置客户端流控策略 单击“保存”,完成客户端流控策略配置。 单击“创建”,生成服务代码,代码中的配置文件将添加客户端流控策略配置信息。 图4 配置文件 图5 流控策略的注解
在左侧插件栏中,单击,进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性,如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”,完成文件夹创建。 步骤三:新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型:可选“静态页面”或“公共页面”。
function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”,完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this
修改工程定义文件“package.json”,将“name”修改成“imgbutton-package”,“version”修改为“0.0.1”,保存并退出。 图3 修改包名及版本 修改src文件夹下的“components”文件夹及文件名,将“componentA”改为“imgButton”,如图所示。
在左侧插件栏中,单击,进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性,如输入文件夹ID及设置路由。 图1 创建文件夹 单击“保存”,完成文件夹创建。 删除文件夹 删除文件夹前,请确保文件夹为空,删除文件夹中的页面,具体操作请参考删除页面。 参考登录AstroPro界面中操作,登录AstroPro界面。