开源低代码平台Openblocks

在这里插入图片描述

网友 Hank·Meng 想看低代码工具,正好手上有一个;

什么是 Openblocks ?

Openblocks 是一个开发人员友好的开源低代码平台,可在几分钟内构建内部应用程序。

传统上,构建内部应用程序需要复杂的前端和后端交互,涉及数百行和数千行代码,更不用说打包、集成和部署工作了。Openblocks 显著减少了构建应用程序所需的工作。

Openblocks 中,您所需要做的就是将预构建或自定义的组件以及可随时连接的数据库和 API 拖放到所见即所得 (WYSIWYG) 画布上,Openblocks 帮助您快速构建应用程序并专注于业务逻辑。

构建内部应用程序基本上需要 5 个步骤:

  1. 快速连接到您的数据源,包括 PostgreSQLMongoDB 和在线 API
  2. 编写几行 SQL 或设置请求参数来构建查询。
  3. 使用预构建或用户自定义的 UI 组件来构建应用程序 UI,使用 UI 组件绑定和显示查询数据。
  4. 设置事件处理程序以触发查询、控制组件或其他操作以响应用户交互。
  5. 预览并与其他人分享您的应用程序。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 openblocksdev ,选择第一个 openblocksdev/openblocks-ce,版本选择 latest

本文写作时, latest 版本对应为 1.1.8;这是一个 all in one 的版本,里面包含了数据库及前后端服务,非常适合于功能体验;

docker 文件夹中,创建一个新文件夹 openblocks,并在其中建一个子文件夹 stacks

文件夹装载路径说明
docker/openblocks/stacks/openblocks-stacks 存放数据库、日志等

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
30423000

环境

老苏没使用环境变量。关于环境变量的说明,请参考官方文档:https://github.com/openblocks-dev/openblocks/blob/develop/deploy/docker/README.md#configuration

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 新建文件夹 openblocks 和 子目录
mkdir -p /volume1/docker/openblocks/stacks# 进入 openblocks 目录
cd /volume1/docker/openblocks# 运行容器
docker run -d \--restart unless-stopped \--name openblocks \-p 3042:3000 \-v $(pwd)/stacks:/openblocks-stacks \openblocksdev/openblocks-ce:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'services:openblocks:image: openblocksdev/openblocks-ce:latestcontainer_name: openblocksrestart: unless-stoppedports:- 3042:3000volumes:- ./stacks:/openblocks-stacks

然后执行下面的命令

# 新建文件夹 openblocks 和 子目录
mkdir -p /volume1/docker/openblocks/stacks# 进入 openblocks 目录
cd /volume1/docker/openblocks# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3042 就能看到登录界面

第一次需要注册账号

主界面

新建应用

简单的拖拖拉拉之后,就搭出了一个登录界面

当然这只是界面,还需要绑定数据库,来实现业务,除了数据库之外,也支持在线 API

具体用法可以看看官方文档,还是比较详细的:https://docs.openblocks.dev,

虽然老苏不会开发,但用来做原型设计也是不错的。不过需要注意的是,似乎目前的代码更新已经不是很积极,不清楚是在憋大招还是程序员跑路了呢? 😂

参考文档

openblocks-dev/openblocks: 🔥 🔥 🔥 The Open Source Retool Alternative
地址:https://github.com/openblocks-dev/openblocks/

Openblocks - Open-source low code platform
地址:https://openblocks.dev/

Self-hosting - Openblocks Docs
地址:https://docs.openblocks.dev/self-hosting

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/70262.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用GraphQL在Postman中进行API测试

GraphQL 是一种用于API的开源数据查询和操作语言,用于API的查询语言和运行时。它使客户端能够精确地指定其数据需求,并获得预测性地结果。GraphQL旨在提高API的效率、灵活性和可靠性。 Postman 是一款用于API开发的强大工具,它支持REST和Gra…

Vite更新依赖缓存失败,强制更新依赖缓存

使用vitets开发一段时间了,感觉并不是想象中的好用,特别是出现些稀奇古怪的问题不好解决,比如下面这个问题 上午9:50:08 [vite] error while updating dependencies: Error: ENOENT: no such file or directory, open E:/workspace-dir/node…

电脑提示数据错误循环冗余检查怎么办?

有些时候,我们尝试在磁盘上创建分区或清理硬盘时,还可能会遇到这个问题:数据错误循环冗余检查。这是如何导致的呢?我们又该如何解决这个问题呢?下面我们就来了解一下。 导致冗余检查错误的原因有哪些? 数据…

利用HTTP代理实现请求路由

嘿,大家好!作为一名专业的爬虫程序员,我知道构建一个高效的分布式爬虫系统是一个相当复杂的任务。在这个过程中,实现请求的路由是非常关键的。今天,我将和大家分享一些关于如何利用HTTP代理实现请求路由的实用技巧&…

【制作npm包5】npm包制作完整教程,我的第一个npm包

制作npm包目录 本文是系列文章, 作者一个橙子pro,本系列文章大纲如下。转载或者商业修改必须注明文章出处 一、申请npm账号、个人包和组织包区别 二、了解 package.json 相关配置 三、 了解 tsconfig.json 相关配置 四、 api-extractor 学习 五、npm包…

算法:双指针解决数组划分和数组分块问题

文章目录 实现原理实现思路典型例题移动0复写0快乐数盛最多水的容器有效三角形的个数三数之和四数之和 总结 在快速排序或者是其他和数组有关的题目中,有很经典的一类题目是关于数组划分的,数组划分就是把数组按照一定的规则划分为不同的区间&#xff0c…

JLSX 模版指令导出Excel

1. 官方相关链接 官网:https://jxls.sourceforge.net/reference/if_command.html JxlsAPI: https://jxls.sourceforge.net/javadoc/jxls/index.html Jxls POI: https://jxls.sourceforge.net/javadoc/jxls/index.html Jxls JExcel&#xff1…

SpringCloud实用篇4——MQ RabbitMQ SpringAMQP

目录 1 初识MQ1.1 同步和异步通讯1.1.1 同步通讯1.1.2 异步通讯 1.2 技术对比 2.快速入门2.1 安装RabbitMQ2.1.1 单机部署2.1.2集群部署 2.2 RabbitMQ消息模型2.3.导入Demo工程2.4 入门案例2.4.1 publisher实现2.4.2 consumer实现 3 SpringAMQP3.1 Basic Queue 简单队列模型3.1…

513. 找树左下角的值

513. 找树左下角的值 原题链接:完成情况:解题思路:参考代码:__513找树左下角的值__BFS__513找树左下角的值__从右往左出队 错误经验吸取 原题链接: 513. 找树左下角的值 https://leetcode.cn/problems/find-bottom-…

打开vim的语法高亮

在一个Ubuntu中自带的vim版本是8.2.4919,默认就是开始了语法高亮的,打开一个Java文件效果如下: 它不仅仅对Java文件有语法高亮,对很多的文件都有,比如vim的配置文件也有语法高亮,有语法高亮时读起来会容易…

Curson 编辑器

Curson 汉化与vacode一样 Curson 自带chat功能 1、快捷键ctrlk(代码中编辑) 2、快捷键ctrll 右侧打开窗口

API 自动化测试难点总结与分享

API自动化测试的难点包括: 接口的参数组合较多,需要覆盖各种可能的情况。接口的状态和数据关联较多,需要验证返回结果是否符合预期。接口的并发访问和性能测试较为复杂,需要合理规划和调度测试策略。接口的安全性和权限控制较为重…