检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对有丰富前端开发经验的用户,通过“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置
添加标准页面 选中“页面”标签,在右侧配置面板“样式 > 布局”下,为页面左右各设置“15%”和“18%”的内边距。 图4 页面设置内边距 拖拽“表单”组件到中间面板,并做如下操作。 在“基本组件 > 布局”中,拖拽“表单”组件到中间面板中。 图5 添加“表单”组件 在右侧弹出的
关联对象。 属性面板 选中对象图元时,设计图右侧会显示该对象的属性面板。 图8 对象属性面板 属性面板的主要用途如下: 显示对象基本信息,如名称、唯一标识和描述。单击“更多信息”,会展示创建人、创建时间等信息。 设置该对象是否对外公开,是否可被其他应用访问。 修改属性后,单击“保存”,可保存修改的内容。
售数据进行修改操作,修改某条销售数据的字段值,可以直接生成表单页,绑定后台接口。 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“数据”。 将鼠标放在对象上,单击,选择“编辑”,进入对象设计器页面。 选中对象图元,在右侧属性面板中,单击“生成页面”。
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后,选中该组件,会在右侧显示该组件的属性配置面板。在属性配置面板中,可以对该组件在页面显示属性风格进行配置,使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明,在标准页面设计界面左侧组件区域,将鼠标
观。 展开组件树,将鼠标放在折叠面板上,单击右键选择“复制”,再单击右键选择2次“粘贴”,在折叠面板之后,添加2个同样的折叠面板。 图11 粘贴后的折叠面板 分别设置第二、第三个折叠面板的“折叠页签标题”为“设备信息”、“其他信息”。 图12 修改折叠页标题 单击界面上方的,保存页面。
息,查看所有工单的列表页面。 学习地图 如图1所示,通过本章的学习和实践,您将进一步了解“标准页面”的能力,包括: 拼装复杂页面 了解折叠面板 学习表格:自定义某查询结果字段的显示内容 动态加载页面内容 了解在事件中调用脚本的API 图1 学习地图 父主题: 开发“客服人员创建工单”功能
基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图6配置按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中,新增库,如图7新增库所示。 图6 新增库 在弹出的新增库页面中,搜索刚上传的库文件“fetch”,选择该库文件,单击“确定”,如图8选择库所示。 图7 选择库 在组件的右侧面板中,可以看
基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图5所示。 图5 配置按钮组件 单击右侧面板的“库”中,新增库,如图6所示。 图6 新增库 在弹出的新增库页面中,搜索刚上传的库文件“fetch”,选择该库文件,单击“确定”。 图7 选择库 在组件的右侧面板中,可以看到已新增成功的库文件,如图8所示。
何获取后台数据。 选中“按钮”组件,在按钮组件的事件配置面板,为按钮组件添加“点击”事件。 图6 为“按钮”组件添加“点击”事件 在弹出的编辑面板,单击左侧“设置模型实例数据”,将代码粘贴到编辑面板。将模型名称替换为待修改的模型“modalShow”,值设置为“true”。 图7
(可选)管理对象中的验证规则。 编辑验证规则 在“验证”页签,单击验证列表中的验证。 在右侧的验证属性面板中,修改验证规则。 显示名称:修改验证在界面的展示名称。 唯一标识:验证规则的唯一标识,不支持修改。 描述:验证规则的描述信息。 是否启用:是否使用该验证规则。 验证公式:设置验证规则的公
页面和组件属性设置区域,在该区域可以对组件属性、事件进行设置,也可以加载第三方库以完成对组件的应用。该区域由以下三个页签组成: 属性:组件的属性展示区域,可在属性面板修改组件属性使页面达到预期效果。在工作区域“设计视图”下选中组件,键盘上按Tab键,可在“属性”页签中切换属性参数项,按Enter键可设置属性值。
名称:服务编排在系统中的唯一标识,创建后不支持修改。系统会自动在名称前添加“{命名空间}__”,当其他功能调用服务编排时,调用的是服务编排的名称,而不是标签。 描述:新建服务编排的描述信息,通常设置为服务编排的功能。 单击“添加”,进入服务编排开发页面。 服务编排编辑器页面由上方按钮区域、左侧图元面板区域、中间画布区域和右侧参数配置区域四部分组成。
AstroZero支持使用第三方数据库吗? AstroZero支持使用第三方数据库。 使用AstroCanvas构建可视化大屏时,提供了直连数据库(如MS SQL Server、MySQL、Oracle和GaussDB)的能力,详情操作请参见关系型数据库。 其他场景下,在Astr
”为imgButton按钮中的文本。 修改视图文件“imgButton.vue”的属性定义。 修改“cssprefix”为“imgButton”,并添加“height”、“width”和“text”属性,如图8修改属性定义后所示。 图8 修改属性定义后 <script> const
如何区分不同账户间的数据库对象? AstroZero是使用元数据保存数据的,一个租户的数据包含系统预置的元数据及租户自定义的元数据。AstroZero中预置的元数据完全相同,是集中存放在容器中,供所用租户共享使用。租户自定义元数据物理存储在一起,逻辑上是隔离的。 父主题: 应用后端开发
选中“分栏”,在右侧单击PC下的单行图标,修改分栏为1栏,再单击“新增行”的,修改为2个分栏,每个分栏中有1栏。 图2 设置分栏为1栏 在第1个分栏中拖入一个“输入框”,在第2个分栏中拖入一个“下拉框”。 图3 拖入输入框、下拉框到分栏 选中“输入框”,在右侧属性面板中,单击,在选择模型弹窗中,
在AstroZero中,哪些场景需要访问数据库? AstroZero访问数据库的场景主要包括如下几类: 业务数据模型构建 通过AstroZero提供的Object可视化创建的方式进行构建。 业务数据CRUD操作 通过AstroZero脚本中的数据库db标准库的相关方法实现,也可以
名称:服务编排在系统中的唯一标识,创建后不支持修改。系统会自动在名称前添加“{命名空间}__”,当其他功能调用服务编排时,调用的是服务编排的名称,而不是标签。 描述:新建服务编排的描述信息,通常设置为服务编排的功能。 初识服务编排编辑器 服务编排编辑器页面由上方按钮区域、左侧图元面板区域、中间画布区域和右侧参数配置区域四部分组成。
创建仪表盘。 在经典版应用设计器的左侧列表中,单击,选择“报表 > 仪表板”。 在仪表板管理页面,单击“新建”。 添加相关的图表到仪表板面板中。 拖动“TodayAccount”报表到仪表板中,选择“仪表板”作为图表类型,根据业务情况,设置最小值、最大值,作为评价业务的不可接受值、一般值和较优值。