检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。 在物料资产包中选择组件,并拖拽至中心画布中。 图1 添加组件 图2 添加组件 从画布中直接添加组件 对于复杂的页面,嵌套层级可能很深,直接拖拽并不能很好的拖入到指定的层级中,所以,设计器提供在画布中右键精准添加组件的能力。
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开资源管理页面。 单击,进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称,并编写函数代码。 图1 添加function工具类 单击“保存”,完成function工具类添加。 添加npm工具类
可以删除本人创建的服务,不能删除其他人创建的服务。 可以对项目下的所有服务进行编辑。 开发者 可以查看项目下的所有资源。 可以重新编译有权限项目下的服务并下载代码。 前提条件 只有工作空间管理员或项目管理员,才能为其他用户添加项目级角色。不同的是具备工作空间管理员权限的用户,可以为用
为用户添加工作空间级角色 使用说明 工作空间管理员为对本工作空间下的所有资源具有增删改查的权限,可以为本账号下用户分配项目下的角色。 前提条件 只有具备工作空间管理员权限的用户,才能为其他用户添加工作空间级角色。 待添加的IAM用户已创建(如IAM用户1)。如何创建IAM用户,请参见创建IAM用户。
使用模板创建页面 使用已创建的模板,一键生成页面,轻松实现个性化网站构建,节省时间,提高效率。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,进入“页面管理”页面。
注意:使用JS表达式定义state变量的时候无法调用state其他变量定义,另由于JS函数定义在变量之后,也无法调用JS面板定义的函数。 图1 添加变量 (可选)设置变量高级配置。 getter:用于获取(读取)类的私有属性的值。Getter方法通常没有参数,并且返回属性的值。 示例: function
添加静态数据 使用说明 您可以直接通过手动创建的方式添加数据源的字段。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。
步骤3:添加服务 在AstroPro中,快速添加一个服务,新增服务中的配置均采用默认配置。此处新建服务的操作,相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组,单击“新建服务”。 图1 新建服务
添加全局变量 使用说明 全局变量是在整个应用中都可访问的变量。它们的作用域是全局的,可以在应用的任何一个页面调用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
如何为对象添加枚举字段 使用说明 AstroPro的对象中仅提供了常用的字段类型(简单类型、数组类型),对于某些特殊的字段类型,如枚举类型(例如性别,男、女),此时可以通过添加枚举字段来实现。 图1 查看字段类型 添加枚举字段 在业务设计页面,单击“枚举字段”。 在编辑枚举字段页面,单击,输入枚举名称(如Sex)。
单击BO属性操作中的“编辑字段”,查看对象默认字段。 当前仅添加了一个“id”默认字段。 图1 查看默认字段 单击“固定字段”,选中待添加的固定字段,单击“保存”。 图2 编辑固定字段 选中对象,再次单击BO属性操作中的“编辑字段”,查看对象默认字段。 可查看到对象的默认字段中,除了id还增加了3中添加的固定字段。
devspore: auth: exclude-paths: GET:/test # 不需要认证的路径,多个规则用;分隔 auth-patterns: /v1/** # 需要认证的路径,多个规则用;分隔 in-header: true # token是否在header中,默认true
post:请求服务器新增资源或执行特殊操作。 delete:请求服务器删除指定资源。 请求对象:单击“添加请求对象”,可添加请求对象,即API请求的输入参数。 返回对象:请求发送后,您会收到的响应,如状态码。 路径:单击“输入path”,添加API的路径,格式为变量放到“{}”中,单词用“_”连接,非变量单词用“-”
使用华为账号,登录华为云网站。 在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在“产品”中,选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro Pro”。 图1 选择Astro企业应用 在AstroPro服务控制台的首页中,单击已购买实例中的“进入首页”,即可进入AstroPro界面。
API版本:指定服务的API版本,对应服务Service段的apiVersion字段,一般为v1、v2类型的值。 描述:设置服务的描述信息。 单击“确定”,即可完成服务的创建。 此处创建服务的操作,相当于为服务搭建了一个框架。您需要根据自身业务的需求,参考编辑服务中操作进行业务模型的配置,从而定制出符合您预期的效果。
本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。
图2 选择依赖的服务 选择依赖服务的版本号。 在依赖强弱中,选择strong(强)或weak(弱),单击“添加”,完成依赖服务的添加。 图3 完成依赖服务的添加 选择客户端的依赖类型,支持“SDK”和“METHOD”两种类型,可按需选择。 (可选)添加客户端流控策略。 选择SDK类型时,无须配置流控策略。
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包,选择合适的组件,拖拽到中间画布中。在画布选中组件,设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五:生成代码 根据配置的页面设计,生成应用的基本代码。代码生成后,会下载至本地,供您使用。
整体页面效果 单击顶部工具栏的,保存页面设计。 步骤四:生成代码 根据配置的页面设计,生成应用的基本代码。代码生成后,会下载至本地,供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图10 选择生成文件 单击“确定”,代码将下载至本地路径。
对象名称:设置对象的名称,必须使用大驼峰格式,不允许存在连续的大写字母。 中文名:设置对象的中文名称。 BO属性操作:单击“编辑字段”,可以为对象添加所需的字段。 软删除策略:开启软删除策略后,数据删除时执行逻辑删除,数据仍然保留在数据库中。关闭软删除策略后,数据删除为物理删除,即直接从数据库中删除,不可恢复。