美文网首页
3.6 页面控件

3.6 页面控件

作者: MisShop智能开发平台 | 来源:发表于2019-03-21 19:29 被阅读0次

页面控件是已经做好的实现特定功能的模块,如查询、导入Excel数据、视频播放、分页显示等功能模块都能够做成控件。控件的开发根据需求来定,随着平台版本更新而迭代,速度很快,有的会被新的所替代,有的会不常用而被丢弃。
本章对所有控件进行简要介绍,大部分控件,开发者在实践中稍加接触,就能掌握使用方法。查看所有的控件,可以点击 页面>控件,看到控件工具条,拖动工具条到页面即可完成控件布置。


或单击单元格, 右键>控件属性ctrl+1 ),进入控件属性配置界面。
目前控件主要分为几组:默认组、布局组、容器组、按钮组、输入组、展示组、文件组、Html元素组。

默认组

  • 默认:不给单元格设置任何控件属性,就是简单的显示内容。
  • 标题:把文字设置为标题的样式,这些样式根据文字所处的位置而不同,如轮播图中的标题和列表的标题样式会有所差别。
  • 副标题:把文字设置为副标题的样式。
  • 段落:把文字设置为段落的样式。
  • 细项:把文字设置为细项的样式。

布局组

布局组控件都是页面布局时候用到,主要影响到页面的展示效果,跟系统的功能实现关系不大。布局组控件常作为区域的控件属性来配置,单个单元格一般不配。鼠标单击单元格拖拽,选中多个单元格,然后 右键>设为区域>控件类型,这时候的控件选项就只有布局组和容器组的控件。设置完以后,所选取的区域在浏览器显示时,就会按照选取方式布局。

  • div容器:容器内所有单元格会从左到右连续显示
  • 表格:按表格样式显示,可以控制自动列宽等
  • 弹性布局容器:一行的所有单元格分为12栏,独立显示,跟上下单元格不构成行列关系
  • 网格布局容器:相当于多行的弹性布局容器
  • 列布局容器
  • 自定义元素
    布局组控件的使用将在页面布局一节详细讲述。

容器组

  • 统计图:设置好数据和类型后,可以展示统计图,能够很直观地显示数据。
  • 标签组:用标签组的方式展示页面信息。
  • 轮播图:多张图片通过自动或滑动的方式,轮流播放,常用于移动端显示
  • 分步:
  • 按钮组:相当于菜单项的按钮,点击后出来一列按钮供选择。
  • 折叠板:
  • 指标:
  • 指标行:
  • 九宫格:常用于移动端划分多个区域,每个区域显示相同结构的内容
  • 无序列表:
  • 有序列表:
  • 列表组:
  • 时间轴:
  • 标题表单:
  • 任务列表:
  • 标题信息:呈现个人概要信息的布局和样式组合,
  • 卡片:呈现个人信息的特定的布局和样式组,能够简洁美观地展示个人信息。

按钮组

  • 按钮: 页面显示一个按钮,开发者配置动作函数,点击后实现一定的功能
  • 链接: 点击后打开指定页面
  • 查询: 点击后根据收集的查询条件,到指定数据表查询信息并返回结果
  • 保存: 点击后将页面数据更新到数据库
  • 立即执行: 不打开页面,而是在服务器上执行页面里规定的保存操作。实际执行效果和点击弹出一个新页面,不进行任何操作,直接点击保存按钮相同。
  • 添加行: 点击后在列表中新增一行,供用户输入
  • 删除行: 删除在列表中新增的行,一般和添加行搭配使用
  • 删除数据: 删除列表中按钮所在行,点击后立即执行,更新数据库
  • 批量删除: 同时删除列表中的多条记录,点击后立即执行,更新数据库
  • 清空数据表: 删除数据表全部数据
  • 排序: 控制列表中的数据,按照排序按钮所在字段,排序显示
  • 折叠和展开: 将指定区域折叠和展开
  • 复杂查询:一般占一整行,使用者可以随意选取列进行查询
  • 导入Excel: 按照给定的页面模板,从Excel表格文件中导入数据到数据库
  • 导出Excel: 将数据库数据导出到Excel表格文件中或dbf格式文件,按照给定模板
  • 导出Word:
  • 打印: 打印当前所在网页
  • 提示: 点击提示一段信息
  • 关闭: 关闭窗口
  • 刷新窗口: 刷新当前网页
  • 隐藏表格列: 隐藏当前字段

