低代码是通过可视化方式创建应用的一种概念,特点是代码量比传统开发少得多,甚至无代码,能显著提升开发效率。而如今,低代码不仅仅局限于软件应用的研发,只要是通过可视化的交互来帮助使用者完成一个作品都属于低代码的范畴。
如果你还不明白低代码是什么概念,可以看一下本文章提及的开源项目。这篇文章盘点了 10 款 GitHub 和码云上最受欢迎的低代码开源项目,记得收藏。
01. 快速搭建 H5 页面
鲁班 H5 生成器
鲁班 H5 是基于 Vue2.0 开发的快速生成页面的平台,通过简单的拖拽交互方式即可迅速的完成一个页面的制作,类似 易企秀、Maka、百度 H5 等平台。
左侧是常用的组件,右侧是组件的属性调节界面,中间区域就是编辑和预览区域。鲁班 H5 包含了丰富的组件可以选择,其中包括:
- 雷达图、折线图、柱状图、饼状图、漏斗图
- 图片、评分、表单、文字、地图、视频等
图标和地图组件
折线图组件
个人作品低代码平台
这个项目基于 Vue.js 技术栈,平台主页面分为四个部分,分别是工具栏、组件列表、画布、属性区域。将组件拖至画布区域。
用户可以将组件列表的组件拖到画布,对画布上的元素进行编辑。这仅仅是一个 Demo,其余更丰富的组件可以二次开发。
构建页面可视化编辑器
还有一个页面可视化的 Demo,基于 next.js 构建页面可视化编辑器。整个编辑器的研发逻辑为前端开发组件库,编辑器读取组件完成页面搭建,将页面数据发送至服务端保存。访问页面,从服务端拉取页面数据,前端渲染页面即可。
随心秀 react 版 H5 微场景编辑器
编辑器功能:拖拽、缩放、旋转、动画、撤销、重做、组合元素
组件:物料、文本、图片、QQ语言通话、背景、地图、音效、模板、视频、艺术字
H5-factory
H5 专题页面可视化编辑工具,拖拽编辑,灵活切换,一键生成 HTML 文件。关于这个开源项目的系统架构设计和组件拆分原则可阅读文章:
https://juejin.cn/post/6844903858401968136
H5 移动端低代码平台
vue3.x vite2.x vant element-plus H5 移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
02. 一个海报生成器
海报编辑器最左侧是组件列表。可以在最左侧选择组件,比如文本、二维码、图片等添加到最中间的画布区域,通过右侧的属性调节面板调节添加组件的样式。
快速:三步完成海报开发工作:启动服务 > 编辑海报 > 生成代码
简单:组件丰富、支持拖拽、复制、所见即所得、下载等功能。
动态:无需更改代码,直接在编辑器修改海报即可获得最新的海报。
上传头像
进行预览
获取代码:点击 代码,可以查看相关的接⼝调⽤代码。
03. JEECG BOOT 低代码开发平台
JeecgBoot 是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发!
Online表单开发、Online报表、报表配置能力、在线图表设计、大屏设计、移动配置能力、表单设计器、在线设计流程、流程自动化配置、插件能力(可插拔)等等!
04. aMIS 低代码工具
作者认为:对于大部分常用页面,应该使用最简单的方法来实现,甚至不需要学习前端框架和工具。
amix 就是这么一款低代码工具。它通过 JSON 配置就能生成各种后台页面,极大减少开发成本,甚至可以不需要了解前端。它的独特好处是:
- 不需要懂前端也能能做出专业且复杂的后台界面,这是所有其他前端 UI 库都无法做到的;
- 不受前端技术更新的影响;
- 可以完全使用可视化页面编辑器来制作页面;
05. Seezoon Stack
Seezoon Stack 是一款基于当前最前沿的前端和后台实现的低代码开发平台。前端技术栈基于 Vue3 Vite Antdv,后端技术栈基于 Spring boot。
它以快速开发为目的,在开发速度和代码结构上做出一定取舍,无论如何,你将看到非常地道的 java 常用开发框架使用。该项目采用主流开发框架,无论打包、编译、部署都按着大公司的标准完成并不断逐步完善。
赤龙ERP-企业级ERP系统
在线演示:
https://www.redragon-erp.com/erp
Gitee: https://gitee.com/redragon/redragon-erp
赤龙ERP旨在研发一款免费开源、业务闭环、灵活稳定的企业级ERP系统。实现真正的财务业务一体化;从计划预算、订单、出入库,到发票、收付款,再到凭证、分录、总账,实现对管理流、信息流、数据流的全方位管控。
核心功能
采购/委外模块 | 收货/质检/入库 | 动态实时库存 |
零星采购、一揽子采购、采购计划、合同采购、委外订单、付款计划 | 采购入库、采购退货、杂项入库、生产入库、委外入库、委外退货 | 多库存组织、库存盘点、库存调拨、批次效期、组装拆卸、库存预警 |
销售模块 | 出库 | 主数据 |
合同销售、销售计划、收款计划 | 销售出库、销售退货、杂项出库、生产退货 | 客户、供应商、物料、产品、服务、项目、汇率 |
生产预测/生产计划 | 车间管理 | 权限管理 |
MPS、MPR、BOM、资源、工作中心、工艺路线 | 生产任务、维修返工、工时记录、计件工资、领料退料、生产工序、生产成本、成品入库 | 单点登录、数据隔离、精细授权 |
应收/应付 | 总账模块 | 财务主数据 |
发票、红字发票、预付款、预收款、付款单、收款单、费用报销 | 自动凭证、日记账、结转损益、结账、财务报表、财务业务一体化 | 账套、会计科目结构、会计日历、成本中心 |
成本核算 | 资产管理 | 常用报表 |
采购入库核算、委外入库核算、产成本核算、出库核算、成本调整 | 资产类别、资产台账、计提折旧、报废 | 采购统计表、销售统计表、入库统计表、出库统计表、库存清单、付款统计表、收款统计表、科目余额表、试算平衡表、资产负债表、利润表、现金流量表 |
工作流 | 自定义系统 | 其他功能 |
多节点、多分支、跨组织、可配置、记录审批历史 | 多币种处理、可配置数据字典、自定义系统参数、自定义字段、自定义编码 | 通知与预警、系统日志、导出数据、工具栏、OA知识库、单据变更、日志表、繁简体转化、单据二维码 |
计划预算 | 项目管理系统 | CRM系统 |
预算主体、预算科目、预算编制、预算变更、预算控制、预算执行对比 | 项目立项、项目资源分配、项目计划管理、项目进度跟进、任务看板 | 线索、客户、公海、产品、报价、商机、活动、任务、销售漏斗、销售仪表盘 |
HRMS系统 | ||
职员管理、岗位管理、部门管理、薪酬项配置、薪酬管理、计提工资、工资发放 |
产品展示
主界面
权限模块
职员与组织
科目结构
库存管理
库存盘点
订单管理
seezoon-stack-前端最前沿低代码开发平台管理系统
Gitee: https://gitee.com/huangdf/seezoon-stack
Seezoon Stack 以快速开发为目的,在开发速度和代码结构上做出一定取舍,无论如何,你将看到非常地道的 Java 常用开发框架使用。该项目采用主流开发框架,无论打包、编译、部署都按着大公司的标准完成并不断逐步完善。
在线演示
详细文档及演示地址:
https://doc.stack.seezoon.com
账号:admin
密码:123456
部分效果图:
技术选型
Seezoon Stack 采用当下最前沿前后端的技术栈完成。
后台主要框架:
框架名称 | 框架地址 | 说明 |
Spring Boot | https://spring.io/projects/spring-boot | 自动装配 |
Spring Session Data Redis | https://spring.io/projects/spring-session-data-Redis | 登录态管理 |
Spring Security | https://spring.io/projects/spring-security | 登录及权限控制 |
Mybatis | https://mybatis.org/mybatis-3/zh/index.html | 持久层 |
Springfox | https://github.com/springfox/springfox | openAPI 3 文档 |
特性
- JSR303 验证、标准API模型,错误码、异常处理封装
- 请求埋点,返回头添加X-Trace-Id,通过MDC在日志中埋入线程ID;
- Redis 封装,序列化
- RestTemplate 线程池、证书请求及默认属性约定
- Spring Boot 异步线程配置
- 跨域支持
- 基于openAPI 3.0 规范的自动生成文档
- 前后端一体化代码生成
- 登录及权限控制
- 文件处理,支持磁盘文件和阿里云OSS
- 国际化
- 通用数据权限
- 动态菜单&按钮
优先级较低的功能(TODO):
- 阿里云短信
- Excel 处理
- 微信公众号、小程序相关,登录,支付等常用封装
- 云原生部署及编排文档
前台主要框架:
框架名称 | 框架地址 | 说明 |
Vue 3 | https://v3.cn.vuejs.org/guide/introduction.html | 双向绑定 |
Vite | https://cn.vitejs.dev/ | 构建工具 |
Ant Design Vue 2 | https://2x.antdv.com/components/overview-cn/ | 组件 |
TypeScript 4 | https://www.typescriptlang.org/zh/ | JavaScript 超集 |
Windi Css | https://windicss.org/guide/ | css 辅助类 |
Iconify | https://iconify.design/ | 图标库 |
low-code-data-center -企业级低代码数据中台管理系统
Gitee: https://gitee.com/yabushan/low-code-data-center
南瓜树数据平台 是一款综合性的平台!助力企业实现数字化转型,解决Java后端项目90%的重复工作。
南瓜树数据平台具备的能力:员工子信息管理、统一组织/用户身份管理、工作流在线设计流程、基于sql快速开发API接口服务(目前支持mysql、oracle、sqlserver)等等!后续将实现ETL数据治理、大屏设计功能等
南瓜树数据平台宗旨是: 构建企业数据共享平台,所有业务数据源统一在数据平台管理;简单数据服务在平台只需要写sql就能提供API接口服务;复杂功能由代码生成器生成进行手工Merge;实现了低代码开发的同时又支持灵活编码,解决了当前低代码产品普遍不灵活的弊端!
适用项目
南瓜树数据平台的定位是一个综合性数据平台,但同时具备(工作流程设计、统一用户信息管理、低代码构建业务)能力,因此可以应用在任何J2EE项目的开发中,尤其适合SAAS项目、企业信息管理系统(MIS)、内部办公系统(OA)、企业资源数据管理系统(ERP)、客户关系管理系统(CRM)等。
技术文档
- 开发文档: https://blog.csdn.net/yabushandaxue/article/details/116134595
- 在线演示 : http://qxsdcloud.com:18081/
一款不用写代码的共享数据API服务平台—(后端利器,前端神器):
- saas数据平台-(免费试用)使用文档:https://blog.csdn.net/yabushandaxue/article/details/117900000
为什么选择南瓜树数据平台?
- 1.采用最新主流前后分离框架(基于若依框架),容易上手;
- 2.开发效率高,采用代码生成器,具备若依框架的基础能力;
- 3.集成工作流,开源流程底层代码,满足企业个性化工作流程的需求,非常容易进行二次开发;
- 4.一站式数据源管理:支持(mysql、oracle、sqlserver)数据源接入生成代码;满足企业内多个项目组在同一个平台进行各自项目的开发;
- 5.提供统一组织用户管理能力:作为企业数据的通道,承接上游人力资源管理系统的组织用户数据;快速推动下游业务的快速扩展,不再为重复工作发愁。
- 6.接口快速开发能力:只需要写sql就能快速开发接口,实现业务数据服务快速交付能力,及接口动态发布能力,减轻开发压力,降低功能缺陷产生的影响。
技术架构:
开发环境
- 语言:Java 8
- IDE(JAVA): IDEA / Eclipse安装lombok插件
- IDE(前端): WebStorm 或者 IDEA
- 依赖管理:Maven
- 数据库:MySQL5.7 & Oracle 11g & Sqlserver2017
- 缓存:Redis
系统基础功能模块
用户管理:用户是系统操作者,该功能主要完成系统用户配置。部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。岗位管理:配置系统用户所属担任职务。菜单管理:配置系统菜单,操作权限,按钮权限标识等。角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。字典管理:对系统中经常使用的一些较为固定的数据进行维护。参数管理:对系统动态配置常用参数。通知公告:系统通知公告信息发布维护。操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。登录日志:系统登录日志记录查询包含登录异常。在线用户:当前系统中活跃用户状态监控。定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。系统接口:根据业务代码自动生成相关的api接口文档。服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。缓存监控:对系统的缓存查询,删除、清空等操作。在线构建器:拖动表单元素生成相应的HTML代码。连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。
员工管理功能模块
租户组织:接收企业内部人力资源系统下发的组织数据,补充和扩展企业第三方合作组织管理能力;租户用户:接收企业内部人力资源系统下发的用户数据,补充扩展企业第三方人员管理能力;家庭住址:员工家庭住址信息管理。合同信息:员工合同信息管理;教育经历:员工教育经历信息管理。计算机能力:员工计算机能力信息管理。工作经历:员工工作经历信息管理。出国出境:员工触过出境信息管理。证书信息:员工获得证书信息管理。奖惩信息:员工获得的奖励和惩罚信息管理。论文著作:员工发表论文著作信息管理。培训信息:员工培训信息管理。考核信息:员工考核信息管理。家庭关系:员工家庭信息管理。职业资格认证:员工职业资格认证信息管理。岗位经历:员工岗位经历信息管理。外语能力:员工外语能力信息管理。
工作流管理功能模块
工作流模型:在线设计工作流。节点配置:工作流发布后,对各审批节点配置审批人员角色信息。流程列表:查看工作流当前处理情况信息。....开发人员可针对各自需求进行二次开发其他功能。
数据服务功能模块
数据服务API:在线编写SQL,生成数据服务接口。云数据源:抓取注册到数据平台的所有数据源并展示。云库表:对注册到数据平台的数据源进行构建,构建后在“代码生成中”自动生成代码。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。