3.6 页面控件
2019-03-21 本文已影响0人
MisShop智能开发平台
页面控件是已经做好的实现特定功能的模块，如查询、导入Excel数据、视频播放、分页显示等功能模块都能够做成控件。控件的开发根据需求来定，随着平台版本更新而迭代，速度很快，有的会被新的所替代，有的会不常用而被丢弃。
本章对所有控件进行简要介绍，大部分控件，开发者在实践中稍加接触，就能掌握使用方法。查看所有的控件，可以点击 页面>控件，看到控件工具条，拖动工具条到页面即可完成控件布置。
或单击单元格， 右键>控件属性（ctrl+1 ），进入控件属性配置界面。
目前控件主要分为几组：默认组、布局组、容器组、按钮组、输入组、展示组、文件组、Html元素组。
默认组
- 默认：不给单元格设置任何控件属性，就是简单的显示内容。
- 标题：把文字设置为标题的样式，这些样式根据文字所处的位置而不同，如轮播图中的标题和列表的标题样式会有所差别。
- 副标题：把文字设置为副标题的样式。
- 段落：把文字设置为段落的样式。
- 细项：把文字设置为细项的样式。
布局组
布局组控件都是页面布局时候用到，主要影响到页面的展示效果，跟系统的功能实现关系不大。布局组控件常作为区域的控件属性来配置，单个单元格一般不配。鼠标单击单元格拖拽，选中多个单元格，然后 右键>设为区域>控件类型，这时候的控件选项就只有布局组和容器组的控件。设置完以后，所选取的区域在浏览器显示时，就会按照选取方式布局。
- div容器：容器内所有单元格会从左到右连续显示
- 表格：按表格样式显示，可以控制自动列宽等
- 弹性布局容器：一行的所有单元格分为12栏，独立显示，跟上下单元格不构成行列关系
- 网格布局容器：相当于多行的弹性布局容器
- 列布局容器：
-
自定义元素：
布局组控件的使用将在页面布局一节详细讲述。
容器组
- 统计图:设置好数据和类型后，可以展示统计图，能够很直观地显示数据。
- 标签组:用标签组的方式展示页面信息。
- 轮播图:多张图片通过自动或滑动的方式，轮流播放，常用于移动端显示
- 分步:
- 按钮组:相当于菜单项的按钮，点击后出来一列按钮供选择。
- 折叠板:
- 指标:
- 指标行:
- 九宫格:常用于移动端划分多个区域，每个区域显示相同结构的内容
- 无序列表:
- 有序列表:
- 列表组:
- 时间轴:
- 标题表单:
- 任务列表:
- 标题信息:呈现个人概要信息的布局和样式组合，
- 卡片:呈现个人信息的特定的布局和样式组，能够简洁美观地展示个人信息。
按钮组
- 按钮: 页面显示一个按钮，开发者配置动作函数，点击后实现一定的功能
- 链接: 点击后打开指定页面
- 查询: 点击后根据收集的查询条件，到指定数据表查询信息并返回结果
- 保存: 点击后将页面数据更新到数据库
- 立即执行: 不打开页面，而是在服务器上执行页面里规定的保存操作。实际执行效果和点击弹出一个新页面，不进行任何操作，直接点击保存按钮相同。
- 添加行: 点击后在列表中新增一行，供用户输入
- 删除行: 删除在列表中新增的行，一般和添加行搭配使用
- 删除数据: 删除列表中按钮所在行，点击后立即执行，更新数据库
- 批量删除: 同时删除列表中的多条记录，点击后立即执行，更新数据库
- 清空数据表: 删除数据表全部数据
- 排序: 控制列表中的数据，按照排序按钮所在字段，排序显示
- 折叠和展开: 将指定区域折叠和展开
- 复杂查询:一般占一整行，使用者可以随意选取列进行查询
- 导入Excel: 按照给定的页面模板，从Excel表格文件中导入数据到数据库
- 导出Excel: 将数据库数据导出到Excel表格文件中或dbf格式文件，按照给定模板
- 导出Word:
- 打印: 打印当前所在网页
- 提示: 点击提示一段信息
- 关闭: 关闭窗口
- 刷新窗口: 刷新当前网页
- 隐藏表格列: 隐藏当前字段
输入组
- 输入框: 输入短文本，不能直接输入换行符
- 长文本输入框: 输入长文本，可以输入换行符
- 富文本: 输入带格式的文本
- 正整数输入框: 输入正整数
- 密码框: 输入密码，输入的字符用*号显示
- 是非项: 供用户选择“是”或“否”
- 日历选择: 弹出日历选择卡，供用户选择日期
- 下拉选项框: 提供有限个选项供用户选择，每次都是同样的选项
- 下拉数据集: 从数据集中获取数据供用户选择，可能每一次都不一样
- 单表下拉树:
- 复杂下拉树:
- 地图定位: 输入地理位置信息
展示组
- 单选框: 勾选选项用，相互互斥，只能有一个选上
- 复选框: 勾选选项用，可以同时勾选多个
- 全选/反选: 同时勾选\取消页面全部的复选框
- 分页: 将记录数较多的列表分页显示，如每页显示20条记录
- 水平分割线: 显示一条水平分割线，在视觉上给页面内容分块
- 分割线:
- 进度条: 显示一个进度条
- 滑动条:
- 二维码: 显示一个数值或文本的二维码
- 条形码: 显示一个数值或文本的条形码
- Html:
- 标签页:
- 列表子项:
- 星级评分:
文件组
- 图片: 在页面上显示图片
- 多图:
- 文件:
- 文件（新）:
- 多文件:
- 音频播放: 在页面上播放音频文件
- 视频播放: 在页面上播放视频文件
Html元素组
- 下标:
- 上标:
