10 个值得分享给你前端低代码项目

今天来分享 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。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

unity代码创建animationclip,并对指定帧进行像素偏移

这段代码使用菜单按钮的方式,在Unity编辑器中创建AnimationClip,并对每一帧进行像素偏移。在Unity编辑器中,在Project面板中选择一个纹理,然后通过右键菜单选择Assets > Create > AnimationClip With Pixel Offset&#xff…

在CSS中如何寻找第一个元素

ul li:first-child {color: red; } 在CSS中,要找到第一个元素,可以使用:first-child选择器。该选择器可以用于选择父元素下的第一个子元素。例如,要选择一个ul元素下的第一个li元素,可以使用下面的代码: 上面的代码将…

扫雷游戏 bevy 实践(bevy 0.12)-1

经典的扫雷游戏 bevy 实践(bevy 0.12) 网上大多是0.6的 但愿大家能够摸索着 上手 参考资料: Bevy Minesweeper: Introduction - DEV Community (原始教程,0.6版本) https://github.com/leonidv/bevy-m…

在线教育App、H5、微信小程序项目

大型多端项目,uni-app开发 一、首页 二、课程页 以点击购买,购买后可以看到课程内容 种课程音频、视频等,以及专栏,都可以购买后观看 三、电子书 订阅成功后,就可以观看电子书了 选择章节 直播模块: 订阅…

云服务ECS扩容示例

原文可参考:【在Linux操作系统内扩容分区和文件系统_云服务器 ECS(ECS)-阿里云帮助中心】 示例1:扩容MBR分区和ext4文件系统 设备名:/dev/vda(系统盘)1个分区:/dev/vda1文件系统类型:ext4操作…

Linux 一键部署influxd2-telegraf 二进制方式

influxd2前言 influxd2 是 InfluxDB 2.x 版本的后台进程,是一个开源的时序数据库平台,用于存储、查询和可视化时间序列数据。它提供了一个强大的查询语言和 API,可以快速而轻松地处理大量的高性能时序数据。 telegraf 是一个开源的代理程序,它可以收集、处理和传输各种不…

零基础学习数学建模——(四)备战美赛

本篇博客将讲解如何备战美赛。 什么是美赛 美赛,全称是美国大学生数学建模竞赛(MCM/ICM),由美国数学及其应用联合会主办,是最高的国际性数学建模竞赛,也是世界范围内最具影响力的数学建模竞赛。 赛题内容…

CuteHttpFileServer

需求 最近行政同时需要做文件共享,使用windows上的文件共享有些问题,ftp也是有问题,同时需要身份验证功能,找了很久,发现CuteHttpFileServer 这个文件服务器,可以解决这个需求,中间过程中也写过…

生产问题复盘!Swap对GC的影响

Swap 1. 什么是Swap swap 是把一块磁盘空间或者一个本地文件当做内存来使用。可用内存无法满足内存分配请求的时候,把不常用的内存数据存储到磁盘,并在内存中释放这部分内存。当进程再次访问这部分内存的时候,再读取到内存中来。 2. 为什么…

使用Gin框架,快速开发高效的Go Web应用程序

推荐 海鲸AI-GPT4.0国内站点:https://www.atalk-ai.com 前言 在当今的软件开发领域,Go语言以其简洁的语法和出色的性能逐渐成为开发者们的新宠。而Gin框架,则是Go语言中最受欢迎的Web框架之一,它以高性能和易用性著称。本文将带你…

前端常用的时间格式处理

import { fillZero } from /utils/utils export const shortcuts [[最近一周, 7],[最近一个月, 30],[最近三个月, 90],[最近半年, 180],[最近一年, 365] ]/*** dateParams 获取时间对象 * param {Number} value 时间戳*/ export const dateParams (value) > {const …

详讲api网关之kong的基本概念及安装和使用(一)

什么是api网关 前面我们聊过sentinel,用来限流熔断和降级,如果你只有一个服务,用sentinel自然没有问题,但是如果是有多个服务,特别是微服务的兴起,那么每个服务都使用sentinel就给系统维护带来麻烦。那么网…

计数指针:shared_ptr (共享指针)与函数 笔记

推荐B站视频: 4.shared_ptr计数指针_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV18B4y187uL?p4&vd_sourcea934d7fc6f47698a29dac90a922ba5a3 5.shared_ptr与函数_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV18B4y187uL?p5&vd_sourcea…

11Docker数据持久化

Docker数据持久化 容器中数据持久化主要有两种方式: 数据卷(Data Volumes)数据卷容器(Data Volumes Dontainers) 数据卷 数据卷是一个可供一个或多个容器使用的特殊目录,可以绕过UFS(Unix F…

YOLOV5目标检测---labelimg图片标注工具(1)

前言:在使用YOLO训练自己模型的时候首先要学会对数据进行处理,这里介绍一个常用的本地打标签工具labelimg,如果不想按照的话也可以使用在线标签工具,因为害怕数据泄露,所以本人一直使用的是本地工具进行打标签。在线标…

node.js漏洞总结

js开发的web应用和php/Java最大的区别就是js可以通过查看源代码的方式查看到编写的代码,但是php/Java的不能看到,也就是说js开发的web网页相当于可以进行白盒测试。 流行的js框架有: 1. AngularJS 2. React JS 3. Vue 4. jQuery 5. Backbone…

ppt作品展示能用二维码吗?文件二维码内容可替换怎么做?

当我们需要将自己的作品或者内容做成ppt文件之后,用二维码的方式来做展示,而且生成二维码还可以在图案不变的情况下,能够修改或者替换文件内容,实现二维码的长期使用。在遇到这种要求时,如何生成这种类型的二维码图片呢…

扫雷游戏——数组和函数实现

扫雷游戏的功能说明 使⽤控制台实现经典的扫雷游戏 游戏可以通过菜单实现继续玩或者退出游戏扫雷的棋盘是9*9的格⼦ 默认随机布置10个雷可以排查雷如果位置不是雷,就显⽰周围有⼏个雷如果位置是雷,就炸死游戏结束把除10个雷之外的所有⾮雷都找出来&…

CSS--样式穿透

样式穿透具体可分为css、less以及scss&#xff0c;语法不同&#xff0c;具体语法如下所示。 css样式穿透&#xff1a; <style scoped>父元素 >>> 子元素 {color: red;} </style> less样式穿透&#xff1a; <style lang"less" scoped>父…

HFSS实战(三)——过孔via TDR仿真

文章目录 一、模型的处理二、TDR仿真2.1 修改求解模式2.2增加求解设置 三、查看仿真结果3.1 查看TDR结果3.2 查看S参数结果 四、结果分析4.1上升时间tr对仿真的影响 附&#xff1a;工程链接 在上一讲中&#xff0c;主要是通过观察S参数确定via的优化是否达到目标。但S参数只能看…