当前位置：首页 > news >正文

Form Generator 扩展子表单组件之表单校验(超详细)

news 2025/7/10 7:46:35

一、form-generator是什么？✨ ⭐️ 🌟

form-generator的作者是这样介绍的：Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

但目前它提供的组件并不能满足我们在项目中的使用。所以该专栏主要讲解如何在该项目中从零开始扩展每一个组件。

扩展主要包含Element UI中的卡片、步骤条、table列表、折叠面板、树形控件以及自定义组件等等10余个组件的详细扩展方法。

其中不包含子表单、表格布局。因为这两个组件涉及到的代码量实在很大，没办法写博文。感兴趣的小伙伴可以看看大概的效果form-generator扩展原生表格，element-table，子表单。

这一章只讲解如何在子表单组件里加入必填项校验。

二、校验规则 ✨ ⭐️ 🌟

根据

Form Generator 扩展子表单组件之表单校验(超详细)

一、form-generator是什么？✨ ⭐️ 🌟 form-generator的作者是这样介绍的：Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。但目前它提供的组件并不能满足我们在项目中的…...

编程日记 2023/7/27 17:37:00

HTTPS安全套接字层超文本传输协议

HTTPS安全套接字层超文本传输协议 HTTPS简介HTTPS和HTTP的主要区别客户端在使用HTTPS方式与Web服务器通信时的步骤SSL/TLS协议的加密（握手）过程为什么数据传输阶段使用对称加密HTTPS 的优点HTTPS 的缺点HTTPS 的优化证书优化会话复用 HTTPS简介 HTTP协议…...

编程日记 2023/7/27 17:35:59

Jenkins发送的邮箱中没有带配置的压缩附件

【问题描述】：Jenkins中明明配置了邮箱发送时要带压缩附件，收到的邮箱中却没有附件内容【问题定位】：压缩附件没有放在Jenkins工作空间下，所以发送的邮件并未发送附件【解决办法】： 1）把压缩附件放到J…...

编程日记 2023/7/27 17:33:56

VU3-02

