首页
学习
活动
专区
圈层
工具
发布

建模与表单的动态化设计

本文将梳理我的设计思路。 动态建模 对于表单而言,我推崇先建模,当然,建模并不只适用于表单场景,任何场景都适用,只是需要考虑成本。...我们要将字段的元数据存储在数据库中,在管理平台上可以编辑它们,并完成保存,同时,在用户界面拉取出来进行表单的渲染。...我们需要设计一门动态DSL语言到我们的Schema中,用于表述具有动态逻辑的部分,特别是在上面提到的字段的逻辑性质。...设计动态DSL语言 我们不是要发明一门编程语言,我们是要解决动态化表单过程中,如何让描述文本具备更深的动态含义。解决眼前的问题,有利于我们减少瞎想乱想的可能性。...动态表单 对于产品化的动态表单而言,我们应该让用户进到产品里时,就可以立即进行表单设计。在表单设计过程中,再让用户来细化字段。

3.3K12

自定义表单 动态表单 表单设计器 流程引擎 设计方案

作流模块------------------------------- 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型...、激活挂起 3.运行中流程:查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务...、办理、驳回、作废、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 办理任务时候可以选择用户进行抄送,就是给被抄送人发送站内信通知当前审批意见以及备注信息...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 29. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 30....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 32.

