基于Java的无代码动态表单系统(Vue.js+SpringBoot)

news2024/11/24 14:35:58

在这里插入图片描述

目录

  • 一、摘要
    • 1.1 项目介绍
    • 1.2 项目录屏
  • 二、功能模块
    • 2.1 动态类型模块
    • 2.2 动态文件模块
    • 2.3 动态字段模块
    • 2.4 动态值模块
  • 三、系统设计
    • 3.1 用例设计
    • 3.2 数据库设计
      • 3.2.1 动态类型表
      • 3.2.2 动态文件表
      • 3.2.3 动态字段表
      • 3.2.4 动态值表
  • 四、系统展示
  • 五、核心代码
    • 5.1 查询档案类型
    • 5.2 新增档案类型
    • 5.3 删除档案子项
    • 5.4 编辑档案额外字段
    • 5.5 添加档案额外字段
  • 六、免责说明

一、摘要

1.1 项目介绍

基于Vue+SpringBoot+MySQL的无代码平台的表单平台，包括了系统数据中心模块，用来存放管理系统通用的模块，另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块，用于实现档案管理系统的核心表单逻辑。

1.2 项目录屏

二、功能模块

本文设计的无代码平台的表单系统的包括了系统数据中心模块，用来存放管理系统通用的模块，另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块，用于实现档案管理系统的核心表单逻辑。

在这里插入图片描述

2.1 动态类型模块

动态表单类型是灵活的类型，允许自定义表单字段，根据业务情况，表格收集的信息可能会有所不同，动态表单类型允许根据业务需求自由添加、修改或删除表单字段，以满足特定业务需求。动态表单类型可以根据用户的操作和需求，自愿设置输入框、选项等特定页签，提高用户填写表单的效率和体验，采用动态表单类型使管理员更容易管理表单，只需在后台进行相关设置，即可轻松修改、删除或添加表单，提高管理效率。使用动态表单类型可以帮助您避免由于不断变化的业务需求而频繁更改代码，降低软件开发成本，并节省时间和资源，动态表单类型在数据收集、表单管理和开发成本方面具有重要意义，通过采用动态表单类型，可以快速灵活地响应各种业务场景的表单需求，提高用户体验和管理效率。

2.2 动态文件模块

动态文件模块是一种无代码平台表单系统钟，用于显示用户发布的图像、视频和动态信息等文件的模块，动态文件模块让用户更直观地了解感兴趣的人的最新动向，在动态文件模块中，用户可以看到表单的动态内容，以增加用户使用该平台的兴趣和满意度，动态文件模块支持不同类型的文件上传，如照片、视频、音频等，为用户提供更丰富的内容表示，通过动态文件模块，用户可以轻松地分享他们的生活、知识和经验，吸引更多用户的兴趣和参与。用户可以将自己的照片、视频等文件直接上传到动态文件模块，动态文件模块便于用户之间的通信和交互。通过动态文件模块，可以增强用户体验，丰富内容表达，方便文件管理和共享，增强平台的交互性，吸引更多用户加入平台。它可以增加用户的活动性和参与度。

2.3 动态字段模块

动态字段模块是用于在信息管理系统中动态添加、删除或更改字段的模块，随着市场和商业环境的变化，公司必须不断调整其信息管理系统，以满足新的业务需求。动态字段模块可以满足这一需求，使公司能够灵活地添加、删除或更改字段，以跟上业务变化，动态字段模块可帮助公司更好地管理数据，避免数据重复或关键信息丢失，并提高数据的准确性和质量，动态字段模块支持快速添加新字段，这将使组织拥有更多的数据维度和更丰富的数据信息，提高其数据分析能力，并更好地支持其决策，动态字段模块简化了信息管理系统的开发和维护过程，减少了手动工作和编码，并降低了开发和维护成本。动态字段模块对于信息管理系统来说是非常必要的，通过动态字段模块，企业可以灵活地添加、删除或更改字段，以满足不断变化的业务需求，同时提高数据的准确性和质量，增强数据分析能力，改进系统开发和维护，简化活动流程，带来更多业务价值。

