这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

  大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!

  如果你老板1天要让你搭建100个表单和列表的开发平台,要怎么办呢???委婉说明原因指出工作量太大????

  不用烦恼,今天推荐一个粉丝投稿的项目——VariantAdminVariantAdmin是一个快速开发框架/平台,包含一个前端项目Variant Admin和一个后端项目Variant Server,VariantAdmin致力于提升业务逻辑开发效率、减少软件开发中的非必要重复劳动。VariantAdmin为前端工程师提供强大的后端接口定制能力,VariantAdmin为后端工程师提供开放、灵活的前端快速开发体验。

如何获取

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

技术选型

  前端选型:Vue Element UI Vue.Draggable

  后端代码:即将开源,可以去gitee或者Github搜索VariantAdmin了解实时动态

表单设计方案

  借鉴流行的拖拽式表单设计方案,采用通用的左中右布局,如下图所示:

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

  表单的排版布局由Tab(页签)> Section(区块)> Row(行)> Cell(单元格)四层结构控制,一行(Row)平均划分为24个栅格(span=24),单元格(Cell)宽度由栅格控制,Cell最大宽度不超过24栅格。

  跟其他表单设计方案的最大区别在于,字段作为表单布局的基本逻辑组件,字段具备自动数据加载和存储能力,不需要设计数据库、不需要对接后端API,这一切都是自动完成的,毕竟我们是要做一个1天搭建100个表单和列表的全栈开发平台。

字段类型

  为了满足99.9999%的业务需求,基本字段类型都必须支持,规划一下共14个:Boolean(布尔)、Integer(整数)、Decimal(精度小数)、Percent(百分比)、Money(金额)、Text(单行文本)、TextArea(长文本)、Option(单选项)、Tag(多选项)、Date(日期)、DateTime(日期时间)、Picture(图片)、File(文件)、Reference(对象引用)。

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

  其他更多字段类型,比如静态HTML、数字滑块、Rate评分等等,可以以自定义组件的方式扩展实现。

上传与下载

  借助于Element UI强大的Upload组件,很容易实现图片及文件的上传及下载,包括限制上传文件类型、上传文件大小和上传文件个数,如需深入了解,可以阅读field-widget.vue组件源码。

  图片/文件的下载依赖于后端实现,本开发平台的后端实现了服务端本地存储和下载逻辑,如果需要把图片或文件上传到专门的云存储平台,需要自行编写代码实现(对接云存储平台API、并不难实现)。

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

表单验证逻辑

  所有字段类型都内置了是否必填(required)校验规则,数字/金额类型内置了数字格式化校验规则及最大值最小值校验规则。

  此外,大部分字段(图片、文件字段除外)支持添加自定义校验规则,自定义校验规则的函数来源于src/utils/validators.js,可以参照现有函数添加更多自定义校验规则函数。所有的自定义校验函数可以作用于字段组件,并且多个校验函数可以叠加,如下图所示:

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

  除此以外,还可以通过表单组件(FormWidget)的extraRules属性追加表单校验规则,具体处理逻辑可通过阅读form-widget.vue组件源码了解。

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

插槽

  为了满足表单设计的多样性和动态展示需求,表单需要能嵌入插槽。表单插槽为在运行时动态调整表单提供了可能性,表单插槽名称必须在当前表单中唯一,如果在插槽内需要获取数据,则需要绑定数据字段(可绑定多个),如下图所示:

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

自定义组件

  自定义组件的存在是为了弥补内置组件在某些特定场景数据展示或逻辑交互上的不足。自定义组件为丰富表单的数据展示和逻辑交互提供了更多可能性,用户可以自行通过扩展自定义表单组件库,实现更高级的动态表单功能。作为参考实现,Variant Admin实现了两个自定义表单组件:富文本编辑器及地区级联选择组件,通过阅读这些组件源码(src/component/custom/…),便可以了解如何实现自己的表单组件。

这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)这款轻量级快速开发框架,简直是效率神器(轻量级框架开发应用)

结尾

  本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月3日 上午8:01
下一篇 2024年5月3日 上午8:13

相关推荐

  • 党群服务经费使用会议记录

    党群服务经费使用会议记录 会议时间:2023年2月18日 会议地点:某会议室 会议主持人:XXX 参加人员:XXX, XXX, XXX, XXX 会议记录: 会议内容: 会议开始,…

    科研百科 2024年11月20日
    15
  • PPT倒计时软件

    PPT倒计时软件:让演讲更加生动有趣 随着科技的不断发展,PPT倒计时软件已经成为了演讲过程中必不可少的工具。它可以为演讲增添更多的趣味性和互动性,让观众更加专注于演讲内容。本文将…

    科研百科 2024年10月1日
    17
  • it项目管理系统开发

    it项目管理系统开发 随着信息技术的不断发展,软件开发和项目管理已经成为企业成功的关键因素。it项目管理系统是一种集成化的软件工具,可以帮助企业更好地管理项目进度、成本和质量。本文…

    科研百科 2024年12月25日
    0
  • 锦江区项目监督管理系统

    锦江区项目监督管理系统 随着城市化进程的不断加快,项目管理成为了城市发展中不可或缺的一部分。而锦江区作为成都市的一个重要城区,拥有着丰富的自然资源和人文历史,因此项目管理在锦江区也…

    科研百科 2024年12月12日
    1
  • 合同管理有前途吗(合同管理要多少钱)

    合同管理是现代商业中至关重要的一部分,可以帮助企业确保合同的有效性和合规性,减少合同漏洞和法律风险。然而,合同管理的成本也是一个备受关注的问题。在这篇文章中,我们将探讨合同管理所需…

    科研百科 2024年6月4日
    78
  • 微软项目进度管理系统

    微软项目进度管理系统 微软项目进度管理系统是一种用于跟踪和管理项目进度的软件系统。它可以帮助企业和组织有效地规划和管理项目,确保项目按时完成并达到预期的成果。本文将介绍如何使用微软…

    科研百科 2024年12月26日
    1
  • ap管理界面(ap管理软件)

    标题:AP管理软件:轻松管理大学AP课程 随着大学教育的普及,学生们越来越多地选择使用AP(Advanced Placement)课程来扩展他们的学术知识。然而,管理这些AP课程变…

    科研百科 2024年6月2日
    61
  • 知客CRM即将上新:项目管理系统(知客CRM)

    我们的用户提出要求,我们就做。知客CRM将在近期推出精雕细琢的项目管理平台(旗舰版增值模块),包括大量对企业内部协作有用的功能。项目管理系统将以模块化的形式与知客CRM原有的业务深…

    科研百科 2022年10月15日
    171
  • 科研项目工资及劳务费核算要素科研项目工资及劳务费核算要素

    科研项目工资及劳务费核算要素 科研项目的工资和劳务费是科研项目中非常重要的支出,它们直接关系到项目的进度和成果。在计算科研项目的工资和劳务费时,需要考虑许多要素。本文将介绍科研项目…

    科研百科 2024年6月12日
    179
  • 海西交警:党建引领“三抓三坚持”助推交通管理提质增效(交警党建引领促进工作)

    今年以来,海西州公安局交警支队党支部始终以党的政治建设为统领,着力增强党组织政治功能和组织功能,以党建促队建,以队建促管理,充分发挥党建引领作用,切实履行主体责任,践行使命担当,促…

    科研百科 2024年5月30日
    89