检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
troPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。 图1 应用页面开发 操作视频 父主题: 后端应用管理
配置高级设置 条件渲染 循环渲染 绑定事件 父主题: 前端应用管理
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性,如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”,完成文件夹创建。 步骤三:新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型:可选“静态页面”或“公共页面”。
的一张表。 属性说明 在业务设计页面,从“business”中,拖拽“BO”对象至画布空白区域。选中对象,在右侧页面设置对象属性,如图1所示。 图1 BO 对象名称:设置对象的名称,必须使用大驼峰格式,不允许存在连续的大写字母。 中文名:设置BO对象的中文名称。 分库逻辑:设置BO数据分库(sharding)策略。
对象间关系 一对多 多对多 聚合 树递归 继承 父主题: 对象详解
isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“循环数据”后的,进行变量绑定。 选择绑定的变量,单击“确定”。 图2 绑定变量 为展示内容添加变量,默认为item。 绑定成功后,查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联:
扩展参数:调用当前事件传入的真实参数,数组格式,追加在原有事件参数之后如: onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”,弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”,绑定事件完成。 父主题: 配置高级设置
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开状态管理页面。 选择“页面状态”,单击“添加变量”。 设置变量基本信息。 变量名:输入变量名称,变量名称只能以字母或下划线开头,且仅包含数字、字母及下划线。
创建企业核心应用 了解构建流程 步骤1:创建项目 (可选)步骤2:创建服务组 步骤3:添加服务 步骤4:编辑服务 步骤5:生成服务代码 父主题: 后端应用管理
否 Interger 32 - 线程池所能容纳的最大线程数。 work-queue-size 否 Interger 60000L - 线程池任务队列大小。 keep-alive-time-ms 否 Long 5000 - 非核心线程闲置时的超时时长。 rejected-execut
lassName、按钮文本。 图3 基本属性设置 样式设置,设置组件的样式,提供直接配置样式,也可以编写CSS代码配置样式。 图4 样式设置 高级设置,设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。 图5 高级设置 父主题: 前端应用管理
isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。 图3 state.isLogin为false时 图4 state
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题: 前端应用管理
选择已设计完成的页面,单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”,完成发布页面模板。发布完成后,可在模板管理中查看。 图2 查看页面模板 父主题: 前端应用管理
承。 图1 和业务对象Role建立继承关系 图2 在Abstract BO中新建一个name字段 图3 Role中继承name字段 属性说明 在业务设计页面,从“business”中,拖拽“Abstract BO”对象至画布空白区域。选中对象,在右侧页面设置对象属性,如图4所示。
过首要方才能继续往下操作。 图1 聚合和一对多的差异 关系属性设置 在业务设计页面,拖入两个BO业务对象(命名为Bo1、Bo2)单击“relations”中的“聚合”,为对象建立聚合关系。选中已创建的关系,在右侧页面即可设置关系属性,如图2所示。 图2 聚合 关系名称:设置聚合关系的名称。
Object是一个值对象,不能单独存在,需要和业务对象建立聚合的关系。 图1 和业务对象建立聚合关系 聚合后,Value Object中的主键和BO中的主键,共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面,从“business”中,拖拽“Value
象中存在name和value两个字段。建立继承关系后,抽象对象Abstract中的字段会被业务对象Role完全继承,如图2。 图1 抽象对象Abstract 图2 继承Role中字段 关系属性设置 在业务设计页面,拖入一个BO业务对象和一个Abstract BO对象(命名为Rol
Id字段,用来指向父节点。 图1 新增parentId字段 关系属性设置 在业务设计页面,拖入一个BO业务对象(命名为Bo5)单击“relations”中的“树递归”,为对象建立树递归关系。选中已创建的关系,在右侧页面即可设置关系属性,如图2所示。 图2 树递归 关系名称:设置树递归关系的名称。
单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开状态管理页面。 选择“应用状态”,单击“添加全局变量”。 设置变量基本信息。 stores:是包含所有状态(state)、视图(view)和行为(actions)的容器。 store属性名称只能以字母或下划线开头,且仅包含数字、字母及下划线。