2.4 动态值模块

动态值模块是用于记录和管理用户行为以及动态变化数据的软件和应用程序，动态值模块可以记录和反映用户在平台上的活动，如文件的具体字段内容等，可以直观地表达用户的行为和态度，动态值模块分析用户行为，以了解用户的兴趣和需求，并向平台推荐更准确的内容和服务，动态值模块可以深入分析用户行为数据，提取用户需求和痛点，帮助平台制定更准确的产品策略，提高用户满意度，动态值模块为平台运营和决策提供有价值的数据支持，优化运营策略，提高市场竞争力。

三、系统设计

3.1 用例设计

在这里插入图片描述

3.2 数据库设计

3.2.1 动态类型表

在这里插入图片描述

3.2.2 动态文件表

在这里插入图片描述

3.2.3 动态字段表

在这里插入图片描述

3.2.4 动态值表

在这里插入图片描述

四、系统展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、核心代码

5.1 查询档案类型

@ApiOperation(value = "查询档案类型")
public List<ArCommonArchive> getByParentIdInTree(String parentId,Boolean openDataFilter) {
    List<ArCommonArchive> list = new ArrayList<>();
    QueryWrapper<ArCommonArchive> qw = new QueryWrapper<>();
    qw.eq("parent_id",parentId);
    qw.orderByAsc("sort_order");
    list = iArCommonArchiveService.list(qw);
    list = setInfo(list);
    for (ArCommonArchive arCommonArchive : list) {
        arCommonArchive.setChildren(getByParentIdInTree(arCommonArchive.getId(),openDataFilter));
    }
    return list;
}

5.2 新增档案类型

@SystemLog(about = "新增A档案类型", type = LogType.DATA_CENTER, doType = "CE11")
@ApiOperation(value = "新增A档案类型")
@RequestMapping(value = "/add", method = RequestMethod.POST)
public Result<Object> add(ArCommonArchive archive){
    User currUser = securityUtil.getCurrUser();
    if(isRepeatPrefixArchive(archive.getNumberHeader())) {
        return ResultUtil.error("档案类型前缀已存在,不能重复添加");
    }
    archive.setFilerTime(DateUtil.now());
    archive.setFilerNumber(currUser.getUsername());
    archive.setFilerName(currUser.getNickname());
    iArCommonArchiveService.saveOrUpdate(archive);
    return ResultUtil.success();
}

5.3 删除档案子项

@SystemLog(about = "删除B档案子项", type = LogType.DATA_CENTER, doType = "CE08")
@ApiOperation(value = "删除B档案子项")
@RequestMapping(value = "/deleteArchiveItem", method = RequestMethod.POST)
public Result<Object> deleteArchiveItem(@RequestParam String id){
    ArCommonArchiveItem acai = iArCommonArchiveItemService.getById(id);
    if(acai == null) {
        return ResultUtil.error("档案已被删除");
    }
    iArCommonArchiveItemService.removeById(acai.getId());
    return ResultUtil.success("档案类型删除成功");
}

5.4 编辑档案额外字段

@SystemLog(about = "编辑C档案额外字段", type = LogType.DATA_CENTER, doType = "CE05")
@RequestMapping(value = "/editArchiveField", method = RequestMethod.POST)
@ApiOperation(value = "编辑C档案额外字段")
public Result<Object> editArchiveField(@RequestParam String id,@RequestParam String title,@RequestParam String remark,@RequestParam float sortOrder,@RequestParam(required = false,defaultValue = "input") String type,@RequestParam(required = false,defaultValue = "") String typeValue) {
    ArCommonArchiveField acaf = iArCommonArchiveFieldService.getById(id);
    if(acaf == null) {
        return ResultUtil.error("该字段已被删除");
    }
    acaf.setTitle(title);
    acaf.setRemark(remark);
    acaf.setSortOrder(BigDecimal.valueOf(sortOrder).setScale(3,RoundingMode.UP));
    acaf.setSpecialType(type);
    acaf.setSpecialRemark(typeValue);
    iArCommonArchiveFieldService.saveOrUpdate(acaf);
    return ResultUtil.success();
}

