检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中,选择“前端开发平台 > 模板管理”。 可查看已发布的页面模板信息,如模板名称,模板描述及模板预览图。 图1 查看已发布模板 单个删除页面模板 模板删除后不可恢复,请谨慎操作。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
字、下划线、中划线和正斜杠组成, 且以英文字母开头。 单击“选择模板”,在右侧展开面板中选择模板。 图1 选择模板 单击“确定”,完成模板选择。 鼠标悬浮在页面模板图标上,将显示操作按键,可对选择的模板进行预览、更新和删除。 图2 模板更新删除 (可选)页面生命周期配置。 单击“添加页面生命周期”。
发布页面模板 使用说明 页面设计完成后,您可以发布为页面模板。当您的业务与模板中的场景相似度较高时,可以直接使用该模板创建页面,并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
使用模板创建服务 使用说明 您可以在“资产库”中自定义模板。当您的业务与模板中的场景相似度较高时,可以通过模板创建新的服务,减少重复开发,提高交付效率。 前提条件 已完成模板创建,具体操作请参考创建架构模板和创建业务对象模板。 已新建项目。 已创建服务组。 使用模板创建服务 参考
非工作空间管理员仅可创建对应项目模板,具体权限约束可参考了解AstroPro中角色。 图1 选择创建模板的项目 在架构模板页面,单击“新建架构模板”。 配置模板信息后,单击“下一步”。 模板名称:输入模板名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 资产库 > 业务对象模板”。 在业务对象模板列表中选中待操作的模板,单击“操作”的列“编辑”。 在业务对象模板编辑页面中,根据需求重新设置模板信息和业务设计,具体配置说明可参考创建业务对象模板。 配
界面。 在左侧导航栏中,选择“前端开发平台 > 物料中心”。 单击“导入物料包”,进入物料包配置页面。 可单击“下载自定义组件开发模板”,获取模板,并完成自定义组件开发,具体操作可参考自定义组件开发指南。 单击“点击上传”,上传本地已打包好的物料包。 注意:上传的物料包名称不能与已有的物料包名称重复。
自定义组件开发指南 在这个快速发展的前端开发时代中,组件化是构建可维护和可扩展应用程序的关键。 本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件,它包含assets和components两个子文件夹。
框架配置和基本配置一样,需要您根据实际情况进行勾选配置,不同的配置会呈现不同的效果。 是否启用模板,默认不启用,如需启用,在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后,模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。 注意:选择参考框架为Astro
快速搭建网站。 下面介绍如何在低代码中使用组件,实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。
恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。 :清空当前画布内容。 :刷新当前页面数据,如果页面未保存,页面配置将恢复到上一次保存的状态。 :单击后可展开左侧插件栏的设置插件,设置当前页面属性。 :单击可进行画布中英文切换。 :多终端工具切换,可切换画布宽度。 :页面预览,打开新Tab预览当前页面。
在左侧插件栏中,单击,进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上,将显示设置按钮。 单击,进入页面设置页面。 鼠标悬浮在待恢复的历史备份记录上,将显示操作按钮。 单击“还原”。 图7 还原页面 在弹框中,单击“确定”,完成页面历史记录还原。 删除页面 参考登录Ast
资产库提供架构模板,业务对象模板和自定义字段类型,助于确保不同项目或系统之间的一致性,同时加快设计和开发过程,提高工作效率。 支持区域: 华北-北京四 如何架构模板? 如何创建业务对象模板? 如何创建自定义字段类型? 前端应用开发 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通
√ √ √ 查看前台应用 √ √ √ √ √ 发布页面模板 √ √ √ √ x 删除页面模板 √ √ √ √ x 新增架构模板 √(工作空间级及所有项目) √(工作空间中指定项目) √(工作空间中指定项目) x x 修改架构模板 √(工作空间级及所有项目) √(工作空间中指定项目)
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开状态管理页面。 选择“页面状态”,单击“添加变量”。
设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
Pro中,构建一个上述登录页面的流程,如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用,并获取存储路径。上传图片,请参考上传对象。 步骤一:新建一个应用 应用是业务的入口,可以由一个或多个页面组建成一个完整的业务系统。 进入AstroPro服务控制台。
ro后端开发。 添加一个项目 新建一个服务 编辑服务 生成服务代码 前端快速入门 通过创建一个简单的登录页面,帮助您快速上手AstroPro前端开发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务(业务建模)
资产库管理 配置架构模板 配置业务对象模板 配置自定义字段类型 配置客户端流控策略 配置连接器 父主题: 后端应用管理
前提条件 已参考购买基础版实例、购买专业版实例或购买企业版实例中操作,购买AstroPro实例。 登录AstroPro界面 使用华为账号,登录华为云网站。 在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在“产品”中,选择“开发与运维 > 低代码平台 Astro > Astro企业应用