低代碼是通過可視化方式創(chuàng)建應用的一種概念，特點是代碼量比傳統(tǒng)開發(fā)少得多，甚至無代碼，能顯著提升開發(fā)效率。而如今，低代碼不僅僅局限于軟件應用的研發(fā)，只要是通過可視化的交互來幫助使用者完成一個作品都屬于低代碼的范疇。
如果你還不明白低代碼是什么概念，可以看一下本文章提及的開源項目。這篇文章盤點了 10 款 GitHub 和碼云上最受歡迎的低代碼開源項目，記得收藏。
01. 快速搭建 H5 頁面
魯班 H5 生成器
魯班 H5 是基于 Vue2.0 開發(fā)的快速生成頁面的平臺，通過簡單的拖拽交互方式即可迅速的完成一個頁面的制作，類似 易企秀、Maka、百度 H5 等平臺。
左側是常用的組件，右側是組件的屬性調(diào)節(jié)界面，中間區(qū)域就是編輯和預覽區(qū)域。魯班 H5 包含了豐富的組件可以選擇，其中包括：
- 雷達圖、折線圖、柱狀圖、餅狀圖、漏斗圖
- 圖片、評分、表單、文字、地圖、視頻等
圖標和地圖組件
折線圖組件
個人作品低代碼平臺
這個項目基于 Vue.js 技術棧，平臺主頁面分為四個部分，分別是工具欄、組件列表、畫布、屬性區(qū)域。將組件拖至畫布區(qū)域。
用戶可以將組件列表的組件拖到畫布，對畫布上的元素進行編輯。這僅僅是一個 Demo，其余更豐富的組件可以二次開發(fā)。
構建頁面可視化編輯器
還有一個頁面可視化的 Demo，基于 next.js 構建頁面可視化編輯器。整個編輯器的研發(fā)邏輯為前端開發(fā)組件庫，編輯器讀取組件完成頁面搭建，將頁面數(shù)據(jù)發(fā)送至服務端保存。訪問頁面，從服務端拉取頁面數(shù)據(jù)，前端渲染頁面即可。
隨心秀 react 版 H5 微場景編輯器
編輯器功能：拖拽、縮放、旋轉、動畫、撤銷、重做、組合元素
組件：物料、文本、圖片、QQ語言通話、背景、地圖、音效、模板、視頻、藝術字
H5-factory
H5 專題頁面可視化編輯工具，拖拽編輯，靈活切換，一鍵生成 HTML 文件。關于這個開源項目的系統(tǒng)架構設計和組件拆分原則可閱讀文章：
https://juejin.cn/post/6844903858401968136
H5 移動端低代碼平臺
vue3.x vite2.x vant element-plus H5 移動端低代碼平臺 lowcode 可視化拖拽 可視化編輯器 visual editor 類似易企秀的H5制作、建站工具、可視化搭建工具
02. 一個海報生成器
海報編輯器最左側是組件列表?？梢栽谧钭髠冗x擇組件，比如文本、二維碼、圖片等添加到最中間的畫布區(qū)域，通過右側的屬性調(diào)節(jié)面板調(diào)節(jié)添加組件的樣式。
快速：三步完成海報開發(fā)工作：啟動服務 > 編輯海報 > 生成代碼
簡單：組件豐富、支持拖拽、復制、所見即所得、下載等功能。
動態(tài)：無需更改代碼，直接在編輯器修改海報即可獲得最新的海報。
上傳頭像
進行預覽
獲取代碼：點擊 代碼，可以查看相關的接?調(diào)?代碼。
03. JEECG BOOT 低代碼開發(fā)平臺
JeecgBoot 是一款基于代碼生成器的低代碼平臺！前后端分離架構 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服務。強大的代碼生成器讓前后端代碼一鍵生成，實現(xiàn)低代碼開發(fā)!
Online表單開發(fā)、Online報表、報表配置能力、在線圖表設計、大屏設計、移動配置能力、表單設計器、在線設計流程、流程自動化配置、插件能力（可插拔）等等！
04. aMIS 低代碼工具
作者認為：對于大部分常用頁面，應該使用最簡單的方法來實現(xiàn)，甚至不需要學習前端框架和工具。
amix 就是這么一款低代碼工具。它通過 JSON 配置就能生成各種后臺頁面，極大減少開發(fā)成本，甚至可以不需要了解前端。它的獨特好處是：
- 不需要懂前端也能能做出專業(yè)且復雜的后臺界面，這是所有其他前端 UI 庫都無法做到的；
- 不受前端技術更新的影響；
- 可以完全使用可視化頁面編輯器來制作頁面；
05. Seezoon Stack
Seezoon Stack 是一款基于當前最前沿的前端和后臺實現(xiàn)的低代碼開發(fā)平臺。前端技術?；?Vue3 Vite Antdv，后端技術?；?Spring boot。
它以快速開發(fā)為目的，在開發(fā)速度和代碼結構上做出一定取舍，無論如何，你將看到非常地道的 java 常用開發(fā)框架使用。該項目采用主流開發(fā)框架，無論打包、編譯、部署都按著大公司的標準完成并不斷逐步完善。
赤龍ERP-企業(yè)級ERP系統(tǒng)
在線演示：
https://www.redragon-erp.com/erp
Gitee： https://gitee.com/redragon/redragon-erp
赤龍ERP旨在研發(fā)一款免費開源、業(yè)務閉環(huán)、靈活穩(wěn)定的企業(yè)級ERP系統(tǒng)。實現(xiàn)真正的財務業(yè)務一體化；從計劃預算、訂單、出入庫，到發(fā)票、收付款，再到憑證、分錄、總賬，實現(xiàn)對管理流、信息流、數(shù)據(jù)流的全方位管控。
核心功能
|
采購/委外模塊 | 收貨/質檢/入庫 | 動態(tài)實時庫存 |
零星采購、一攬子采購、采購計劃、合同采購、委外訂單、付款計劃 | 采購入庫、采購退貨、雜項入庫、生產(chǎn)入庫、委外入庫、委外退貨 | 多庫存組織、庫存盤點、庫存調(diào)撥、批次效期、組裝拆卸、庫存預警 |
銷售模塊 | 出庫 | 主數(shù)據(jù) |
合同銷售、銷售計劃、收款計劃 | 銷售出庫、銷售退貨、雜項出庫、生產(chǎn)退貨 | 客戶、供應商、物料、產(chǎn)品、服務、項目、匯率 |
生產(chǎn)預測/生產(chǎn)計劃 | 車間管理 | 權限管理 |
MPS、MPR、BOM、資源、工作中心、工藝路線 | 生產(chǎn)任務、維修返工、工時記錄、計件工資、領料退料、生產(chǎn)工序、生產(chǎn)成本、成品入庫 | 單點登錄、數(shù)據(jù)隔離、精細授權 |
應收/應付 | 總賬模塊 | 財務主數(shù)據(jù) |
發(fā)票、紅字發(fā)票、預付款、預收款、付款單、收款單、費用報銷 | 自動憑證、日記賬、結轉損益、結賬、財務報表、財務業(yè)務一體化 | 賬套、會計科目結構、會計日歷、成本中心 |
成本核算 | 資產(chǎn)管理 | 常用報表 |
采購入庫核算、委外入庫核算、產(chǎn)成本核算、出庫核算、成本調(diào)整 | 資產(chǎn)類別、資產(chǎn)臺賬、計提折舊、報廢 | 采購統(tǒng)計表、銷售統(tǒng)計表、入庫統(tǒng)計表、出庫統(tǒng)計表、庫存清單、付款統(tǒng)計表、收款統(tǒng)計表、科目余額表、試算平衡表、資產(chǎn)負債表、利潤表、現(xiàn)金流量表 |
工作流 | 自定義系統(tǒng) | 其他功能 |
多節(jié)點、多分支、跨組織、可配置、記錄審批歷史 | 多幣種處理、可配置數(shù)據(jù)字典、自定義系統(tǒng)參數(shù)、自定義字段、自定義編碼 | 通知與預警、系統(tǒng)日志、導出數(shù)據(jù)、工具欄、OA知識庫、單據(jù)變更、日志表、繁簡體轉化、單據(jù)二維碼 |
計劃預算 | 項目管理系統(tǒng) | CRM系統(tǒng) |
預算主體、預算科目、預算編制、預算變更、預算控制、預算執(zhí)行對比 | 項目立項、項目資源分配、項目計劃管理、項目進度跟進、任務看板 | 線索、客戶、公海、產(chǎn)品、報價、商機、活動、任務、銷售漏斗、銷售儀表盤 |
HRMS系統(tǒng) | ||
職員管理、崗位管理、部門管理、薪酬項配置、薪酬管理、計提工資、工資發(fā)放 |
產(chǎn)品展示
主界面
權限模塊
職員與組織
科目結構
庫存管理
庫存盤點
訂單管理
seezoon-stack-前端最前沿低代碼開發(fā)平臺管理系統(tǒng)
Gitee： https://gitee.com/huangdf/seezoon-stack
Seezoon Stack 以快速開發(fā)為目的，在開發(fā)速度和代碼結構上做出一定取舍，無論如何，你將看到非常地道的 Java 常用開發(fā)框架使用。該項目采用主流開發(fā)框架，無論打包、編譯、部署都按著大公司的標準完成并不斷逐步完善。
在線演示
詳細文檔及演示地址：
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 | 登錄態(tài)管理 |
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 規(guī)范的自動生成文檔
- 前后端一體化代碼生成
- 登錄及權限控制
- 文件處理，支持磁盤文件和阿里云OSS
- 國際化
- 通用數(shù)據(jù)權限
- 動態(tài)菜單&按鈕
優(yōu)先級較低的功能(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 -企業(yè)級低代碼數(shù)據(jù)中臺管理系統(tǒng)
Gitee： https://gitee.com/yabushan/low-code-data-center
南瓜樹數(shù)據(jù)平臺 是一款綜合性的平臺！助力企業(yè)實現(xiàn)數(shù)字化轉型，解決Java后端項目90%的重復工作。
南瓜樹數(shù)據(jù)平臺具備的能力：員工子信息管理、統(tǒng)一組織/用戶身份管理、工作流在線設計流程、基于sql快速開發(fā)API接口服務（目前支持mysql、oracle、sqlserver）等等！后續(xù)將實現(xiàn)ETL數(shù)據(jù)治理、大屏設計功能等
南瓜樹數(shù)據(jù)平臺宗旨是: 構建企業(yè)數(shù)據(jù)共享平臺，所有業(yè)務數(shù)據(jù)源統(tǒng)一在數(shù)據(jù)平臺管理；簡單數(shù)據(jù)服務在平臺只需要寫sql就能提供API接口服務；復雜功能由代碼生成器生成進行手工Merge；實現(xiàn)了低代碼開發(fā)的同時又支持靈活編碼，解決了當前低代碼產(chǎn)品普遍不靈活的弊端！
適用項目
南瓜樹數(shù)據(jù)平臺的定位是一個綜合性數(shù)據(jù)平臺，但同時具備（工作流程設計、統(tǒng)一用戶信息管理、低代碼構建業(yè)務）能力，因此可以應用在任何J2EE項目的開發(fā)中，尤其適合SAAS項目、企業(yè)信息管理系統(tǒng)（MIS）、內(nèi)部辦公系統(tǒng)（OA）、企業(yè)資源數(shù)據(jù)管理系統(tǒng)（ERP）、客戶關系管理系統(tǒng)（CRM）等。
技術文檔
- 開發(fā)文檔： https://blog.csdn.net/yabushandaxue/article/details/116134595
- 在線演示 ： http://qxsdcloud.com:18081/
一款不用寫代碼的共享數(shù)據(jù)API服務平臺—（后端利器，前端神器）：
- saas數(shù)據(jù)平臺-（免費試用）使用文檔：https://blog.csdn.net/yabushandaxue/article/details/117900000
為什么選擇南瓜樹數(shù)據(jù)平臺?
- 1.采用最新主流前后分離框架（基于若依框架），容易上手;
- 2.開發(fā)效率高,采用代碼生成器，具備若依框架的基礎能力；
- 3.集成工作流，開源流程底層代碼，滿足企業(yè)個性化工作流程的需求，非常容易進行二次開發(fā)；
- 4.一站式數(shù)據(jù)源管理：支持（mysql、oracle、sqlserver）數(shù)據(jù)源接入生成代碼；滿足企業(yè)內(nèi)多個項目組在同一個平臺進行各自項目的開發(fā)；
- 5.提供統(tǒng)一組織用戶管理能力：作為企業(yè)數(shù)據(jù)的通道，承接上游人力資源管理系統(tǒng)的組織用戶數(shù)據(jù)；快速推動下游業(yè)務的快速擴展，不再為重復工作發(fā)愁。
- 6.接口快速開發(fā)能力：只需要寫sql就能快速開發(fā)接口，實現(xiàn)業(yè)務數(shù)據(jù)服務快速交付能力，及接口動態(tài)發(fā)布能力，減輕開發(fā)壓力，降低功能缺陷產(chǎn)生的影響。
技術架構：
開發(fā)環(huán)境
- 語言：Java 8
- IDE(JAVA)： IDEA / Eclipse安裝lombok插件
- IDE(前端)： WebStorm 或者 IDEA
- 依賴管理：Maven
- 數(shù)據(jù)庫：MySQL5.7 & Oracle 11g & Sqlserver2017
- 緩存：Redis
系統(tǒng)基礎功能模塊
用戶管理：用戶是系統(tǒng)操作者，該功能主要完成系統(tǒng)用戶配置。部門管理：配置系統(tǒng)組織機構（公司、部門、小組），樹結構展現(xiàn)支持數(shù)據(jù)權限。崗位管理：配置系統(tǒng)用戶所屬擔任職務。菜單管理：配置系統(tǒng)菜單，操作權限，按鈕權限標識等。角色管理：角色菜單權限分配、設置角色按機構進行數(shù)據(jù)范圍權限劃分。字典管理：對系統(tǒng)中經(jīng)常使用的一些較為固定的數(shù)據(jù)進行維護。參數(shù)管理：對系統(tǒng)動態(tài)配置常用參數(shù)。通知公告：系統(tǒng)通知公告信息發(fā)布維護。操作日志：系統(tǒng)正常操作日志記錄和查詢；系統(tǒng)異常信息日志記錄和查詢。登錄日志：系統(tǒng)登錄日志記錄查詢包含登錄異常。在線用戶：當前系統(tǒng)中活躍用戶狀態(tài)監(jiān)控。定時任務：在線（添加、修改、刪除)任務調(diào)度包含執(zhí)行結果日志。代碼生成：前后端代碼的生成（java、html、xml、sql）支持CRUD下載 。系統(tǒng)接口：根據(jù)業(yè)務代碼自動生成相關的api接口文檔。服務監(jiān)控：監(jiān)視當前系統(tǒng)CPU、內(nèi)存、磁盤、堆棧等相關信息。緩存監(jiān)控：對系統(tǒng)的緩存查詢，刪除、清空等操作。在線構建器：拖動表單元素生成相應的HTML代碼。連接池監(jiān)視：監(jiān)視當前系統(tǒng)數(shù)據(jù)庫連接池狀態(tài)，可進行分析SQL找出系統(tǒng)性能瓶頸。
員工管理功能模塊
租戶組織：接收企業(yè)內(nèi)部人力資源系統(tǒng)下發(fā)的組織數(shù)據(jù)，補充和擴展企業(yè)第三方合作組織管理能力；租戶用戶：接收企業(yè)內(nèi)部人力資源系統(tǒng)下發(fā)的用戶數(shù)據(jù)，補充擴展企業(yè)第三方人員管理能力；家庭住址：員工家庭住址信息管理。合同信息：員工合同信息管理；教育經(jīng)歷：員工教育經(jīng)歷信息管理。計算機能力：員工計算機能力信息管理。工作經(jīng)歷：員工工作經(jīng)歷信息管理。出國出境：員工觸過出境信息管理。證書信息：員工獲得證書信息管理。獎懲信息：員工獲得的獎勵和懲罰信息管理。論文著作：員工發(fā)表論文著作信息管理。培訓信息：員工培訓信息管理?？己诵畔ⅲ簡T工考核信息管理。家庭關系：員工家庭信息管理。職業(yè)資格認證：員工職業(yè)資格認證信息管理。崗位經(jīng)歷：員工崗位經(jīng)歷信息管理。外語能力：員工外語能力信息管理。
工作流管理功能模塊
工作流模型：在線設計工作流。節(jié)點配置：工作流發(fā)布后，對各審批節(jié)點配置審批人員角色信息。流程列表：查看工作流當前處理情況信息。....開發(fā)人員可針對各自需求進行二次開發(fā)其他功能。
數(shù)據(jù)服務功能模塊
數(shù)據(jù)服務API：在線編寫SQL，生成數(shù)據(jù)服務接口。云數(shù)據(jù)源：抓取注冊到數(shù)據(jù)平臺的所有數(shù)據(jù)源并展示。云庫表：對注冊到數(shù)據(jù)平臺的數(shù)據(jù)源進行構建，構建后在“代碼生成中”自動生成代碼。
版權聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權/違法違規(guī)的內(nèi)容， 請發(fā)送郵件至 舉報，一經(jīng)查實，本站將立刻刪除。