5.5 添加档案额外字段

@SystemLog(about = "添加C档案额外字段", type = LogType.DATA_CENTER, doType = "CE03")
@RequestMapping(value = "/addArchiveField", method = RequestMethod.POST)
@ApiOperation(value = "添加C档案额外字段")
public Result<ArCommonArchiveField> addArchiveField(@RequestParam String typeId) {
    ArCommonArchiveField field = new ArCommonArchiveField();
    field.setTypeId(typeId);
    field.setTitle("额外字段标题");
    field.setRemark("可以在这里输入字段备注");
    field.setSpecialType("input");
    field.setSpecialRemark("");
    field.setSortOrder(BigDecimal.ZERO);
    iArCommonArchiveFieldService.saveOrUpdate(field);
    return new ResultUtil<ArCommonArchiveField>().setData(field);
}

六、免责说明

  • 本项目仅供个人学习使用，商用授权请联系博主，否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权，拥有最终解释权。
  • 如有问题，欢迎在仓库 Issue 留言，看到后会第一时间回复，相关意见会酌情考虑，但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户，必须同意以下内容，否则请勿下载！

  1. 出于自愿而使用/开发本软件，了解使用本软件的风险，且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关，博主对此不承担任何责任。
  3. 在任何情况下，对于因使用或无法使用本软件而导致的任何难以合理预估的损失（包括但不仅限于商业利润损失、业务中断与业务信息丢失），博主概不承担任何责任。
  4. 必须了解使用本软件的风险，博主不承诺提供一对一的技术支持、使用担保，也不承担任何因本软件而产生的难以预料的问题的相关责任。

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1522484.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

农发行鱼台县支行组织开展3.15金融消费者权益保护教育宣传活动

农发行鱼台县支行组织开展3.15金融消费者权益保护教育宣传活动

为切实提升消费者金融素养及风险防范意识,3月15日农发行鱼台县支行组织开展以“金融消保在身边 保障权益防风险”为主题的“3.15”金融消费者权益保护教育宣传活动。 本次活动,该行重点围绕普及消费者八项基本权利、宣传金融纠纷多元化解机制、强化“三适当“原则、夯实诚信文…
阅读更多...
sparksession对象简介

sparksession对象简介

什么是sparksession对象 spark2.0之后&#xff0c;sparksession对象是spark编码的统一入口对象&#xff0c;通常我们在rdd编程时&#xff0c;需要SparkContext对象作为RDD编程入口&#xff0c;但sparksession对象既可以作为RDD编程对象入口&#xff0c;在sparkcore编程中可以通…
阅读更多...
【LeetCode热题100】146. LRU 缓存（链表）

【LeetCode热题100】146. LRU 缓存（链表）

一.题目要求 请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类&#xff1a; LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化 LRU 缓存int get(int key) 如果关键字 key 存在于缓存中&#xff0c;则返回关键字的值&#xff0c…
阅读更多...
RISC-V 编译环境搭建：riscv-gnu-toolchain 和 riscv-tools

RISC-V 编译环境搭建：riscv-gnu-toolchain 和 riscv-tools

RISC-V 编译环境搭建&#xff1a;riscv-gnu-toolchain 和 riscv-tools 编译环境搭建以及说明 操作系统&#xff1a;什么系统都可以 虚拟机&#xff1a;VMmare Workstation Pro 17.50.x (版本不限) 编译环境&#xff1a;Ubuntu 18.04.5 CPU&#xff1a;i7-8750h(虚拟机分配4核…
阅读更多...
Vue+SpringBoot打造教学过程管理系统

