今天来分享 10 个优秀的前端低代码项目!企业级低代码快速开发平台,包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成;主要特点是低代码开发,可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。
1.JNPF
JNPF是一个使用Vue3搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。它的技术栈为:Vue3 + TypeScript + Vite + Ant-Design-Vue + Pinia。
核心技术采用 Spring Boot、MyBatis-Plus、Alibaba Druid、Hutool、Lombok 等;
项目地址:https://www.jnpfsoft.com/?csdnxx
2.JeecgBoot
JeecgBoot 采用Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。
项目地址:https://gitee.com/jeecg/jeecgboot-vue3。
3.maku-generator
一款低代码生成器,可根据自定义模板内容,快速生成代码,实现项目的快速开发、上线,减少重复的代码编写,开发人员只需专注业务逻辑即可。
Gitee:https://gitee.com/makunet/maku-generator。
4.MtBird
星搭精卫 MtBird 是一款基于 React 的低代码可视化页面生成器。帮助用户以可视化的形式搭建网页、小程序和表单等应用。
Github:https://github.com/staringos/mtbird。
5.鲁班 H5
鲁班H5是基于 Vue 2 开发、通过拖拽快速生成页面的平台。类似 易企秀、Maka、百度 H5 等平台。其支持表单组件,即时倾听用户反馈,可以在后台查看和下载用户数据。包含了丰富的组件系统、支持可视化编辑、自由拖拽排版、实时预览、在线访问。支持一键导入PSD,将设计师的创意转换为 H5,快速查看效果、反馈、上线
Github:https://github.com/ly525/luban-h5。
6.Seezoon Stack
Seezoon Stack 是一款基于当前最前沿的前端(Vue3 + Vite + Antdv)和后台(Spring boot)实现的低代码开发平台。以快速开发为目的,在开发速度和代码结构上做出一定取舍。项目采用主流开发框架,无论打包、编译、部署都按着大公司的标准完成并不断逐步完善。
Gitee:https://toscode.gitee.com/huangdf/seezoon-stack。
7.Variant Form
Variant Form 是一款高效的Vue低代码表单,可视化设计,一键生成源码。其特性如下:
- 拖拽式可视化表单设计;
- 支持PC、Pad、H5三种布局;
- 支持运行时动态加载表单;
- 支持表单复杂交互控制;
- 支持自定义CSS样式;
- 支持自定义校验逻辑;
- 支持国际化多语言;
- 兼容IE 11浏览器;
- 可导出Vue组件、HTML源码;
- 可导出Vue的SFC单文件组件;、
- 支持开发自定义组件;
- 支持响应式自适应布局;
- 支持VS Code插件;
Github:https://github.com/vform666/variant-form。
8.ng-form
ng-form 是一个基于vue+element ui实现动态表单组件,通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示,动态表格弹窗式维护。
Gitee:https://gitee.com/jjxliu306/ng-form-element。
9.h5-factory
h5-factory 是一个h5专题页面可视化编辑工具,拖拽编辑,灵活切换,一键生成html文件。
Github:https://github.com/yangyuji/h5-factory。
9.vlife
企业级低代码快速开发平台,包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成;主要特点是低代码开发,可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。
Github:https://github.com/wwwlike/vlife。