检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
登录页面设计开发示例 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括: :撤销上一步的操作。 :恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通过创建应用、(可选)创建文件夹、创建页面、页面设计和生成应用代码五步,即可快速完成前端应用设计,具体流程如图1所示。
步骤4:业务设计 步骤1:基本配置、步骤2:框架配置和步骤3:生成策略中参数,只需要用户根据自身业务直接在界面进行勾选配置。而业务设计需要用户根据实际的需求,进行业务模型的设计和配置。
通过导入swagger文件实现业务设计 Swagger文件是一个用于描述RESTful API的规范,它可以用来导入设计业务,确保 API 的设计符合业务需求。
通过导入DDL文件实现业务设计 本章节指导您如何通过导入DDL文件来实现业务设计。DDL文件不仅定义了数据库的结构,还确保了数据的完整性和一致性,为业务应用提供了坚实的基础。 DDL文件设计 根据业务模型,完成DDL文件设计,DDL标签使用可参考DDL标签使用指南。
使用模板创建页面 使用已创建的模板,一键生成页面,轻松实现个性化网站构建,节省时间,提高效率。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。
这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件,实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
发布页面模板 使用说明 页面设计完成后,您可以发布为页面模板。当您的业务与模板中的场景相似度较高时,可以直接使用该模板创建页面,并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。
后端开发视频指导 本视频通过创建一个简单的订单系统,帮助您快速上手AstroPro后端开发。 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。
订单系统服务开发示例 业务场景及设计流程说明 在AstroPro中,用户通过业务建模,可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统,帮助您快速上手AstroPro。
图1 DDD 代码结构说明 代码结构说明中的“{biz}”,为在AstroPro的业务设计中定义的对象,如BO、Abstract BO等。
入门准备工作 注册华为账号并实名认证 如果您已有一个华为账号,请跳到下一个任务。如果您还没有华为账号,请参考以下步骤创建。 进入华为云官网,单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作,完成注册。 注册后参考个人账号如何完成实名认证或企业账号如何完成实名认证中操作
架构配置 生成策略 业务设计 对象及关系介绍 前端应用管理 创建前端应用 新建页面 使用组件设计页面 生成前台业务代码 样式管理 通过样式面板配置样式 直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类 国际化资源管理
导入成功后,可进入前端应用设计器,直接拖拽物料资产包中自定义组件进行页面设计。 图2 导入成功 图3 查看并使用自定义组件 父主题: 物料中心
登录AstroPro界面 使用华为账号,登录华为云网站。 在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在“产品”中,选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro Pro”。
价值 提供多种微服务经典设计模式,快速改造存量架构腐化的代码工程,并且具有可扩展框架,允许用户扩展自己的插件实现通用业务逻辑。 优势 基础组件归一,与华为云三方件要求实时同步,安全漏洞快速升级。
获取数据源远程字段 使用说明 您可以通过已有的远程Http接口,快速地生成数据源的字段。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。
图1 单Module 代码结构说明 代码结构说明中的“{biz}”,为在AstroPro的业务设计中定义的对象,如BO、Abstract BO等。
领域驱动设计,根据业务模型创建业务应用 领域驱动设计,创建业务应用,用户通过业务建模,可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。 支持领域驱动设计的建模,以及复杂关系建模,生成架构规范的代码框架,降低开发门槛。 安全可靠,内置稳定的安全防护能力。