低代碼是通過可視化方式創(chuàng)建應(yīng)用的一種概念，特點(diǎn)是代碼量比傳統(tǒng)開發(fā)少得多，甚至無(wú)代碼，能顯著提升開發(fā)效率。而如今，低代碼不僅僅局限于軟件應(yīng)用的研發(fā)，只要是通過可視化的交互來(lái)幫助使用者完成一個(gè)作品都屬于低代碼的范疇。

如果你還不明白低代碼是什么概念，可以看一下本文章提及的開源項(xiàng)目。這篇文章盤點(diǎn)了 10 款 GitHub 和碼云上最受歡迎的低代碼開源項(xiàng)目，記得收藏。

01. 快速搭建 H5 頁(yè)面

魯班 H5 生成器

魯班 H5 是基于 Vue2.0 開發(fā)的快速生成頁(yè)面的平臺(tái)，通過簡(jiǎn)單的拖拽交互方式即可迅速的完成一個(gè)頁(yè)面的制作，類似 易企秀、Maka、百度 H5 等平臺(tái)。

左側(cè)是常用的組件，右側(cè)是組件的屬性調(diào)節(jié)界面，中間區(qū)域就是編輯和預(yù)覽區(qū)域。魯班 H5 包含了豐富的組件可以選擇，其中包括：

• 雷達(dá)圖、折線圖、柱狀圖、餅狀圖、漏斗圖
• 圖片、評(píng)分、表單、文字、地圖、視頻等

圖標(biāo)和地圖組件

折線圖組件

個(gè)人作品低代碼平臺(tái)

這個(gè)項(xiàng)目基于 Vue.js 技術(shù)棧，平臺(tái)主頁(yè)面分為四個(gè)部分，分別是工具欄、組件列表、畫布、屬性區(qū)域。將組件拖至畫布區(qū)域。

用戶可以將組件列表的組件拖到畫布，對(duì)畫布上的元素進(jìn)行編輯。這僅僅是一個(gè) Demo，其余更豐富的組件可以二次開發(fā)。

構(gòu)建頁(yè)面可視化編輯器

還有一個(gè)頁(yè)面可視化的 Demo，基于 next.js 構(gòu)建頁(yè)面可視化編輯器。整個(gè)編輯器的研發(fā)邏輯為前端開發(fā)組件庫(kù)，編輯器讀取組件完成頁(yè)面搭建，將頁(yè)面數(shù)據(jù)發(fā)送至服務(wù)端保存。訪問頁(yè)面，從服務(wù)端拉取頁(yè)面數(shù)據(jù)，前端渲染頁(yè)面即可。

隨心秀 react 版 H5 微場(chǎng)景編輯器

編輯器功能：拖拽、縮放、旋轉(zhuǎn)、動(dòng)畫、撤銷、重做、組合元素

組件：物料、文本、圖片、QQ語(yǔ)言通話、背景、地圖、音效、模板、視頻、藝術(shù)字

H5-factory

H5 專題頁(yè)面可視化編輯工具，拖拽編輯，靈活切換，一鍵生成 HTML 文件。關(guān)于這個(gè)開源項(xiàng)目的系統(tǒng)架構(gòu)設(shè)計(jì)和組件拆分原則可閱讀文章：

https://juejin.cn/post/6844903858401968136

H5 移動(dòng)端低代碼平臺(tái)

vue3.x vite2.x vant element-plus H5 移動(dòng)端低代碼平臺(tái) lowcode 可視化拖拽 可視化編輯器 visual editor 類似易企秀的H5制作、建站工具、可視化搭建工具

02. 一個(gè)海報(bào)生成器

海報(bào)編輯器最左側(cè)是組件列表。可以在最左側(cè)選擇組件，比如文本、二維碼、圖片等添加到最中間的畫布區(qū)域，通過右側(cè)的屬性調(diào)節(jié)面板調(diào)節(jié)添加組件的樣式。

快速：三步完成海報(bào)開發(fā)工作：?jiǎn)?dòng)服務(wù) > 編輯海報(bào) > 生成代碼

簡(jiǎn)單：組件豐富、支持拖拽、復(fù)制、所見即所得、下載等功能。

動(dòng)態(tài)：無(wú)需更改代碼，直接在編輯器修改海報(bào)即可獲得最新的海報(bào)。

上傳頭像

進(jìn)行預(yù)覽

獲取代碼：點(diǎn)擊 代碼，可以查看相關(guān)的接?調(diào)?代碼。

03. JEECG BOOT 低代碼開發(fā)平臺(tái)

JeecgBoot 是一款基于代碼生成器的低代碼平臺(tái)！前后端分離架構(gòu) SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服務(wù)。強(qiáng)大的代碼生成器讓前后端代碼一鍵生成，實(shí)現(xiàn)低代碼開發(fā)!

