检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用,并获取存储路径。上传图片,请参考上传对象。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。
“欢迎登录”的文字,未登录的时候,显示“请登录”的文字。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 拖拽组件至画布,分别输入希望展示的文字。 添加变量,例如state
选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。 选择文件夹:下拉框中选择文件夹名称。 路由:输入路由信息,只允许包含英文字母、数字、下划线、中划线和正斜杠组成, 且以英文字母开头。 单击“选择模板”,在右侧展开面板中选择模板。
创建子域 使用说明 子域有助于将复杂的业务领域分解为更小、更易于管理和理解的部分。通过识别和创建子域,组织可以更有效地开发和维护应用,同时确保每个子域都能满足其特定的业务需求。 应用管理为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 创建子域
在应用服务列表中选择待操作的应用服务,单击“操作”列的“编辑”。 重新配置应用服务的基本信息。 应用服务名称:输入应用服务名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。 描述:输入应用服务补充说明信息。 单击“确定”,完成应用服务编辑。 父主题:
选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。 选择文件夹:下拉框中选择文件夹名称。 路由:输入路由信息,只允许包含英文字母、数字、下划线、中划线和正斜杠组成, 且以英文字母开头。 图4 创建页面 单击“保存”。 在弹框中输入历史备份信息,单击“确定”。
上传的物料包名称不能与已有的物料包名称重复。 配置物料包基本信息。 表1 基本信息参数说明 参数 说明 物料包名称 自动识别物料包带入信息,无须手动填写。 物料包版本 自动识别物料包带入信息,无须手动填写。 描述 输入物料包补充描述说明。 物料包封面 选择物料包封面,默认为导入时选择的封面。
在下拉框中,分别选择应用服务所属的项目、应用和子域,单击“新增应用服务”。 配置应用服务基本信息。 应用服务名称:输入应用服务名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。 描述:输入应用服务补充说明信息。 图1 新建应用服务 单击“确定”,完成应用服务创建。
选择项目和服务组,单击“新建服务”。 图2 新增一个服务 设置服务的基本信息。 图3 设置服务基本信息 服务名称:设置待添加服务的名称,由英文字母、数字或“-”组成,且必须以字母开头,一般采用驼峰格式,长度最低为两位。 服务类型:当前仅支持创建原子服务。原子服务是指对外提供业务对象
设置服务的基本信息,单击“确定”。 图2 设置服务基本信息 服务名称:设置待添加服务的名称,生成的服务代码压缩包和解压后的文件会以此命名。服务名称由英文字母、数字或“-”组成,且必须以字母开头,一般采用驼峰格式,长度最低为两位。 图3 代码压缩包名称 服务类型:当前仅支持创建原子服务。原子服
选择项目和服务组,单击“新建服务”。 图1 新增一个服务 设置服务的基本信息。 图2 设置服务基本信息 服务名称:设置待添加服务的名称,由英文字母、数字或“-”组成,且必须以字母开头,一般采用驼峰格式,长度最低为两位。 服务类型:当前仅支持创建原子服务。原子服务是指对外提供业务对象
客户端流控策略 必选参数,由英文字母和数字及连字符(-)组成,且只能以英文字母开头,采用驼峰格式。例如,Custom。 长度范围为2~63位。 规则名称 可选参数,仅当勾选了重试、熔断或超时选项后为必填。 规则名称由英文字母和数字及连字符(-)组成,且只能以英文字母开头,采用驼峰格式。 长度范围为2~63位。
选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。 选择文件夹:下拉框中选择文件夹名称。 路由:输入路由信息,只允许包含英文字母、数字、下划线、中划线和正斜杠组成, 且以英文字母开头。 图3 创建页面 (可选)页面生命周期配置。
角色。 在业务基础模板页面,单击“新建业务对象模板”。 配置模板信息后,单击“下一步”。 模板名称:输入模板名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。 模板类型:默认为业务对象模板,暂不支持修改。 模板范围:根据3选择的项目,确认模板范围。
选择创建模板的项目 在架构模板页面,单击“新建架构模板”。 配置模板信息后,单击“下一步”。 模板名称:输入模板名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。 模板类型:默认为架构模板,暂不支持修改。 模板范围:根据3选择的项目,确认模板范围。
"@Controller" # 此处会将 @Controller识别为一个字符串添加到api接口类上,并不会导入相应的包,需要使用 x-imports标签手动导入相应的包 - "@Transactional" # 此处会将 @Transactional识别为一个字符串添加到api接口类上,并不会导入相应的包,需要使用
般一个分组对应一个研发团队。 图5 新增服务 设置服务的基本信息。 图6 新建Order服务 服务名称:设置待添加服务的名称。服务名称由英文字母、数字或“-”组成,且必须以字母开头,一般采用驼峰格式,长度最低为两位。 服务类型:当前仅支持创建原子服务。原子服务是指对外提供业务对象