近几年,在技能领域低代码是比较抢手的话题,比如阿里云推出了易搭,经过简略的拖拽、装备,即可完结事务应用的建立,腾讯云则是推出了微搭,经过职业化模板、拖放式组件和可视化装备快速构建多端应用。

低代码是根据可视化和模型驱动理念,结合云原生与多端体会技能,它能够在大都事务场景下完成大幅度的提效降本,为专业开发者供给了一种全新的高出产力开发范式。下面就来共享几个值得学习和运用的低代码开源项目,更深入地了解什么是低代码。

1,Appsmith

Appsmith 是一款开源低代码结构,首要用于构建办理面板、内部东西和仪表板等,允许拖放 UI 组件来构建页面,经过衔接到任何 API、数据库或 GraphQL 源,并运用 JavaScript 言语编写逻辑,能够在短时间内创立内部应用程序。

项目链接:github.com/appsmithorg…

2,LowCodeEngine

LowCodeEngine 由阿里巴巴钉钉宜搭团队开发的低代码结构,根据阿里云的云根底设施和钉钉的企业数字化操作系统。运用者只需求根据低代码引擎便能够快速定制契合自己事务需求的低代码渠道。一起LowCodeEngine还供给了很多的根底组件,能够协助开发者快速的构建事务页面。

引荐20个开源的前端低代码项目

项目链接: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

引荐20个开源的前端低代码项目

项目链接:github.com/baidu/amis

4,tmagic-editor

tmagic-editor是一款由腾讯技能中心出品的一款开源低代码结构,能够完成零代码/低代码生成页面 , 能够快速建立可视化页面出产渠道,让非技能人员能够经过拖拽和装备,自助生成H5页面、PC页面、TV页面,大大下降页面出产成本 。

引荐20个开源的前端低代码项目

项目链接:gitee.com/webapp_qsr/…

5,dooring-electron-lowcode

dooring-electron-lowcode是一款功能强大,专业可靠的可视化页面装备解决计划,致力于供给一套简略便利、专业可靠、无限或许的H5落地页最佳实践。技能栈以react和typescript为主, 后台选用nodejs开发, electron作为桌面端根底计划。

引荐20个开源的前端低代码项目

和它一样的还有H5-Dooring,H5-Dooring是一款功能强大、专业可靠的H5可视化页面装备解决计划,致力于供给一套简略便利、专业可靠、无限或许的H5落地页最佳实践。技能栈以 React 和 TypeScript 为主,后台选用nodejs开发。除了 H5 版,还供给了 PC 版。

引荐20个开源的前端低代码项目

6,vite-vue3-lowcode

vite-vue3-lowcode 是一款根据Vite2.x + Vue3.x + TypeScript技能结构的的H5 低代码渠道。现在只是一个简略的模板,支撑数据装备的导入和导出,装备的修改和删除操作,用到的技能有sandbox 中履行自界说逻辑、monaco-editor 自界说代码补全、vue3 createRenderer 自界说渲染器等。

7,shida

shida是一个视频可视化建立项目,开发者能够经过拖拽就能够快速地出产一个短视频,运用方法就像易企秀或百度 H5 等 h5 低代码渠道一样。shida的后端视频合成部分是根据FFCreator进行开发的,FFCreator 是一个根据 node.js 的轻量、灵活的短视频加工库,只需求增加几张图片或视频片段再加一段背景音乐,就能够快速生成一个很酷的视频短片。

项目链接:github.com/tnfe/shida

8,quark-h5

quark-h5是一个运用Vue + Koa的前端低代码结构,和大大都的前端低代码结构一样,选用的是修改器生成页面JSON数据,服务端负责存取JSON数据,渲染时从服务端取数据JSON交给前端模板处理。

引荐20个开源的前端低代码项目

项目链接:github.com/huangwei952…

9,gods-pen

码良是一个在线生成 H5 页面并供给页面办理和页面修改的渠道,用于快速制造 H5 页面。用户无需把握杂乱的编程技能,经过简略拖拽、少数装备即可制造精巧的页面,可用于营销场景下的页面制造。一起,也为开发者供给了齐备的编程接入能力,经过脚本和组件的形式获得强大的组件行为和交互控制能力。