Online表單開發(fā)、Online報(bào)表、報(bào)表配置能力、在線圖表設(shè)計(jì)、大屏設(shè)計(jì)、移動(dòng)配置能力、表單設(shè)計(jì)器、在線設(shè)計(jì)流程、流程自動(dòng)化配置、插件能力（可插拔）等等！

04. aMIS 低代碼工具

作者認(rèn)為：對(duì)于大部分常用頁(yè)面，應(yīng)該使用最簡(jiǎn)單的方法來(lái)實(shí)現(xiàn)，甚至不需要學(xué)習(xí)前端框架和工具。

amix 就是這么一款低代碼工具。它通過 JSON 配置就能生成各種后臺(tái)頁(yè)面，極大減少開發(fā)成本，甚至可以不需要了解前端。它的獨(dú)特好處是：

• 不需要懂前端也能能做出專業(yè)且復(fù)雜的后臺(tái)界面，這是所有其他前端 UI 庫(kù)都無(wú)法做到的；
• 不受前端技術(shù)更新的影響；
• 可以完全使用可視化頁(yè)面編輯器來(lái)制作頁(yè)面；

05. Seezoon Stack

Seezoon Stack 是一款基于當(dāng)前最前沿的前端和后臺(tái)實(shí)現(xiàn)的低代碼開發(fā)平臺(tái)。前端技術(shù)棧基于 Vue3 Vite Antdv，后端技術(shù)?；?Spring boot。

它以快速開發(fā)為目的，在開發(fā)速度和代碼結(jié)構(gòu)上做出一定取舍，無(wú)論如何，你將看到非常地道的 java 常用開發(fā)框架使用。該項(xiàng)目采用主流開發(fā)框架，無(wú)論打包、編譯、部署都按著大公司的標(biāo)準(zhǔn)完成并不斷逐步完善。

赤龍ERP-企業(yè)級(jí)ERP系統(tǒng)

在線演示：

https://www.redragon-erp.com/erp

Gitee： https://gitee.com/redragon/redragon-erp

赤龍ERP旨在研發(fā)一款免費(fèi)開源、業(yè)務(wù)閉環(huán)、靈活穩(wěn)定的企業(yè)級(jí)ERP系統(tǒng)。實(shí)現(xiàn)真正的財(cái)務(wù)業(yè)務(wù)一體化；從計(jì)劃預(yù)算、訂單、出入庫(kù)，到發(fā)票、收付款，再到憑證、分錄、總賬，實(shí)現(xiàn)對(duì)管理流、信息流、數(shù)據(jù)流的全方位管控。

核心功能

產(chǎn)品展示

主界面

權(quán)限模塊

職員與組織

科目結(jié)構(gòu)

庫(kù)存管理

庫(kù)存盤點(diǎn)

訂單管理

seezoon-stack-前端最前沿低代碼開發(fā)平臺(tái)管理系統(tǒng)

Gitee： https://gitee.com/huangdf/seezoon-stack

Seezoon Stack 以快速開發(fā)為目的，在開發(fā)速度和代碼結(jié)構(gòu)上做出一定取舍，無(wú)論如何，你將看到非常地道的 Java 常用開發(fā)框架使用。該項(xiàng)目采用主流開發(fā)框架，無(wú)論打包、編譯、部署都按著大公司的標(biāo)準(zhǔn)完成并不斷逐步完善。

在線演示

詳細(xì)文檔及演示地址：
https://doc.stack.seezoon.com

賬號(hào)：admin

密碼：123456

部分效果圖：

技術(shù)選型

Seezoon Stack 采用當(dāng)下最前沿前后端的技術(shù)棧完成。

后臺(tái)主要框架：

特性

• JSR303 驗(yàn)證、標(biāo)準(zhǔn)API模型，錯(cuò)誤碼、異常處理封裝
• 請(qǐng)求埋點(diǎn)，返回頭添加X-Trace-Id，通過MDC在日志中埋入線程ID;
• Redis 封裝，序列化
• RestTemplate 線程池、證書請(qǐng)求及默認(rèn)屬性約定
• Spring Boot 異步線程配置
• 跨域支持
• 基于openAPI 3.0 規(guī)范的自動(dòng)生成文檔
• 前后端一體化代碼生成
• 登錄及權(quán)限控制
• 文件處理，支持磁盤文件和阿里云OSS
• 國(guó)際化
• 通用數(shù)據(jù)權(quán)限
• 動(dòng)態(tài)菜單&按鈕

優(yōu)先級(jí)較低的功能(TODO)：

• 阿里云短信
• Excel 處理
• 微信公眾號(hào)、小程序相關(guān)，登錄，支付等常用封裝
• 云原生部署及編排文檔

前臺(tái)主要框架：