Vue+SpringBoot打造教学过程管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 教师端2.2 学生端2.3 微信小程序端2.3.1 教师功能如下2.3.2 学生功能如下 三、系统展示 四、核心代码4.1 查询签到4.2 签到4.3 查询任务4.4 查询课程4.5 生成课程成绩 六、免责说明 一、摘要 1.1 项目介绍 基于JAVAVu…
阅读更多...
数据结构的概念大合集04（队列）

数据结构的概念大合集04（队列）

概念大合集04 1、队列1.1 队列的定义1.2队列的顺序存储1.2.1 顺序队1.2.2 顺序队的基本运算的基本思想1.2.3 顺序队的4要素的基本思想 1.3 环形队列1.3.1 环形队列的定义1.3.1 环形队列的实现 1.4 队列的链式存储1.4.1 链队1.4.2 链队的实现方式1.4.3 链队的4要素的基本思想 1.…
阅读更多...
inux(CentOS)/Windows-C++ 云备份项目（项目文件操作工具类设计，完成项目基本文件操作-读写-压缩-目录操作）

inux(CentOS)/Windows-C++ 云备份项目（项目文件操作工具类设计，完成项目基本文件操作-读写-压缩-目录操作）

文章目录 1. 项目文件操作工具类设计 1. 项目文件操作工具类设计 根据前面的分析&#xff0c;这个文件类的基本属性如下&#xff1a; 文件大小信息文件最后修改时间文件最后一次访问时间&#xff0c;方便文件的热点管理文件名称&#xff0c;需要从http 请求行上的uri中获取基…
阅读更多...
【机器学习-02】矩阵基础运算---numpy操作

【机器学习-02】矩阵基础运算---numpy操作

在机器学习-01中&#xff0c;我们介绍了关于机器学习的一般建模流程&#xff0c;并且在基本没有数学公式和代码的情况下&#xff0c;简单介绍了关于线性回归的一般实现形式。不过这只是在初学阶段、为了不增加基础概念理解难度所采取的方法&#xff0c;但所有的技术最终都是为了…
阅读更多...
FFmpeg转码参数说明及视频转码示例

FFmpeg转码参数说明及视频转码示例

-b : 设置音频或者视频的转码码率 -b:v 只设置视频码率 -b:a 只设置音频码率 -ab: 只设置音频码率, 默认码率大小为: 128k bit/s -g: 设置视频GOP大小,表示I帧之间的间隔,默认为12 -ar: 设置音频采样率,默认0 -ac: 设置音频通道数量 默认0 -bf: 设置连…
阅读更多...
服务器机器学习环境搭建（包括AanConda的安装和Pytorch的安装）

服务器机器学习环境搭建（包括AanConda的安装和Pytorch的安装）

服务器机器学习环境搭建 1 服务器与用户 在学校中&#xff0c;我们在学校中是以用户的身份进行访问学校的服务器的。整体框架大致如下&#xff1a; 我们与root用户共享服务器的一些资源&#xff0c;比如显卡驱动&#xff0c;Cuda以及一些其他的公共软件。 一般情况下&#…
阅读更多...
Vue2在一个页面内动态切换菜单显示对应的路由组件

Vue2在一个页面内动态切换菜单显示对应的路由组件

项目的需求是在一个页面内动态获取导航菜单&#xff0c;导航菜单切换的时候显示对应的路由页面&#xff0c;类似于tab切换的形式&#xff0c;切换的导航菜单和页面左侧导航菜单是同一个路由组件&#xff0c;只是放到了一个页面上&#xff0c;显示的个数不同&#xff0c;所有是动…
阅读更多...
Docker----Dockerfile构建微服务镜像

Docker----Dockerfile构建微服务镜像

目录 一、关键步骤 二、具体步骤 1、准备后端jar包(这里以java后端演示) 2、编写Dockerfile 3、构建镜像 4、运行镜像容器 5、测试是否成功 一、关键步骤 1、准备后端jar包(这里以java后端演示) 2、编写Dockerfile 3、构建镜像 4、运行镜像容器 5、测试是否成功 二…
阅读更多...
C#，图论与图算法，图（Graph）的数据结构设计与源代码

