97&

10個(gè)開(kāi)源的前端低代碼項(xiàng)目！

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年8月1日 11:58 本文熱度 1296

今天來(lái)分享 10 個(gè)開(kāi)源的前端低代碼項(xiàng)目！

GOVIEW

GoView 是一個(gè)使用 Vue3 搭建的低代碼數(shù)據(jù)可視化開(kāi)發(fā)平臺(tái)，將圖表或頁(yè)面元素封裝為基礎(chǔ)組件，無(wú)需編寫(xiě)代碼即可完成業(yè)務(wù)需求。它的技術(shù)棧為：Vue3 + Typescript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS。

Gitee：https://gitee.com/dromara/go-view

vlife

企業(yè)級(jí)低代碼快速開(kāi)發(fā)平臺(tái)，包含頁(yè)面可視化配置、自定義表單、自定義報(bào)表、權(quán)限管理腳手架應(yīng)用、前后端代碼自動(dòng)生成；主要特點(diǎn)是低代碼開(kāi)發(fā)，可實(shí)現(xiàn)復(fù)雜CRUD功能僅編寫(xiě)數(shù)據(jù)模型就能完成前后端開(kāi)發(fā)。

Github：https://github.com/wwwlike/vlife

JeecgBoot

JeecgBoot 采用Vue3.0+Typescript+Vite+Ant-Design-Vue等新技術(shù)方案，包括二次封裝組件、utils、hooks、動(dòng)態(tài)菜單、權(quán)限校驗(yàn)、按鈕級(jí)別權(quán)限控制等功能。

Gitee：https://gitee.com/jeecg/jeecgboot-vue3

maku-generator

一款低代碼生成器，可根據(jù)自定義模板內(nèi)容，快速生成代碼，實(shí)現(xiàn)項(xiàng)目的快速開(kāi)發(fā)、上線，減少重復(fù)的代碼編寫(xiě)，開(kāi)發(fā)人員只需專(zhuān)注業(yè)務(wù)邏輯即可。

Gitee：https://gitee.com/makunet/maku-generator

MtBird

星搭精衛(wèi) MtBird 是一款基于 React 的低代碼可視化頁(yè)面生成器。幫助用戶(hù)以可視化的形式搭建網(wǎng)頁(yè)、小程序和表單等應(yīng)用。

Github：https://github.com/staringos/mtbird

魯班 H5

魯班H5是基于 Vue 2 開(kāi)發(fā)、通過(guò)拖拽快速生成頁(yè)面的平臺(tái)。類(lèi)似易企秀、Maka、百度 H5 等平臺(tái)。其支持表單組件，即時(shí)傾聽(tīng)用戶(hù)反饋，可以在后臺(tái)查看和下載用戶(hù)數(shù)據(jù)。包含了豐富的組件系統(tǒng)、支持可視化編輯、自由拖拽排版、實(shí)時(shí)預(yù)覽、在線訪問(wèn)。支持一鍵導(dǎo)入PSD，將設(shè)計(jì)師的創(chuàng)意轉(zhuǎn)換為 H5，快速查看效果、反饋、上線

Github：https://github.com/ly525/luban-h5

Seezoon Stack

Seezoon Stack 是一款基于當(dāng)前最前沿的前端（Vue3 + Vite + Antdv）和后臺(tái)（Spring boot）實(shí)現(xiàn)的低代碼開(kāi)發(fā)平臺(tái)。以快速開(kāi)發(fā)為目的，在開(kāi)發(fā)速度和代碼結(jié)構(gòu)上做出一定取舍。項(xiàng)目采用主流開(kāi)發(fā)框架，無(wú)論打包、編譯、部署都按著大公司的標(biāo)準(zhǔn)完成并不斷逐步完善。

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

Variant Form

Variant Form 是一款高效的Vue低代碼表單，可視化設(shè)計(jì)，一鍵生成源碼。其特性如下：

拖拽式可視化表單設(shè)計(jì)；
支持PC、Pad、H5三種布局；
支持運(yùn)行時(shí)動(dòng)態(tài)加載表單；
支持表單復(fù)雜交互控制；
支持自定義CSS樣式；
支持自定義校驗(yàn)邏輯；
支持國(guó)際化多語(yǔ)言；
兼容IE 11瀏覽器；
可導(dǎo)出Vue組件、HTML源碼；
可導(dǎo)出Vue的SFC單文件組件；
支持開(kāi)發(fā)自定義組件；
支持響應(yīng)式自適應(yīng)布局；
支持VS Code插件；

Github：https://github.com/vform666/variant-form

ng-form

ng-form 是一個(gè)基于vue+element ui實(shí)現(xiàn)動(dòng)態(tài)表單組件，通過(guò)拖拽組件到面板即可實(shí)現(xiàn)一個(gè)表單。支持各個(gè)組件的動(dòng)態(tài)隱藏顯示，動(dòng)態(tài)表格彈窗式維護(hù)。