1.一些小点 1.1 npm i -D less (安装less) -D 安装依赖到开发环境中只在开发中生效正式打包的时候没有它，只在开发时有效 1.2 父子组件传参 （1）子组件中定义自己的参数和事件父传子：const props defineProps(["item&quo…...

编程日记 2023/7/27 17:32:55

Linux新手小程序——进度条

前言目录前言需要先了解 1.\r和\n 2.缓冲区一.理解字符的含义： 学习c语言时，我们可以粗略把字符分为可显字符和控制字符. 在按回车换到下一行开始的操作时，实际上是进行了两个操作：1.让光标跳到下一行（只…...

编程日记 2023/7/27 17:31:52

会点C++还需要再学Python吗？

提到的C、数据结构与算法、操作系统、计算机网络和数据库技术等确实是计算机科学中非常重要的基础知识领域，对于软件开发和计算机工程师来说，它们是必备的核心知识。掌握这些知识对于开发高性能、可靠和安全的应用程序非常重要。Python作为一种脚本语言&…...

编程日记 2023/7/27 17:30:51

Ceph入门到精通- Linux 磁盘管理（block 与 inode）

1 硬盘 block 与 inode 详解 1.1 Sector（扇区）与 Block（块） 1） 硬盘的最小存储单位：sector（扇区），每个扇区储存 512 字节；操作系统会一次性连续读取多个…...

编程日记 2023/7/27 17:29:50

安全DNS，状态码，编码笔记整理

一 DNS DNS（Domain Name System）是互联网中用于将域名转换为IP地址的系统。 DNS的主要功能包括以下几个方面： 域名解析：DNS最主要的功能是将用户输入的域名解析为对应的IP地址。当用户在浏览器中输入一个域名时，操作…...

编程日记 2023/7/27 17:28:48

【业务功能篇53】Springboot 数据封装对象

Entity、VO、DTO解释 1）Entity：实体，与数据库的每一行数据打交道的，它的属性对应数据库每个字段 class User{ private Long idCard; private String name; private Date birthday; ...... } 对应数据库的id，name&…...

编程日记 2023/7/27 17:27:47

将Spring Session存储到Redis中实现持久化

文章目录 Session持久化1. 添加依赖2. 配置redis连接信息3. 存储和读取session从Redis Session持久化 1. 添加依赖在项目中添加session依赖和redis依赖，如下所示： <dependency><groupId>org.springframework.boot</groupId><art…...

编程日记 2023/7/27 17:26:45

Git工作中常用命令

模拟一个git完整命令流程有一个名为 example.txt 的文本文件 Hello, this is some text.1、做一些修改并查看文件的差异： # 修改 example.txt 文件 echo "Hello, this is some updated text." > example.txt查看文件的差异 git diffgit diff 命令…...

编程日记 2023/7/27 17:25:44

【电路效应】信号处理和通信系统模型中的模拟电路效应研究（SimulinkMatlab代码实现）

目录 💥1 概述 📚2 运行结果 🎉3 参考文献 🌈4 Matlab代码、Simulink仿真实现 💥1 概述在信号处理和通信系统模型中，模拟电路效应研究是指考虑到实际电路的特性对信号进行建模和分析的过程。模拟电路效应…...

编程日记 2023/7/27 17:24:43

Spring 的元注解

一、元注解介绍 1.1.源码引入 1.2.元注解介绍从上面的图片可知，Spring 有四个【负责注解其他注解】的元注解，分别是： Target：标识该注解可以用于标注哪些程序元素，比如类、方法、字段等。 Retention：标…...

编程日记 2023/7/27 17:23:42

【前缀和】238. 除自身以外数组的乘积

238. 除自身以外数组的乘积解题思路前缀与后缀的思路对于给定索引i，将它左边的所有数字乘积乘以右边所有数字的乘积初始化两个数组L R计算L[i] L[i - 1] * nums[i - 1] 也就是左侧所有数字的乘积计算R[i] R[i 1] * nums[i 1] 也就是右侧所有数字的成绩计算L…...

编程日记 2023/7/27 17:22:41

【Java中间件】RocketMQ

RocketMQ 一、MQ概述 Message Queue，是一种提供消息队列服务的中间件。提供了消息生产、存储、消费全过程API的软件系统。 MQ的作用限流削峰：当用户发送超量请求时，将请求暂存，以便后期慢慢处理。如果不使用MQ暂存直接请求到…...

编程日记 2023/7/27 17:21:39

Megatron-LM、NVIDIA NeMo、MegaMolBART 、model_optim_rng.pt 文件是什么?

本文涉及以下几个概念，分别是： Megatron和Megatron-LM-v1.1.5-3D_parallelism NVIDIA NeMo Megatron和Megatron-LM-v1.1.5-3D_parallelism是什么？ Megatron是由NVIDIA开发的一种用于训练大规模语言模型的开源框架。它旨在提供高效的分布式…...

编程日记 2023/7/27 17:20:37

2023年信息系统项目管理师如何报名?老司机告诉你

信息系统项目管理师是全国计算机技术与软件专业技术资格（水平）考试（简称软考）项目之一，是由国家人力资源和社会保障部、工业和信息化部共同组织的国家级考试，既属于国家职业资格考试，又是职称资…...

编程日记 2023/7/27 17:19:36

linux ubuntu系统命令备忘

一、安装软件包的命令 1、验证安装包是否安装 dpkg -s <软件包名> 2、从软件源服务器获取最新的软件信息并缓存到本地 apt update 3、从本地仓库中对比系统中所有已安装的软件，如果有新版本的话则进行升级 apt upgrade 4、列出本地仓库中所有的软件包名…...

编程日记 2023/7/27 17:18:35

我的第一个flutter项目（Android Webview）

前言：flutter开发环境搭建Flutter的开发环境搭建-图解_☆七年的博客-CSDN博客第一个flutter简单项目，内容是一个主界面，其中： 1.内容点击数字自增 2.跳转一个空页， 3.跳转一个WebView界面其中涉及添加主键&#xf…...

编程日记 2023/7/27 17:17:33

微信机器人搭建详细教程

确保已安装Python和pip。在D盘上创建名为wxbot的文件夹，并将你的Python机器人项目文件放在这个目录中。在D盘的wxbot文件夹中打开命令行工具，并创建一个新的Python虚拟环境（可选）： python -m venv venv激活虚拟环…...

编程日记 2023/7/27 17:16:30

【大模型RAG】拍照搜题技术架构速览：三层管道、两级检索、兜底大模型

摘要拍照搜题系统采用“三层管道（多模态 OCR → 语义检索 → 答案渲染）、两级检索（倒排 BM25 向量 HNSW）并以大语言模型兜底”的整体框架： 多模态 OCR 层将题目图片经过超分、去噪、倾斜校正后，分别用…...

编程新知 2025/7/9 11:13:40

C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...

编程新知 2025/6/11 15:23:57

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/6/20 18:20:46

大数据零基础学习day1之环境准备和大数据初步理解

学习大数据会使用到多台Linux服务器。一、环境准备 1、VMware 基于VMware构建Linux虚拟机是大数据从业者或者IT从业者的必备技能之一也是成本低廉的方案所以VMware虚拟机方案是必须要学习的。 （1）设置网关打开VMware虚拟机，点击编辑…...

编程新知 2025/7/10 3:40:44

高频面试之3Zookeeper

高频面试之3Zookeeper 文章目录高频面试之3Zookeeper3.1 常用命令3.2 选举机制3.3 Zookeeper符合法则中哪两个？3.4 Zookeeper脑裂3.5 Zookeeper用来干嘛了 3.1 常用命令 ls、get、create、delete、deleteall3.2 选举机制半数机制（过半机制&#xff0…...

编程新知 2025/7/8 9:08:51