2024强烈推荐8个精选的中后台前端低代码开源框架

前端零代码

已于 2024-08-31 20:47:56 修改

阅读量491

点赞数 7

分类专栏： UIOTOS文档（自动爬取）文章标签：前端低代码开源

于 2024-08-31 20:45:11 首次发布

本文链接：https://blog.csdn.net/qq_69807227/article/details/141758307

版权

UIOTOS文档（自动爬取）专栏收录该内容

52 篇文章 0 订阅

订阅专栏

低代码、零代码眼花缭乱，专门解决中后台管理系统的前端低代码、零代码框架有哪些呢？以下列出截至2024年9月最新的代表开源项目：

1. Appsmith

Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。

动图封面

项目链接：github.com/appsmithorg…

2.LowCodeEngine

LowCodeEngine 由阿里巴巴钉钉宜搭团队开发的低代码框架，基于阿里云的云基础设施和钉钉的企业数字化操作系统。使用者只需要基于低代码引擎便可以快速定制符合自己业务需求的低代码平台。同时LowCodeEngine还提供了很多的基础组件，可以帮助开发者快速的构建业务页面。

项目链接：github.com/alibaba/low…

3.amis

Amis 是百度开源的一款前端低代码框架，通过 JSON 配置就能生成各种后台页面，包括数据获取、表单提交及验证等功能，同时，Amis内置 100+ 种 UI 组件，能够满足各种页面组件展现的需求，极大减少开发成本，甚至可以不需要了解前端。

amis 在百度内部得到了广泛使用，在 4 年多的时间里创建了 3w 多页面，从内容审核到机器管理，从数据分析到模型训练，amis 满足了各种各样的页面需求。我们可以下载源码，然后使用如下的命令来体验。

# 安装项目 npm 依赖，在 node 12 下会有报错但不影响正常使用。

npm i --legacy-peer-deps

# 启动项目，等编译结束后通过 http://127.0.0.1:8888/examples/pages/simple 访问。

npm start

项目链接：GitHub - baidu/amis: 前端低代码框架，通过 JSON 配置就能生成各种页面。

3.UIOTOS

UIOTOS是一款极具特色的前端零代码工具，有独创的页面嵌套技术（已开源），主打套娃一样开发IoT等应用。用户开箱即用，0基础可以一站式搭建中后台管理、上位机、组态HMI等，不止于表单或可视化。了解更多

主要是面向后端、算法，以及硬件、工控、产品等用户，无需了解前端代码（JavaScript不熟悉也能用），非技术人员也能参与其中，同时也方便开发人员聚焦在核心模块，极大地减少交互界面的时间投入。产品致力于原型即应用，极大降低前端界面开发门槛，更快交付项目！

动图封面

项目链接：

https://gitee.com/uiotos...

https://github.com/uiotos...

4.tmagic-editor

tmagic-editor是一款由腾讯技术中心出品的一款开源低代码框架，能够实现零代码/低代码生成页面，可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大降低页面生产成本。

项目链接：https://gitee.com/webapp_qsr...

5.dooring-electron-lowcode

dooring-electron-lowcode是一款功能强大，专业可靠的可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react和typescript为主，后台采用nodejs开发, electron作为桌面端基础方案。

和它一样的还有H5-Dooring，H5-Dooring是一款功能强大、专业可靠的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以 React 和 TypeScript 为主，后台采用nodejs开发。除了 H5 版，还提供了 PC 版。

6.vite-vue3-lowcode

vite-vue3-lowcode 是一款基于Vite2.x + Vue3.x + TypeScript技术框架的的H5 低代码平台。目前只是一个简单的模板，支持数据配置的导入和导出，配置的修改和删除操作，用到的技术有sandbox 中执行自定义逻辑、monaco-editor 自定义代码补全、vue3 createRenderer 自定义渲染器等。

动图封面