检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用,并获取存储路径。上传图片,请参考上传对象。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。
他领域共享,例如,支付处理。 是否单元化 开启后,支持应用单元化。 单击“确定”,完成子域创建。 创建成功后,可在子域列表中查看已创建的子域。 图1 查看已创建的子域 父主题: 子域管理
景颜色;color,用来控制字体颜色,具体操作请参考添加页面变量。 图1 添加变量 画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”,变量绑定完成。 通过修改变量,查看组件样式展示效果。 图3 修改前样式
上传的物料包名称不能与已有的物料包名称重复。 配置物料包基本信息。 表1 基本信息参数说明 参数 说明 物料包名称 自动识别物料包带入信息,无须手动填写。 物料包版本 自动识别物料包带入信息,无须手动填写。 描述 输入物料包补充描述说明。 物料包封面 选择物料包封面,默认为导入时选择的封面。
粘性定位:组件在滚动时“粘”在某个位置,直到达到某个条件才会离开这个位置。粘性定位可以让页面在滚动时保持某些组件的可见性。 图4 设置定位 文本:设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景:设置组件背景,背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框:
/v1/cards: get: # 该接口设置了查询参数转换为对象的功能,最终所有的参数都会自动定义到一个对象中 tags: - "CARD" summary: "查询所有Card" description: "Returns
发者”角色,单击“确定”。 图7 选择项目级角色 申请完成后,在我的申请列表中,可查看到已申请的记录,且状态为“待审批”。如果需要撤回申请,可单击“操作”列的“撤销”,撤回已提交的申请。 图8 查看已提交的申请 管理员审批申请 工作空间管理员或项目管理员参考登录AstroPro界面中操作,登录AstroPro界面。
在变更记录模块中,单击服务名称后的“导出元数据”,可导出服务的元数据信息。元数据导出后,在创建服务时可直接导入使用。 在变更记录模块中,单击对应服务名称后的“查看”,可查看该服务的信息。查看服务信息后,可单击“重新生成”,生成该服务的代码。 父主题: 服务管理
查看大纲树 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开并查看页面大纲树。 图1 设置主页 父主题: 前端应用管理
查看服务依赖 使用说明 服务依赖创建后,只能查看不支持再次编辑。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务依赖”。 在项目下拉框中,选择服务所属的项目。 在依赖服务列表中,单击服务后的“查看”,即可查看服务间的依赖。
单击预览按钮,进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息,包括物料包名称,物料包版本,描述,创建人,及导入时间。 图2 查看物料包基础信息 单击“版本列表”,查看版本信息,包括物料包名称,物料包版本号,变更时间。 图3 查看版本列表 单击“操作”列的“查看组件信息”,可查看物料包内组件信息。
单击BO属性操作中的“编辑字段”,查看对象默认字段。 当前仅添加了一个“id”默认字段。 图1 查看默认字段 单击“固定字段”,选中待添加的固定字段,单击“保存”。 图2 编辑固定字段 选中对象,再次单击BO属性操作中的“编辑字段”,查看对象默认字段。 可查看到对象的默认字段中,除了id还增加了3中添加的固定字段。
单击“下一步”,直至生成服务代码。 在服务列表中,可查看到服务的当前版本已修改为“v2”。生成服务的metadata.json文件中,Service段的apiVersion字段取值也同步修改为“v2”。 图5 查看修改后的版本号 图6 查看修改后的apiVersion取值 父主题: 服务管理
Pro专业版/企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 图1 选择参考架构 单数据库DB(参考单表查询QPS < 1w):只有一个数据源。 读写分离数据库(参考单表查询QPS < 3w):默认添加两个数据源,一个负责写数据,一个负责查数据。如果数据源使用DevSpore,就
单击“循环数据”后的,进行变量绑定。 选择绑定的变量,单击“确定”。 图2 绑定变量 为展示内容添加变量,默认为item。 绑定成功后,查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联: 循环数据,即需要循环渲染的数组,在这里是state.imageList。 迭代变量名,在循环渲染子项对应的变量名,默认为item。
费用账单 您可以在“费用中心 > 账单管理”中,查看与AstroPro相关的流水和明细账单,以便了解您的消费情况。 账单上报周期 包年/包月计费模式的套餐完成支付后,会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 进入“费用中心 > 我的订单”页面。 在下图所示位置,单击,复制订单号。
单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。 图3 state.isLogin为false时 图4 state.isLogin为ture时 父主题: 高级设置
页面模板管理 集中管理页面模板,支持查看和删除操作,保持模板库的整洁与有序。 模板管理为Astro Pro专业版及企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 查看页面模板 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题: 样式设置