猿创征文|低代码开发15个高效开源项目推荐_低代码 开源

低代码开发平台(LCDP)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法,使具有不同经验水平的开发人员可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。具体什么是低代码可以查看我这篇博客:什么是低代码
本文主要推荐15个优质的低代码开源项目。

文章目录

Alibaba Formily

Formily是阿里巴巴开源的统一前端表单解决方案。将每个表单字段的状态做了分布式管理,从而大大提升了表单操作性能。同时深度整合了 JSON Schema 协议,可以帮助您快速解决后端驱动表单渲染的问题。
关键特性如下:

  • 🖼 可设计,借助 Form Builder 可以快速搭建表单。
  • 🚀 高性能,字段分布式渲染,大大减轻 React 渲染压力。
  • 💡 支持 Ant Design/Fusion Next 组件体系。
  • 🎨 JSX 标签化写法/JSON Schema 数据驱动方案无缝迁移过渡。
  • 🏅 副作用逻辑独立管理,涵盖各种复杂联动校验逻辑。
  • 🌯 支持各种表单复杂布局方案。

设计器界面:
在这里插入图片描述

官方社区和文档都挺全面的,
官方文档:https://www.formilyjs.org/zh-CN/guide,社区:https://github.com/alibaba/formily/discussions

lowcode-engine

lowcode-engine是阿里巴巴团队开源的另一款低代码引擎。官方定义为:一套面向扩展设计的企业级低代码技术体系(An enterprise-class low-code technology stack with scale-out design)。
关键特性如下:

  • 🌈 提炼自企业级低代码平台的面向扩展设计的内核引擎,奉行最小内核,最强生态的设计理念
  • 📦 开箱即用的高质量生态元素,包括 物料体系、设置器、插件 等
  • ⚙️ 完善的工具链,支持 物料体系、设置器、插件 等生态元素的全链路研发周期
  • 🔌 强大的扩展能力,已支撑近 100 个各种垂直类低代码平台
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件

设计器界面:
在这里插入图片描述
官方文档:https://lowcode-engine.cn/docV2/intro

Amis

Amis是百度开源的一款前端低代码开发框架,通过 JSON 配置就能生成各种后台页面,极大减少开发成本,甚至可以不需要了解前端。
设计器界面:
在这里插入图片描述
官方文档地址:https://aisuda.bce.baidu.com/amis/zh-CN/docs/index

form-generator

Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
设计器界面:
image.png

h5-Dooring

h5-Dooring官方定义为:让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台。
设计器界面:
在这里插入图片描述
官方文档:http://h5.dooring.cn/doc/zh/guide/

yao

YAO 是一款开源应用引擎,使用 Golang 编写,以一个命令行工具的形式存在, 下载即用。适合用于开发业务系统、网站/APP API 接口、管理后台、自建低代码平台等。
YAO 采用 flow-based 的编程模式,通过编写 YAO DSL (JSON 格式逻辑描述) 或使用 JavaScript 编写处理器,实现各种功能。 YAO DSL 可以有多种编写方式:

  1. 纯手工编写
  2. 使用自动化脚本,根据上下文逻辑生成
  3. 使用可视化编辑器,通过“拖拉拽”制作

官方案例:
在这里插入图片描述
官方文档地址:https://yaoapps.com/doc

sparrow

场景化低代码(LowCode)搭建工作台;sparrow的核心目标仅有一条“提升研发效率”,目前提供基于vue、element-ui组件库中后台项目的实践,实时输出源代码,新功能持续新增中;
关键特性:

  • 低代码开发, 快速生成可读性强、vue element-ui组件库的源代码。
  • 可视化开发, 通过GUI生成页面代码源文件。
  • 资产市场, 代码资源共享,包含组件、编辑区块、静态区块、搜索业务组件、插件、场景搭建编辑器。

设计器界面:
在这里插入图片描述

文档地址:https://sparrow-js.github.io/sparrow-vue-site/

vite-vue3-lowcode

vite-vue3-lowcode是H5移动端低代码平台,具备可视化拖拽 可视化编辑器 visual editor。 类似易企秀的H5制作、建站工具、可视化搭建工具。
设计器界面:
在这里插入图片描述


上述主要是偏前端的低代码开源项目,接下来分享几个偏后端的低代码开源项目。

JeecgBoot

JeecgBoot 是一款基于代码生成器的低代码开发平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发! JeecgBoot 引领新的低代码开发模式(OnlineCoding-> 代码生成器-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省研发成本,同时又不失灵活性。
大屏设计器界面:
在这里插入图片描述
微服务架构图:
在这里插入图片描述

功能比较强大,代码不是完全开源,高阶版本需要收费。

人人开源

renren-security:https://github.com/renrenio/renren-security

  • renren-security是一个轻量级的,前后端分离的Java快速开发平台,能快速开发项目并交付【接私活利器】

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

术提升。**

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 13
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的示例代码,展示了一个基本的征文投稿平台的前端界面和一些关键功能。这只是一个示例,你可以根据自己的需求进行修改和扩展。 HTML: ```html <!DOCTYPE html> <html> <head> <title>征文投稿平台</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>征文投稿平台</h1> <form action="submit.php" method="post" enctype="multipart/form-data"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br><br> <label for="title">文章标题:</label> <input type="text" id="title" name="title" required><br><br> <label for="abstract">摘要:</label> <textarea id="abstract" name="abstract" required></textarea><br><br> <label for="keywords">关键词:</label> <input type="text" id="keywords" name="keywords" required><br><br> <label for="file">上传文件:</label> <input type="file" id="file" name="file"><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` CSS (style.css): ```css body { font-family: Arial, sans-serif; margin: 20px; } h1 { text-align: center; } form { width: 400px; margin: 0 auto; } label { display: inline-block; width: 100px; } input[type="text"], input[type="email"], textarea { width: 250px; padding: 5px; } input[type="submit"] { margin-left: 100px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; } ``` PHP (submit.php): ```php <?php // 获取表单提交的数据 $name = $_POST['name']; $email = $_POST['email']; $title = $_POST['title']; $abstract = $_POST['abstract']; $keywords = $_POST['keywords']; $file = $_FILES['file']; // 处理文件上传 $uploadDir = 'uploads/'; $uploadFile = $uploadDir . basename($file['name']); if (move_uploaded_file($file['tmp_name'], $uploadFile)) { echo "文件已上传成功!"; } else { echo "文件上传失败!"; } // 将数据保存到数据库或其他处理逻辑 // ... ?> ``` 这个示例代码包括一个HTML表单,其中包含姓名、邮箱、文章标题、摘要、关键词和文件上传字段。当用户提交表单时,数据将通过POST方法发送到submit.php文件进行处理。在submit.php文件中,你可以根据需要处理表单数据和文件上传,然后将数据保存到数据库或其他地方。 请注意,这只是一个基本示例,你可能需要根据实际需求进行修改和扩展。还需要添加服务器端的验证和安全性措施,以及进一步的后端处理逻辑。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值