正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击需要绑定的事件。 在弹框中设置绑定事件。 方法名称:输入方法名称,名称可以由字母、数字、下划线、$ 符号组成,不能以数字开头。 可以选择已有方法或者添加新方法,如果选项添加新方法,单击“确定”之后将在JS面板中创建一个该名称的新方法。 扩展参
添加静态数据 使用说明 您可以直接通过手动创建的方式添加数据源的字段。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“应用开发”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。
获取数据源远程字段 使用说明 您可以通过已有的远程Http接口,快速地生成数据源的字段。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“应用开发”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。
同样,在低代码开发中,不可避免的需要编写一些高代码进行组合开发,这里同样存在存储一些公共函数以供各处调用需求。工具类就是在这样的背景之下诞生,您可以将一些可复用的公共函数编写到工具类中,也可以将一些npm包引用到工具类中,供后续调用。 工具类是应用级别的,即引入之后,即可在该应用下任意页面中进行调用 添加function工具类
选择已有类名 使用说明 除了自动生成和手动新增类名之外,您也可以通过输入框的下拉框来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”,进入设计器。
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行样式的设置。 通过样式面板配置样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”,进入设计器。
单击待编辑应用模块内的“应用开发”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过组件的class或者id进行绑定。
parameters.name.x-pom-gav x-pom-gav在Swagger文件中的位置可以是类级别、方法级别、参数级别,groupId、artifactId、version按照顺序用:连接,全局有一个地方定义即可,不需要重复定义。 使用示例 swagger: "2.0" info:
新增类名 使用说明 当选中一个组件,还没有自动生成类名时,您可以单击输入框手动输入类名,然后继续编辑样式面板的样式。 此时,组件会自动绑定您输入的类名,然后将在样式面板编辑的样式生成代码,写入到全局样式中。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。
添加全局变量 使用说明 全局变量是在整个应用中都可访问的变量。它们的作用域是全局的,可以在应用的任何一个页面调用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”,进入设计器。
需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数,不能使用函数表达式声明函数,也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state,全局的stores, 以及t函数(获取国际化词条)。 下面将通过两个示例分别展示如何使用。 为组件添加单击事件
循环渲染 页面可能有若干份重复的、动态生成的内容,例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通过创建应用、(可选)创建文件夹、创建页面、页面设计和生成应用代码五步,即可快速完成前端应用设计,具体流程如图1所示。 图1 创建应用 步骤一:新建一个应用 参考登录AstroPro界面中操作,登录AstroPro界面。
的角色。 项目管理员 可以增删改査项目下的所有资源。 可以为项目下的所有角色分配用户(仅限于同账号下的用户,如图1中的IAM用户1、IAM用户2)。 图1 华为账号与IAM用户 架构师 可以新建服务。 可以删除本人创建的服务,不能删除其他人创建的服务。 可以对项目下的所有服务进行编辑。
登录页面设计开发示例 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在Astro
到不同员工之间的权限隔离,可以使用统一身份认证服务(Identity and Access Management,简称IAM)进行精细的权限管理。该服务提供了用户身份认证、权限分配、访问控制等功能,可以帮助您安全的控制华为云资源的访问。 通过IAM,可以在华为账号中给员工创建IA
删除服务依赖 使用说明 需要解除服务之间的依赖时,可以通过删除服务依赖来实现。 单个删除服务依赖 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务依赖”。 选择服务依赖所属的项目,在服务依赖列表中单击操作列的“删除”。
在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中,单击对应服务后的“更多 > 复制服务”。 复制成功后,自动进入服务编辑页面,您可以直接使用服务,也可以进行二次开发。 图2 选择复制服务 父主题: 服务管理
户端模块,在AstroPro中添加服务时,开启“是否生成客户端”配置后才会生成。 base:AstroPro自动生成出来的,用户不可以修改。但是可以使用AstroPro预置的devspore-codegen-maven-plugin插件,通过修改本地metadata.json元数
} 图1 添加function工具类 单击“保存”,完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例: function xxxHandler(value)