你好。 我是为许多程序员兄弟操碎了心的编辑。 每天推荐小工具/源代码，装满你的最爱，每天分享一个小技巧，让你轻松节约开发效率，不加班不熬夜不掉头发是我的目标。
你的上司每天要建立100个平台和列表的开发平台该怎么办？ 你委婉地说明原因并指出工作量太大吗？
不要担心。 今天推荐粉丝投稿的项目——VariantAdmin。 VariantAdmin是一个致力于提高业务逻辑开发效率，减少软件开发中不必要的重复的高速开发框架/平台。VariantAdmin是一个强大的后端工程师
如何获取
技术选型
前端选择： vue元件ui vue .可拖动后端代码：将成为开源代码。 可以通过gitee和Github搜索VariantAdmin来了解实时动态
表单设计方案
参考流行的拖放方式的表单设计方案，采用一般的左中右布局，如下图所示。
的合成布局由Tab (制表符(Section )块) Row )行) Cell )单元的4层结构控制，1行) Row )被分割为平均24个网格(span=24 )单元)的宽度为网格
与其他表单设计方案的最大区别在于，字段作为表单布局的基本逻辑组件。 字段具有自动数据加载和存储功能，无需设计数据库，也无需与后端API进行坞站。 这些都是自动化的。 最终，我们将创建一个每天构建100个平台和列表的全栈开发平台。
字段类型
需要支持基本字段类型以满足99.9999%的业务需求。 计划以下14个。 布尔(我尊敬的鸡)、整数(Integer )、医学(Percent )、蒙尼(Money )、文本)、文本(TextArea )、优化)。
其他字段类型(如静态HTML、数字滑块和速率分数)可以扩展为自定义组件。
上传与下载
使用Element UI强大的上载组件，限制上传的文件的种类、上传的文件的大小、上传的文件的数量等，上传和下载图像和文件有关详细信息，请参阅field-widget.vue组件的源代码。图像/文件的下载依赖于后端的实现，本开发平台的后端实现了服务终端存储和下载逻辑，将图像和文件上传到专用的云存储平台(将云存储平台API与坞站连接并不容易。
表单验证逻辑
所有字段类型都内置了是否必填（required）校验规则，数字/金额类型内置了数字格式化校验规则及最大值最小值校验规则。
此外，大部分字段（图片、文件字段除外）支持添加自定义校验规则，自定义校验规则的函数来源于src/utils/validators.js，可以参照现有函数添加更多自定义校验规则函数。所有的自定义校验函数可以作用于字段组件，并且多个校验函数可以叠加，如下图所示：
除此以外，还可以通过表单组件（FormWidget）的extraRules属性追加表单校验规则，具体处理逻辑可通过阅读form-widget.vue组件源码了解。
插槽
为了满足表单设计的多样性和动态展示需求，表单需要能嵌入插槽。表单插槽为在运行时动态调整表单提供了可能性，表单插槽名称必须在当前表单中唯一，如果在插槽内需要获取数据，则需要绑定数据字段（可绑定多个），如下图所示：
自定义组件
自定义组件的存在是为了弥补内置组件在某些特定场景数据展示或逻辑交互上的不足。自定义组件为丰富表单的数据展示和逻辑交互提供了更多可能性，用户可以自行通过扩展自定义表单组件库，实现更高级的动态表单功能。作为参考实现，Variant Admin实现了两个自定义表单组件：富文本编辑器及地区级联选择组件，通过阅读这些组件源码（src/component/custom/...），便可以了解如何实现自己的表单组件。
结尾
本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。