华为云首页用户手册

APPCUBE-什么是标准页面:基本组件分类说明

APPCUBE-什么是标准页面:基本组件分类说明

时间：2023-11-01 16:19:13

APPCUBE

基本组件分类说明

组件包括平台预置基本组件、用户自定义的扩展组件，基本组件具体说明如表2所示。若需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上会出现问号图标，单击该图标会出现该基本组件的使用说明。

表2 基本组件分类说明
分类	说明
布局	用于控制页面的布局，即将页面设计几行几列。例如先拖入一个栅格容器，将栅格容器用行列划分成小区域后，再向单元格中拖入其他组件。容器本身可以包含容器，也可以包含其他组件。表单：元数据表单。根据数据对象可生成表单。可用于制作带数据的交易类页面。表格：元数据表格，用于展示对象记录。根据数据对象可生成表格。数据对象中的属性映射为表格中的列。用于通过一个表格完成数据对象的增、删、改、查操作场景。基础容器：基本的布局容器，支持拖拽放置任何组件进去，按照流式布局模式布局（非独占整行组件如按钮组件，从左往右排列，占满整行即换行；独占整行组件如标题组件，则默认独占一行）。分栏：容器组件，相当于行，内部可分多栏（列）。可将页面划分为两栏或者多栏，每一栏都可以拖入其他组件。折叠面板：用于对页面的某些区域进行折叠和展开，可放下多个折叠页组件。页签：用于制作多页签页面时使用，可放下多个页签组件，实现多页签效果，可在不同的页签内放置内容，通过点击标签切换显示不同的内容。列表视图：用于灵活组合列表项的内容，并且根据实例化数据动态展示。使用时需要在List View上绑定数据模型。数据类型为数组。如果要使用分页，分页组件需放在List View Container内。模态框：弹框样式布局，使用数据绑定实现双向绑定，通过控制模型的值true、false来显示、隐藏对话框。
表单	输入框：文本输入框，关联对象文本（text）类型，可编辑一行的文本控件，包含标签。控件内的标签将其与输入组件区分开。适用于普通文本输入。多行输入框：多行文本输入区域，关联对象文本区（Text Area）类型，多行可编辑的文本控件。适用于多行文本输入。日期选择框：用于日期选择或输入，关联对象日期（Date）类型、日期/时间（Date/Time）类型，可以选择或输入日期，支持年、月、日期等类型，支持选择范围。数字输入框：数字（Number）类型的输入框，关联对象数字类型。复选按钮：该控件允许用户从多个选项中进行多种选择。单选按钮：用于有一组可选项的单项选择，或者切换某个选项的选中状态，以实现从一组互斥的选项组中选择一项。下拉框：下拉框的可选值为对象的SingleSelect类型字段的不同Picklist取值，也可以是自定义json数据。如果Picklist和自定义json数据同时存在，以Picklist的取值为准。级联选择框：提供按层级选择的选择框，可对选择框的数据进行校验，可以对数据进行搜索。开关：滑动开关，可关联对象的复选框（Boolean）类型字段。允许用户选择“真”（选取）或“假”（不选取）值。上传：文件选择上传和拖拽上传控件，可以通过绑定数据模型，上传文件列表会保存在绑定的模型中。自动完成：带有提示的文本输入框。弹出对话框：单击后会弹框的组件，需要自定义实现代码。多语言选择框：多语言切换组件，关联对象多语言（mutillang）类型。评分：评分、评价组件。关联选择框：一个搜索的选择框，关联对象的查找关系（lookup）或主从关系（masterdetail）类型，可以通过搜索来匹配下拉的选项，匹配成功的选项会展开在下拉列表中。
基本	按钮：通过编排事件实现Button，触发业务逻辑使用。按钮卡：包含多个按钮（两个或更多）的整体面板。该组件可用于构建多项菜单，用于在视图之间导航。标签：用于显示页面信息的静态文本。图标：用于辅助相关文字进行展示，也可当做按钮点击使用，常配合其他组件一起使用。标题：用于添加具有标题意义的文字，可以通过选择属性“标题类型”的值来控制添加的标题的文字大小。链接：链接地址，用于链接、跳转，一般常用来打开新页面或作为文字性按钮使用。图片：用于上传图片，可以从OBS或者SFTP选择或上传图片。面包屑：是项目中常用的一种组件。结构大致是“首页/菜单1/菜单2/菜单3”。滑块：滑块是一个可以利用鼠标在其上面进行滑动的条状组件，一般使用在进度条，区域划分等地方。当鼠标在轨道上点击时，滚动球会移动到当前鼠标点击的位置，单击过的地方会以蓝色显示，未单击的地方是灰色。分页：用于多条数据展示时可设置分页展示，每页展示固定数据条数。
高级	选项树：树形结构选择设置。适用于要展示的数据为树形结构。步骤条：步骤进度条。可设置总步骤数和每一步的展示名称。时间轴：一般绑定数据服务使用，动态的展示时间轴的内容。走马灯：在满足设置的条件可切换显示灯。可收缩面板：弹性伸缩布局，可左右伸缩的容器。滚动容器：由于屏幕尺寸限制，当页面内容已经超出屏幕的范围时，需要拉动滚动条，在有限的屏幕中浏览更多内容。代码块：用于代码块展示。选择卡：可从某一卡片区域选中到另一卡片区域。栅格容器：用于控制页面的布局，即将页面设计几行几列，先设置元素在页面中纵向排列，然后在每一行中又可设置元素横向排列。标签栏：只有页面布局模式为手机模式时，才会显示该组件。为底部导航组件，单击标签栏中的选项可切换本应用中不同的页面。

上一篇：APPCUBE-什么是标准页面:初识标准页面

下一篇：APPCUBE-什么是标准页面:初识标准页面

APPCUBE-什么是标准页面:基本组件分类说明

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题