首页 > 其他分享 >表单引擎的自定义控件的概念与设计

表单引擎的自定义控件的概念与设计

时间:2023-09-08 19:31:29浏览次数:39  
标签:控件 存储 自定义 表单 分组 附件

基本概念

概述

  • 控件的定义:用于展示或者采集数据的表单元素,称为控件,比如:文本框、下拉框、单选按钮、从表等.
  • 自定义控件:表单引擎提供的基础控件之外的控件称为自定义控件, 这些控件由开发人员自己定义,比如:评分、公文字号、定位等.

基本控件分类

  • 字段控件:文本字段、数值字段、日期字段、枚举外键字段.
  • 子表控件: 子表、多种显示风格的子表、孙表、孙孙表等.
  • 流程控件:流程轨迹图、审核组件、自定义流程...
  • 附件控件:字段附件、装饰图附件、图片附件、分组(表格)附件.
  • 自定义控件: 是指,根据业务的需要定义控件,比如:评分、身份证、文号、字号、定位等。
  • 请参考表单设计器:

自定义控件分类

  • ccfrom根据自定义控件的场景与应用特征分为三类:表单字段、扩展控件、分组控件.
  • 表单字段控件:该类的控件依托一个字段展现,属性设置在Sys_MapAttr里,通过 UIContralType 来区分控件类型, 他展现在一个字段分组里,数据存储在KeyOfEn的字段里。比如:字段附件、评分控件、定位控件、签字版、图片控件等.
  • 扩展控件: 利用字段(控件)的扩展属性为了达到一些功能实现的控件,比如:选择人控件、日期从到、控件、选部门控件、选岗位控件等。
  • 分组控件:需要一个分组才能完成的控件,比如:从表、表格附件。
  • 本章节将对三种控件类型的实现,自定义开发做一个demo.

表单引擎的自定义控件的概念与设计_表单

控件在表单的体现

  • 字段模式的: 是应用,控件展示比较小,与字段一样在一个分组里就可以展示出来比如:评分、字号、字段附件等,它隶属一个分组容器展现,数据存储在:Sys_MapAttr 里面,解析的时候根据控件类型执行解析。
  • 扩展控件:在基本的控件基础上通过扩展属性定义的控件,称为扩展控件,比如:人员选择器、岗位选择、部门选择等控件。
  • 分组模式的: 需要一个分组才能展示,比如:审核组件、从表、表格附件等。需要单独的一个分组容器才能展现.
    描述的数据与存储的数据需要单独设计存储。

控件的工作过程

  1. 定义控件: 定义控件的属性,控件的风格、样式、数据存储位置,业务规则。
  2. 解析控件: 根据定义的属性,获取控件的数据,进行展现.

自定义控件开发过程

  1. 在设计器定义.
  2. 解析器执行解析.
  3. 该控件的开发,需要遵守开发过程。

第1步:确定字段的提现方式.

  1. 确定控件的体现方式, 根据控件的特性,区分是字段模式的还是分组模式。
  2. 请参考《字段控件开发》章节.

第2步: 确定控件的属性与数据存储结构.

  1. 如果是字段模式:数据存储在.
  2. 分组模式的控件数据存自定的表单模板里.

 

字段控件

概述

定义

  • 该类的控件依托一个字段展现,属性设置在Sys_MapAttr里,通过 UIContralType 来区分控件类型.
  • 他展现在一个字段分组里,数据存储在KeyOfEn的字段里。比如:字段附件、评分控件、定位控件、签字版、图片控件等.

新建字段控件

  • 如下图:

表单引擎的自定义控件的概念与设计_字段_02

  • 设计效果

表单控件

  • 表单控件也叫通用控件,比如:按钮、链接、评分、定位、身份等控件.
  • 该控件运行依靠,主表,从表的数据。
  • 他的属性设置存储在 Sys_MapAttr 表里,数据按照约定的格式存储在KeyOfEn的字段里.

流程控件

  • 与流程相关的控件称为流程控件、比如:签批组件、工作进度、公文主文件、流程评论组件.
  • 他的属性设置在 WF_Node, 流程数据存储在字段数。
  • 更多信息参考: http://ccflow.org

