检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过连接器生成客户端,可以将已有服务的接口抽象和封装为一套标准化的客户端库。这样,其他服务可以通过这些客户端库以统一和简化的方式调用已有服务的接口,无需关心服务的具体实现细节。生成的客户端库可以作为服务间通信的标准工具,减少了重复的代码编写,提高了开发效率和代码的可重用性。 配置连接器为Astro
AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括: :撤销上一步的操作。 :恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。 :清空当前画布内容。 :刷新当前页面数据,如果页面未保存,页面配置将恢复到上一次保存的状态。 :单击后可展开左侧插件栏的设置插件,设置当前页面属性。
使用状态选择器 使用说明 在样式选择器右侧,还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后,您此时编辑样式面板,就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。
页面。 单击“新增”,按需添加所需的API。 实例级别:定义API实例的级别,如类型、实例。 动作名称:设置API的动作名称。 请求方法:HTTP请求方法(也称为操作或动作),用于告诉服务您正在请求什么类型的操作。 get:请求服务器返回指定资源。 put:请求服务器更新指定资源。
配置客户端流控策略 客户端流控策略通常是指在客户端应用中实施的流量控制机制,目的是为了管理客户端与服务器之间的数据传输速率,防止过量的请求对服务器造成压力,同时也保证客户端应用的流畅性,提升用户体验。您可以使用系统预置的流控策略,还可以根据自己的需求自定义创建。 本章节为您介绍如何自定义创建及使用客户端流控策略。
态计算组件的位置。这些计算结果随后可以直接应用到组件的行内样式style属性中,从而实现动态样式的调整和布局的优化。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
国际化是应用级别的,在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目,不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开国际化资源页面。
设计器提供数据源来配合画布上的组件渲染。 本章节以应用于表格组件的表格列为例,为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在
vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹,每个页面有对应的路由,您可以根据路由访问对应的页面。 新增文件夹 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。
击树节点选中画布中的组件。 图7 单击树节点选中组件 底部节点树展示了从根节点到当前选中组件的层级节点,单击底部的节点树的某一个节点,选中父组件。 图8 展示当前选中组件的层级节点 图9 单击节点树的父点,选中父组件 编辑组件 选中了组件之后,您还可以设置组件的属性、样式和绑定事
上传自定义组件物料包 设计器已提供了页面设计的基本组件,您还可以根据自己的特定需求和功能要求创建自定义组件。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 上传自定义组件 参考登录AstroPro界面中操作,登录AstroPro界面。
据原来的空间,不会影响其他元素的布局。 绝对定位:组件的位置相对于最近的已定位祖先元素(如果没有已定位的祖先元素,则相对于初始包含块)进行偏移。组件不占据原来的空间,会从文档流中删除,并影响其他元素的布局。 固定定位:组件的位置相对于浏览器窗口进行固定定位。组件不占据原来的空间,
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在设计器中可根据您的需求设计前端页面,可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮,可根据配置的页面设计,生成应用的基本代码。 代码生成后,会下载至本地,供您使用。 删除前端应用
在常规代码开发中,通常会将一些高频率用到的一些代码片段抽离出来业务代码,使其成为一个公共函数,减少重复的代码,从而达到代码复用的目的。 同样,在低代码开发中,不可避免地需要编写一些高代码进行组合开发,这里同样存在存储一些公共函数以供各处调用需求。工具类就是在这样的背景之下诞生,您可以将一些可复用的公共函数编写
直接编写样式代码 样式面板提供了可直接配置的样式,满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求,AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式,权重高,用于覆盖样式。 参考登录Astr
会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑,也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数,不能使用函数表达式声明函数,也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state,全局的stores, 以及t函数(获取国际化词条)。
查看大纲树 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开并查看页面大纲树。 图1 设置主页 父主题: 前端应用管理
单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 全局样式面板仍保留该类名及样式,其他组件仍可使用该类名。如需删除CSS中的该样式信息,可通过单击全局样式的,进入CSS面板进行删除。
修改类名 使用说明 已创建的类名支持修改。 类名修改,需注意以下事项: 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
页面设计完成后,您可以根据配置生成应用的基本代码。代码生成后,会下载至本地,供您使用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 选择待操作应用,单击模块内的“开发应用”,进入设计器。 单击顶部工具栏的“下载源码”按钮。