2.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    MySQL表单设计:构建高效数据库的核心基石

    在数据库开发领域,MySQL凭借其开源、高性能和易用性等优势,成为众多开发者的首选。而表单设计作为MySQL数据库构建的基础环节,直接关系到数据存储的合理性、查询的效率以及系统的可维护性。...本文将深入探讨MySQL表单设计的关键要点与最佳实践。表结构设计原则规范化与反规范化平衡规范化是数据库设计的重要原则,旨在减少数据冗余,避免数据异常。...同时,避免在频繁更新的字段上创建过多索引。表关系设计一对一关系一对一关系可通过将两个表的主键相互引用或在一个表中冗余另一个表的部分字段来实现。...例如,学生表和课程表,通过选课表建立学生和课程之间的多对多关系,选课表中包含学生ID和课程ID两个外键字段。MySQL表单设计是一个综合性的工程,需要综合考虑业务需求、性能优化和可维护性等多方面因素。...遵循上述原则和策略,能够构建出高效、稳定的数据库系统,为应用程序的顺利运行提供有力保障。

    18610

    无代码动态表单系统 毕业设计 JAVA+Vue+SpringBoot+MySQL

    https://github.com/yyzwz/allProject 一、摘要 1.1 项目介绍 基于Vue+SpringBoot+MySQL的无代码平台的表单平台,包括了系统数据中心模块,用来存放管理系统通用的模块...,另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块,用于实现档案管理系统的核心表单逻辑。...t=5.5 二、功能模块 本文设计的无代码平台的表单系统的包括了系统数据中心模块,用来存放管理系统通用的模块,另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块,用于实现档案管理系统的核心表单逻辑...2.1 动态类型模块 动态表单类型是灵活的类型,允许自定义表单字段,根据业务情况,表格收集的信息可能会有所不同,动态表单类型允许根据业务需求自由添加、修改或删除表单字段,以满足特定业务需求。...---- 三、系统设计 3.1 用例设计 3.2 数据库设计 3.2.1 动态类型表 3.2.2 动态文件表 3.2.3 动态字段表 3.2.4 动态值表 四、系统展示 --

    50540

    干货 | 携程动态表单DynamicForm的设计与实现

    DynamicForm是由携程市场营销”活动平台”及”会员平台”共同设计的React表单组件,它包括表单可视化设计、校验、预览、渲染等功能。...目前最重要的应用场景,是为乐高平台提供组件属性配置的动态化表单配置能力。...实现阶段2:动态表单1.0 乐高表单第二版使用的是半自动化表单,支持动态配置表单控件类型和表单校验等。 配置面板如图: 此版本的表单不支持可视化拖拽,控件自上而下顺序排列。...2)DIY表单界面 运维人员可以通过对控件拖拽,实时编辑的形式,对表单进行自由设计,以达到理想的UI效果。...四、后续计划 DynamicForm将作为独立的npm模块使用,为其他动态表单场景提供公共功能,打造泛应用动态表单。 DynamicForm代码开源,与社区共同交流与进步。

    3.8K20

    java 自定义表单 动态表单 表单设计器 工作流引擎 flowable 设计方案

    工作流模块------------------------------- 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型...、激活挂起 3.运行中流程:查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务...、办理、驳回、作废、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 自定义表单-------------------------------...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本...、挂靠流程开关等 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 挂靠记录:记录表单数据和流程实例ID关联记录,可删除

    2.9K20

    架构是权衡的艺术:动态表单的存储方案设计

    球友提问:公司要做问卷表单,后台需要做数据统计分析。如何设计后端存储的方案,了解过json存储,但不利于分析统计,所以打算尝试k-v存储。...Hello,我是方才,今天这篇文章,是为了回答知识星球球友的提问,整个方案设计和选择的过程还是很有参考价值的。 任何技术方案或架构的设计,都是基于利弊分析的权衡的艺术。...image-20250101235312204 问卷调查需求的方案选择 在对4个可选方案进行综合分析后,回到球友的需求,针对问卷调查的场景做深入分析,以确定最终的方案。...通用功能的设计 有了明确的方案,就是具体的实现了,这里方才并没有提供对应的实现,但可以简单同步下关于动态表单的一些通用功能的实现思路(不管采用什么方式进行数据存储,均需要解决的问题)。...大家就直接看图了: 以上就是关于动态表单的数据存储方案了,不同的技术方案没有绝对的优势,都是基于不同的场景,研发团队情况,业务发展需求等等进行综合评估的过程,是权衡利弊的结果。

    30600

    JavaScript 设计模式系列 - 策略模式与动态表单验证

    ElementUI 的 Form 表单 具有表单验证功能,用来校验用户输入的表单内容。实际需求中表单验证项一般会比较复杂,所以需要给每个表单项增加 validator 自定义校验方法。...,第二个参数是报错的话表单验证的提示信息。...,把表单验证方法提取出来作为策略,使用柯里化方法动态选择表单验证方法,从而对策略灵活运用,大大加快开发效率。...策略模式的适用场景 那么应该在什么场景下使用策略模式呢: 多个算法只在行为上稍有不同的场景,这时可以使用策略模式来动态选择算法; 算法需要自由切换的场景; 有时需要多重条件判断,那么可以使用策略模式来规避多重条件判断的情况...策略模式 让我们在程序运行的时候动态地指定要使用的算法; 模板方法模式 是在子类定义的时候就已经确定了使用的算法; 7.2 策略模式和享元模式 见享元模式中的介绍。

    2K20

    「JavaScript 设计模式系列」 策略模式与动态表单验证

    ElementUI 的 Form 表单 具有表单验证功能,用来校验用户输入的表单内容。实际需求中表单验证项一般会比较复杂,所以需要给每个表单项增加 validator 自定义校验方法。...,第二个参数是报错的话表单验证的提示信息。...,把表单验证方法提取出来作为策略,使用柯里化方法动态选择表单验证方法,从而对策略灵活运用,大大加快开发效率。...策略模式的适用场景 那么应该在什么场景下使用策略模式呢: 多个算法只在行为上稍有不同的场景,这时可以使用策略模式来动态选择算法; 算法需要自由切换的场景; 有时需要多重条件判断,那么可以使用策略模式来规避多重条件判断的情况...策略模式 让我们在程序运行的时候动态地指定要使用的算法; 模板方法模式 是在子类定义的时候就已经确定了使用的算法; 7.2 策略模式和享元模式 见享元模式中的介绍。

    1.2K20

    动态表单之表单组件的插件式加载方案

    本文首发于政采云前端团队博客:动态表单之表单组件的插件式加载方案 https://www.zoo.team/article/dynamic-form-loading-method ?...前言 关于动态化表单方案前面我们已经有过一次分享,没看过的同学可以看下之前的文章 ZooTeam 拍了拍你,来看看如何设计动态化表单。...文章中提到随着业务差异化增多,我们采用了动态表单解决重复开发及逻辑堆叠的问题。随着动态化表单系统运行过程中业务方接入的越来越多,自定义组件插件式加载的需求开始出现并慢慢变得强烈。...同理 UMD 打包规范也可以通过类似的操作达到我们的目的。所以这两种方案都可以。考虑到后期动态表单页面转本地代码的需求,希望插件还能被 npm 安装使用。这里采用了 UMD 规范。...组件插件式引入的方式解决了,但是又引入了一个新的问题,一个表单页面如果有 10 个自定义组件的话,是不是就得动态加载 10 个静态资源呢,如果每个组件都有一个 JS,一个 CSS。

    3.1K40

    MySQL数据库设计

    软件项目开发周期中数据库设计 01.需求分析阶段:分析客户的业务和数据处理需求 02.概要设计阶段:设计数据库的E-R模型图,确认需求信息的正确和完整 03.详细设计阶段:应用三大范式审核数据库结构 04...数据库的备份 cmd进入命令行 mysqldump -u用户名 -p 数据库名称 >指定的文件 数据库的恢复 前提是必须要有对应的数据库  mysql -u用户名 -p 的文件 1. mysql...  -p密码 1.对象没有静态和动态之分。。。。。。。。...第三范式:在满足第二范式基础上,保证表中除主键列外的其他列,都直接依赖于主键列,则符合第三范式 设计没有好坏,没有对错之分,所谓仁者见仁智者见智 1.MySQL的优势  1.运行速度快,  2.使用成本低...数据文件 3.MySQL -uroot -proot login 默认状态 no database selected 所以切换到一个指定的数据库 mysql 使用命令行  看数据库的安装路径   和

    3.3K110

    MySQL(数据库设计)

    目录: 三大范式 ER图 PowerDesigner工具 数据库设计三大范式 范式是符合某种设计要求的总结,关系型数据库中有六种范式:第一范式(1NF)、第二范式(2NF)、第三范式(3NF)、巴德斯科范式...2、班主任表 注意: 在实际开发过程中,所有表的设计都必须满足第一范式要求,可以不满足第二范式和第三范式。...因为性能的优先级要高于规范的优先级(当性能和规范冲突时以性能为主),特别是电商项目中,为了满足性能要求去违背设计规范。...ER图 矩形:实体或表; 椭圆:表中的属性(字段); 菱形:实体和实体之间的关系; 如下图(ER图): 数据库中实体和实体之间的关系有一对一,一对多的关系,多对多的关系, 下面详细说明一对一和一对多的关系...角色表: 权限(菜单)表: 角色权限表: PowerDesigner 这是一个建立数据库模型,生成数据库的工具。

    2.4K30

    可动态扩展的数据库模型设计

    在通常的数据库设计中,我们定义了每个实体有多少个属性,每个属性的数据类型是什么,有多长,是否允许为空,有什么约束条件等,这些定义是完全静态的,系统创建时就全部定义好,不能动态修改。...但是对于实体的属性变化很快,或者实体和属性由用户在系统中自行定义的情况下,那么就需要一个可以动态扩展的数据库模型,以保存各种动态产生的数据。...这个时候就需要建立动态的数据库模型。 常见的动态扩展的数据库设计方法有以下几种: 一、以字符串存储各种数据类型,通过行转列实现实体属性读取。...这种数据库设计方法的优点是不会存在行转列的问题,所以在join或者出报表时性能较好,缺点就是使得一个表的列特别多,而且大部分列在大多数情况下是不使用的,而且扩展比较困难,比如我们要定义17个bit类型的列...三、使用XML数据类型存储动态列数据。 XML数据类型是SQL的一个标准,目前主流的数据库都支持XML数据类型,数据库为XML提供专门的语法以快速检索和操作XML数据。

    1.8K20

    数据库|MySQL制作成绩表单视图

    问题描述 大家平时所看到的成绩表单基本上都是用excel来制作的,学习数据库基础,你就多了一项用MySQL制作表单的技能。不仅方便快捷,输入一些命令就可以很直观的看出重要数据;而且便于储存。...那么如何用MySQL制作一张简单的成绩表单呢? 解决方案 下载安装MySQL后可以直接在命令行启动MySQL输入命令制作表单。...本文介绍用Navicat for MySQL软件执行MySQL操作制作。制作流程是创建表格-添加数据-创建视图-查询生成表格。...1 创建表格 #如果存在school这个数据库就删除school drop DATABASE if EXISTS school; create DATABASE school; #再创建school...结语 用MySQL制作表单有很多的注意事项。创建数据库和表格的时候要先看是否有相同名字的,如果有先删除再创建;创建视图要写好where约束条件;视图的select不可以包含变量和参数。 END

    2.7K30

    MySql⭐一、配置MySql数据库,并创建一个表单

    安装 MySql 数据库 1️⃣ 下载 MySql 数据库 MySql数据库官网:传送门 我们下载 8.0.21.0 版本。过高的版本Unity在连接时是暂不支持的。...2️⃣ 安装 MySql 数据库 像技能树描述的那样,去安装数据库。(技能树传送门) 但不一样的有如下两点。...创建一个表单 1️⃣ 打开你的数据库 打开 Workbench 界面,双击你的数据库SKODE,进入数据库。...配置你的表单名字:2022 表单中我添加了两列 packageName:VARCHAR(45) String(0~255) status:TINYINT(1) MySQL没有内置的 BOOLEAN...当status值为 -1或者1的时候,debug中看到的status值均为true。 查看你创建的表单 右键你创建的表单2022,选择 Select Rows,即可在下方看到你表单中的数据。

    56810

    ZooTeam 拍了拍你,来看看如何设计动态化表单

    这两种方案都有维护成本比较大的弊端,那么有没有更好点的解决方案呢。本文就带你了解一下动态化表单搭建。...什么是动态表单 先下个定义,动态表单是页面根据管理端配置的不同的 Schema 结构,动态渲染出不同的表单项的表单。 动态表单一般分两个部分,管理端和渲染端。...图片 动态表单的实现 表单配置 对于 Schema 数据的配置,考虑到接入业务方的接入成本及维护成本。 管理端采用了可拖拽式的所见即所得配置面板。...比如 Select 组件会需要一个数据来源,以及该组件是否多选之类的。基本属性直接写死。组件私有属性则通过远程数据库维护。自定义组件的注册就需要涉及到这部分的数据管理。...直接选择使用,可进一步简化配置流程 同页面下的一些相同区块,如果每个页面都单独维护,会极大的增加维护成本、抽取并联动,可以极大的减少维护表单的成本 展望 对于动态化表单的能力远不止目前看到的动态表单搭建

    1.5K20
    领券