low-code-data-center -企業(yè)級(jí)低代碼數(shù)據(jù)中臺(tái)管理系統(tǒng)

Gitee： https://gitee.com/yabushan/low-code-data-center

南瓜樹數(shù)據(jù)平臺(tái) 是一款綜合性的平臺(tái)！助力企業(yè)實(shí)現(xiàn)數(shù)字化轉(zhuǎn)型，解決Java后端項(xiàng)目90%的重復(fù)工作。

南瓜樹數(shù)據(jù)平臺(tái)具備的能力：?jiǎn)T工子信息管理、統(tǒng)一組織/用戶身份管理、工作流在線設(shè)計(jì)流程、基于sql快速開發(fā)API接口服務(wù)（目前支持mysql、oracle、sqlserver）等等！后續(xù)將實(shí)現(xiàn)ETL數(shù)據(jù)治理、大屏設(shè)計(jì)功能等

南瓜樹數(shù)據(jù)平臺(tái)宗旨是: 構(gòu)建企業(yè)數(shù)據(jù)共享平臺(tái)，所有業(yè)務(wù)數(shù)據(jù)源統(tǒng)一在數(shù)據(jù)平臺(tái)管理；簡(jiǎn)單數(shù)據(jù)服務(wù)在平臺(tái)只需要寫sql就能提供API接口服務(wù)；復(fù)雜功能由代碼生成器生成進(jìn)行手工Merge；實(shí)現(xiàn)了低代碼開發(fā)的同時(shí)又支持靈活編碼，解決了當(dāng)前低代碼產(chǎn)品普遍不靈活的弊端！

適用項(xiàng)目

南瓜樹數(shù)據(jù)平臺(tái)的定位是一個(gè)綜合性數(shù)據(jù)平臺(tái)，但同時(shí)具備（工作流程設(shè)計(jì)、統(tǒng)一用戶信息管理、低代碼構(gòu)建業(yè)務(wù)）能力，因此可以應(yīng)用在任何J2EE項(xiàng)目的開發(fā)中，尤其適合SAAS項(xiàng)目、企業(yè)信息管理系統(tǒng)（MIS）、內(nèi)部辦公系統(tǒng)（OA）、企業(yè)資源數(shù)據(jù)管理系統(tǒng)（ERP）、客戶關(guān)系管理系統(tǒng)（CRM）等。

技術(shù)文檔

• 開發(fā)文檔： https://blog.csdn.net/yabushandaxue/article/details/116134595
• 在線演示 ： http://qxsdcloud.com:18081/

一款不用寫代碼的共享數(shù)據(jù)API服務(wù)平臺(tái)—（后端利器，前端神器）：

• saas數(shù)據(jù)平臺(tái)-（免費(fèi)試用）使用文檔：https://blog.csdn.net/yabushandaxue/article/details/117900000

為什么選擇南瓜樹數(shù)據(jù)平臺(tái)?

• 1.采用最新主流前后分離框架（基于若依框架），容易上手;
• 2.開發(fā)效率高,采用代碼生成器，具備若依框架的基礎(chǔ)能力；
• 3.集成工作流，開源流程底層代碼，滿足企業(yè)個(gè)性化工作流程的需求，非常容易進(jìn)行二次開發(fā)；
• 4.一站式數(shù)據(jù)源管理：支持（mysql、oracle、sqlserver）數(shù)據(jù)源接入生成代碼；滿足企業(yè)內(nèi)多個(gè)項(xiàng)目組在同一個(gè)平臺(tái)進(jìn)行各自項(xiàng)目的開發(fā)；
• 5.提供統(tǒng)一組織用戶管理能力：作為企業(yè)數(shù)據(jù)的通道，承接上游人力資源管理系統(tǒng)的組織用戶數(shù)據(jù)；快速推動(dòng)下游業(yè)務(wù)的快速擴(kuò)展，不再為重復(fù)工作發(fā)愁。
• 6.接口快速開發(fā)能力：只需要寫sql就能快速開發(fā)接口，實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)服務(wù)快速交付能力，及接口動(dòng)態(tài)發(fā)布能力，減輕開發(fā)壓力，降低功能缺陷產(chǎn)生的影響。

技術(shù)架構(gòu)：

開發(fā)環(huán)境

• 語(yǔ)言：Java 8
• IDE(JAVA)： IDEA / Eclipse安裝lombok插件
• IDE(前端)： WebStorm 或者 IDEA
• 依賴管理：Maven
• 數(shù)據(jù)庫(kù)：MySQL5.7 & Oracle 11g & Sqlserver2017
• 緩存：Redis

系統(tǒng)基礎(chǔ)功能模塊