C#，图论与图算法，图（Graph）的数据结构设计与源代码

因为后面即将发布的大量有关“图”的算法与源代码都需要用到下面的这些基础数据&#xff0c;为避免大家去下载&#xff0c;特意先发布于此。 一、图&#xff08;Graph&#xff09;的基础知识 图&#xff08;Graph&#xff09;是一组对象的图示&#xff0c;其中一些对象对通过链…
阅读更多...
STM32(TIM定时器中断)

STM32(TIM定时器中断)

理论知识 定时器定时中断 接线图 定时器工作配置步骤 定时中断和内外时钟源选择 定时器中需要使用的函数 程序实现效果&#xff1a; void TIM_DeInit(TIM_TypeDef* TIMx); **// 恢复定时器的缺省配置**void TIM_TimeBaseInit(TIM_TypeDef* TIMx, TIM_TimeBaseInitTypeDef*TIM…
阅读更多...
jupyter中pip安装包会安装到别的环境。

jupyter中pip安装包会安装到别的环境。

文章目录 1. 查看jupyter当前环境和默认环境的路径和python版本2.安装包到正确的环境 如果你在 Jupyter Notebook 中使用 pip 安装包&#xff0c;它默认会将包安装到 Jupyter Notebook 所在的Python 环境。这可能会导致安装的包与你期望的环境不匹配。 1. 查看jupyter当前环境和…
阅读更多...
RK3568平台开发系列讲解（基础篇）内核是如何发送事件到用户空间

RK3568平台开发系列讲解（基础篇）内核是如何发送事件到用户空间

🚀返回专栏总目录 文章目录 一、相关接口函数二、udevadm 命令三、实验沉淀、分享、成长，让自己和他人都能有所收获！😄 一、相关接口函数 kobject_uevent 是 Linux 内核中的一个函数， 用于生成和发送 uevent 事件。 它是 udev 和其他设备管理工具与内核通信的一种方式。…
阅读更多...
mybatis源码阅读系列（二）

mybatis源码阅读系列（二）

前言 上一篇文章mybatis源码阅读系列&#xff08;一&#xff09;介绍了mybatis和原生jdbc的区别&#xff0c;并通过代码展示了两者的运行过程和结果&#xff0c;下面让我们继续详细了解下mybatis的执行过程&#xff1b; package com.wyl.mybatis.service;import com.wyl.mybat…
阅读更多...
给定参数c和长度为n的递增数组a(ai ＜= c), 对于0＜=x＜=y＜=c, 求（x，y）的对数，满足x+y不是数组a中的元素且y-x不是a中元素

给定参数c和长度为n的递增数组a(ai ＜= c), 对于0＜=x＜=y＜=c, 求（x，y）的对数，满足x+y不是数组a中的元素且y-x不是a中元素

题目 思路&#xff1a; #include <bits/stdc.h> using namespace std; #define int long long #define pb push_back #define fi first #define se second #define lson p << 1 #define rson p << 1 | 1 const int maxn 1e6 5, inf 1e18, maxm 4e4 5, …
阅读更多...
微信小程序关闭首页广告

微信小程序关闭首页广告

由于之前微信小程序默认开启了首页广告位。导致很多老人误入广告页的内容&#xff0c;所以想着怎么屏蔽广告。好家伙&#xff0c;搜索一圈&#xff0c;要么是用户版本的屏蔽广告&#xff0c;或者是以下一个模棱两可的答案&#xff0c;要开发者设置一下什么参数的&#xff0c;如…
阅读更多...
Opencascade基础教程（11）：设置显示模式

Opencascade基础教程（11）：设置显示模式

1、设置显示模式 1.1 增加按钮添加消息响应函数 //线框 void COCCDemoDoc::OnButtonWireframemode() {//关闭边界框const Handle(Prs3d_Drawer)& aDrawer m_AISContext->DefaultDrawer();aDrawer->SetFaceBoundaryDraw(false);//线框m_AISContext->SetDisplayMo…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023