标签:控件,存储,自定义,表单,分组,附件
From: https://blog.51cto.com/u_15343873/7412644

相关文章

  • 基于live555开源流媒体服务器开发的EasyRTSPServer实现自定义数据与音视频数据的同步
    基于live555开源流媒体服务器开发的EasyRTSPServer实现的是视频和音频的数据传输,而随着智能分析的应用越来越多,如何将分析结果传给客户端也势在必行了。分析问题EasyRTSPServer基于live555改造而来,通过分析代码可以知道,其实它已经自带了metadata的传输.我们要做的就是怎样将这个me......
  • 借助开源表单设计器,让办公流程化更顺畅!
    什么样的软件可以实现办公流程化发展?这是很多粉丝朋友问到的问题,其实,作为低代码技术平台服务商,建议大家了解下开源表单设计器,它在当前数字化转型发展的潮流中具有可观的利用价值,可以助力不同行业实现流程化发展,创造更高的市场佳绩。传统的表单制作非常单一,而且效率不高,不够灵活,也......
  • element表单中当有必填项没有填时,定位光标
    表单添加或修改时的验证1.表单<el-form:model="formData":rules="rules"ref="ruleForm"label-width="140px"></el-form>2.表单验证//添加数据addData(){ this.......
  • RTSP流媒体服务器EasyNVR在直播项目中如何自定义直播背景音乐
    TSINGSEE青犀视频开发的平台主要用于安防直播,除了在安防领域的应用外,也已经成功落地于许多其他领域,包括景区直播。在普通的安防直播场景中,对于视频监控背景音乐并没有特别的要求。然而,对于景区来说,监控的目的不仅限于安防,还包括向外界展示和宣传。因此,在景区直播中,可以结合背景音乐......
  • 自定义配置文件参数在application可以直接识别Not registered via @EnableConfigurati
    自定义配置文件参数在application可以直接识别Notregisteredvia@EnableConfigurationPropertiesormarkedasSpringcomponent看见很多开源项目的配置文件可以直接配置在application.yaml中,自己也想弄一个,怎么弄呢?这是我的demo,你正常ConfigurationProperties会报错Notregi......
  • 构建自定义美颜应用:全局美颜SDK的开发指南
    美颜技术已经成为许多应用程序和平台的标配之一,为用户提供了改善外观的机会。为了在你的应用中提供自定义的美颜功能,你可以考虑使用全局美颜SDK。本文将向你介绍如何构建自定义美颜应用,以及开发全局美颜SDK的关键步骤和技巧。一、明确需求和目标在开始之前,你需要明确你的美颜应用的......
  • 详谈SpringBoot启动项目后执行自定义方法的方式
    在main启动函数中调用这个是在所有启动后执行,也是常用之一。@SpringBootApplicationpublicclassListenerApplication{publicstaticvoidmain(String[]args){SpringApplication.run(ListenerApplication.class,args);System.out.println("启动成......
  • 界面控件DevExpress WinForms工具栏菜单组件,模拟流行办公软件!
    DevExpressWinForms的工具栏和菜单组件灵感来自于MicrosoftOffice,并针对WinForms开发人员进行了优化,可以帮助开发者快速模拟当下流行的办公软件应用程序。DevExpressWinForms有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且......
  • pageoffice 6版本隐藏office工具栏和自定义按钮,并修改标题栏内容
    在实际项目集成调用PageOffice的过程中:(1)有时需要把Office的工具栏隐藏,比如只读模式打开文件的时候,Office工具栏上的按钮几乎都是灰掉的,此时显示Office工具栏没有任何意义,并且浪费了宝贵的界面空间。实现此功能只需在OnPageOfficeCtrlInit事件中调用js设置PageOffice控件的Office......
  • VueJS 处理表单组件上 api 调用的错误
    问题出在可组合项中对errors的处理上。在register函数中,你将errors重新赋值为空对象{},而应该将其赋值给errors.value来保持响应式。修改useAuth可组合项的代码如下:exportdefaultfunctionuseAuth(){leterrors=ref({});constregister=(request)=>{errors.val......