引荐20个开源的前端低代码项目

项目链接:github.com/ymm-tech/go…

10,luban-h5

鲁班H5是根据Vue2.0开发的支撑拖拽方法来快速生成页面的低代码渠道,功能根本类似于易企秀、Maka、百度等H5渠道。

引荐20个开源的前端低代码项目

项目链接:github.com/ly525/luban…

11,mometa

mometa 并不是传统主流的低代码渠道(如 amis),mometa 是面向研发、代码可视规划修改渠道,更像是 dreamweaver、gui的可视修改 东西。凭借它,我们能够获得所见即所得的可视修改开发体会。

引荐20个开源的前端低代码项目
项目链接:github.com/imcuttle/mo…

12,h5-factory

h5-factory是专题页面可视化修改东西,能够经过拖拽来规划页面,而且指出一键生成html文件。

引荐20个开源的前端低代码项目

项目链接:github.com/xuhaiqing/h…

13,steedos-platform

steedos-platform是 Salesforce 低代码渠道的开源替代计划,运用可视化东西进行模型规划, 页面规划, 流程规划, 报表规划,只需点击鼠标,就能快速创立应用程序,完成敏捷开发的新高度。在技能完成细节上,steedos-platform运用元数据界说目标,字段,装备,代码,逻辑和页面布局,并根据这些元数据自动生成系统的数据结构以及Steedos应用程序的用户界面和自动化逻辑。

引荐20个开源的前端低代码项目

不过,steedos-platform是一整套的低代码解决计划,如果需求单独开发或许部署需求一起具有前后端架构的能力。

项目链接:github.com/steedos/ste…

14,lz-h5-edit

lz-h5-edit是一个H5低代码修改渠道,支撑拖拽、缩放、旋转、动画、撤销、重做、组合元素等方法来创立H5页面。

引荐20个开源的前端低代码项目

项目链接:github.com/lzuntalente…

15,tefact

星搭开源无代码修改器,运用图形化界面生成 网站、H5和表单,无需任何代码即可生成应用程序。

项目链接:github.com/staringos/t…

16,fast-poster

fast-poster是一款运用Python+Vue开发的通用海报生成器,能够用来快速的生成海报。运用时知需求经过三步即可生成所需求的海报:发动服务 > 修改海报 > 生成代码。

引荐20个开源的前端低代码项目

项目链接:gitee.com/vitojc/fast…

17,openDataV

OpenDataV 是一款根据Vue3 + vite + TypeScript开发前端可视化低代码渠道。支撑拖拽式、可视化、低代码数据可视化开发,你能够用它自在的拼接成各种炫酷的大屏,一起支撑接入开发者自己开发的组件接入渠道。

项目链接:github.com/AnsGoo/open…

18,mall-cook

Mall-Cook 是一个根据 vue 开发的可视化商城建立渠道,包含多页面可视化构建、Json Schema 生成器(可视化建立物料控制面板),完成组件流水线式规范接入渠道。最新版本运用 uni-app 重构物料、模板项目,支撑生成 H5、小程序多端商城。

引荐20个开源的前端低代码项目

推荐20个开源的前端低代码项目项目链接:github.com/wangyuan389…

19,form-generator

form-generator是一个根据Element UI表单规划及代码生成器,可将生成的代码直接运行在根据Element的vue项目中,也可导出JSON表单,运用配套的解析器将JSON解析成真实的表单。

引荐20个开源的前端低代码项目

项目链接:github.com/JakHuang/fo…

20,vjdesign

vjdesign是一款支撑任何 vue 项目中的组件,不需求二次开发就能够界说支撑的组件以及组件的特点,而且对组件的特点和数据的关系以及表单的交互行为也能够经过规划器装备完成。

引荐20个开源的前端低代码项目

项目链接:github.com/fyl080801/v…

除了上面部分开源的低代码渠道外,还有很多是不开源的,详细参阅下面的链接:github.com/taowen/awes…。

本文正在参加「金石计划 . 分割6万现金大奖」