输入组

  • 输入框: 输入短文本,不能直接输入换行符
  • 长文本输入框: 输入长文本,可以输入换行符
  • 富文本: 输入带格式的文本
  • 正整数输入框: 输入正整数
  • 密码框: 输入密码,输入的字符用*号显示
  • 是非项: 供用户选择“是”或“否”
  • 日历选择: 弹出日历选择卡,供用户选择日期
  • 下拉选项框: 提供有限个选项供用户选择,每次都是同样的选项
  • 下拉数据集: 从数据集中获取数据供用户选择,可能每一次都不一样
  • 单表下拉树:
  • 复杂下拉树:
  • 地图定位: 输入地理位置信息

展示组

  • 单选框: 勾选选项用,相互互斥,只能有一个选上
  • 复选框: 勾选选项用,可以同时勾选多个
  • 全选/反选: 同时勾选\取消页面全部的复选框
  • 分页: 将记录数较多的列表分页显示,如每页显示20条记录
  • 水平分割线: 显示一条水平分割线,在视觉上给页面内容分块
  • 分割线:
  • 进度条: 显示一个进度条
  • 滑动条:
  • 二维码: 显示一个数值或文本的二维码
  • 条形码: 显示一个数值或文本的条形码
  • Html:
  • 标签页:
  • 列表子项:
  • 星级评分:

文件组

  • 图片: 在页面上显示图片
  • 多图:
  • 文件:
  • 文件(新):
  • 多文件:
  • 音频播放: 在页面上播放音频文件
  • 视频播放: 在页面上播放视频文件

Html元素组

  • 下标:
  • 上标:

相关文章

  • 3.6 页面控件

    页面控件是已经做好的实现特定功能的模块,如查询、导入Excel数据、视频播放、分页显示等功能模块都能够做成控件。控...

  • 总结下wex5父页面和子页面之间的传值(参数)

    首先父页面里要加一个windowDialog控件用于打开子页面(控件src链接子页面)。 父页面向子页面传...

  • 图层命名规范

    1、图层切图命名规范命名按照层级如下:所处页面> 控件位置>控件类别 > 控件功能描述 > 控件状态页面之间使用下...

  • 表单日期控件实践

    日期控件HTML代码如下: 日期控件JS代码如下: 进入新增员工的表单页面 点击日期控件里面的日历图标 JSP页面...

  • Xamarin自定义布局系列——PivotPage(多页面切换控

    PivotPage ———— 多页面切换控件 PivotPage是一个多页面切换控件,类似安卓中的ViewPage...

  • 九、ASP.NET的用户控件和第三方控件

    用户控件: UserControl,又称“Web用户控件”或者“部分页面”。 用户控件和自定义控件的区别如下: <...

  • 3.6.4 页面控件--树控件

    树控件分为两种,单表下拉树和复杂下拉树。单表下拉树适用于表字段引用了本表的场景,例如部门表的上级部门字段又引用了部...

  • python爬虫(2)-抓图片

    环境:python3.6目标:爬取HTML页面的图片,保存到本地

  • JetPack之DataBinding源码解析

    在没有Databinding之前,布局文件通常只负责UI控件的布局工作,我们是在页面中通过id找到控件,接着在页面...

  • 2019-05-27

    UI测试功能点 页面布局,控件大小.控件形状,控件状态--合理, 美观, 清晰, 对齐, 便于理解, 系统规范 2...

网友评论

      本文标题:3.6 页面控件

      本文链接:https://www.haomeiwen.com/subject/vmwfvqtx.html