用戶管理：用戶是系統(tǒng)操作者，該功能主要完成系統(tǒng)用戶配置。部門管理：配置系統(tǒng)組織機(jī)構(gòu)（公司、部門、小組），樹結(jié)構(gòu)展現(xiàn)支持?jǐn)?shù)據(jù)權(quán)限。崗位管理：配置系統(tǒng)用戶所屬擔(dān)任職務(wù)。菜單管理：配置系統(tǒng)菜單，操作權(quán)限，按鈕權(quán)限標(biāo)識(shí)等。角色管理：角色菜單權(quán)限分配、設(shè)置角色按機(jī)構(gòu)進(jìn)行數(shù)據(jù)范圍權(quán)限劃分。字典管理：對(duì)系統(tǒng)中經(jīng)常使用的一些較為固定的數(shù)據(jù)進(jìn)行維護(hù)。參數(shù)管理：對(duì)系統(tǒng)動(dòng)態(tài)配置常用參數(shù)。通知公告：系統(tǒng)通知公告信息發(fā)布維護(hù)。操作日志：系統(tǒng)正常操作日志記錄和查詢；系統(tǒng)異常信息日志記錄和查詢。登錄日志：系統(tǒng)登錄日志記錄查詢包含登錄異常。在線用戶：當(dāng)前系統(tǒng)中活躍用戶狀態(tài)監(jiān)控。定時(shí)任務(wù)：在線（添加、修改、刪除)任務(wù)調(diào)度包含執(zhí)行結(jié)果日志。代碼生成：前后端代碼的生成（java、html、xml、sql）支持CRUD下載 。系統(tǒng)接口：根據(jù)業(yè)務(wù)代碼自動(dòng)生成相關(guān)的api接口文檔。服務(wù)監(jiān)控：監(jiān)視當(dāng)前系統(tǒng)CPU、內(nèi)存、磁盤、堆棧等相關(guān)信息。緩存監(jiān)控：對(duì)系統(tǒng)的緩存查詢，刪除、清空等操作。在線構(gòu)建器：拖動(dòng)表單元素生成相應(yīng)的HTML代碼。連接池監(jiān)視：監(jiān)視當(dāng)前系統(tǒng)數(shù)據(jù)庫(kù)連接池狀態(tài)，可進(jìn)行分析SQL找出系統(tǒng)性能瓶頸。

員工管理功能模塊

租戶組織：接收企業(yè)內(nèi)部人力資源系統(tǒng)下發(fā)的組織數(shù)據(jù)，補(bǔ)充和擴(kuò)展企業(yè)第三方合作組織管理能力；租戶用戶：接收企業(yè)內(nèi)部人力資源系統(tǒng)下發(fā)的用戶數(shù)據(jù)，補(bǔ)充擴(kuò)展企業(yè)第三方人員管理能力；家庭住址：?jiǎn)T工家庭住址信息管理。合同信息：?jiǎn)T工合同信息管理；教育經(jīng)歷：?jiǎn)T工教育經(jīng)歷信息管理。計(jì)算機(jī)能力：?jiǎn)T工計(jì)算機(jī)能力信息管理。工作經(jīng)歷：?jiǎn)T工工作經(jīng)歷信息管理。出國(guó)出境：?jiǎn)T工觸過出境信息管理。證書信息：?jiǎn)T工獲得證書信息管理。獎(jiǎng)懲信息：?jiǎn)T工獲得的獎(jiǎng)勵(lì)和懲罰信息管理。論文著作：?jiǎn)T工發(fā)表論文著作信息管理。培訓(xùn)信息：?jiǎn)T工培訓(xùn)信息管理?？己诵畔ⅲ?jiǎn)T工考核信息管理。家庭關(guān)系：?jiǎn)T工家庭信息管理。職業(yè)資格認(rèn)證：?jiǎn)T工職業(yè)資格認(rèn)證信息管理。崗位經(jīng)歷：?jiǎn)T工崗位經(jīng)歷信息管理。外語(yǔ)能力：?jiǎn)T工外語(yǔ)能力信息管理。

工作流管理功能模塊

工作流模型：在線設(shè)計(jì)工作流。節(jié)點(diǎn)配置：工作流發(fā)布后，對(duì)各審批節(jié)點(diǎn)配置審批人員角色信息。流程列表：查看工作流當(dāng)前處理情況信息。....開發(fā)人員可針對(duì)各自需求進(jìn)行二次開發(fā)其他功能。

數(shù)據(jù)服務(wù)功能模塊

數(shù)據(jù)服務(wù)API：在線編寫SQL，生成數(shù)據(jù)服務(wù)接口。云數(shù)據(jù)源：抓取注冊(cè)到數(shù)據(jù)平臺(tái)的所有數(shù)據(jù)源并展示。云庫(kù)表：對(duì)注冊(cè)到數(shù)據(jù)平臺(tái)的數(shù)據(jù)源進(jìn)行構(gòu)建，構(gòu)建后在“代碼生成中”自動(dòng)生成代碼。