CIUIC

ToolJet 开源低代码平台零基础搭建实战指南

什么是ToolJet?

ToolJet 是一个开源的现代低代码平台,可以帮助开发者快速构建内部工具。它提供了可视化应用构建器,支持连接各种数据源(如PostgreSQL、MongoDB、Elasticsearch等),并允许通过JavaScript进行自定义逻辑扩展。与传统的低代码平台不同,ToolJet完全开源,可以自主部署,特别适合企业构建定制化的内部管理系统。

为什么选择ToolJet?

完全开源:ToolJet采用Apache License 2.0,可以自由使用和修改多数据源支持:支持连接数据库、API、云服务等多种数据源可视化构建:拖拽式界面设计,无需前端经验可扩展性:支持自定义JavaScript代码和插件自主部署:可以在自己的服务器上部署,保障数据安全

在Ciuic云服务器上部署ToolJet

我们将使用CIUIC云服务器来演示ToolJet的部署过程。Ciuic提供高性能的云服务器,非常适合部署这类开发工具。

ToolJet 开源低代码平台零基础搭建实战指南

准备工作

Ciuic云平台注册账号并购买一台云服务器(推荐配置:2核4G)确保服务器已安装Docker和Docker Compose开放服务器的80和443端口

部署步骤

1. 通过Docker Compose快速部署

ToolJet官方提供了Docker Compose文件,可以一键部署所有依赖服务。

mkdir tooljet && cd tooljetwget https://raw.githubusercontent.com/ToolJet/ToolJet/main/deploy/docker-compose.ymldocker-compose up -d

这个命令会启动以下服务:

ToolJet主应用PostgreSQL数据库Redis缓存

2. 配置环境变量

创建.env文件配置必要的环境变量:

TOOLJET_HOST=https://your-domain.comSECRET_KEY_BASE=your-secret-keyLOCKBOX_MASTER_KEY=your-lockbox-key

3. 配置Nginx反向代理(可选)

如果需要通过域名访问,可以配置Nginx作为反向代理:

server {    listen 80;    server_name your-domain.com;    location / {        proxy_pass http://localhost:3000;        proxy_set_header Host $host;        proxy_set_header X-Real-IP $remote_addr;    }}

4. 访问ToolJet

部署完成后,访问服务器的IP或配置的域名,你将看到ToolJet的登录界面。首次使用需要创建管理员账号。

ToolJet基本使用教程

1. 创建第一个应用

登录后,点击"新建应用"按钮,选择空白模板。ToolJet提供了多种组件,包括表格、表单、图表等,可以通过拖拽方式添加到画布上。

2. 连接数据源

在左侧菜单选择"数据源",点击"添加数据源"。ToolJet支持多种数据源类型:

数据库:PostgreSQL、MySQL、MongoDB等API:REST、GraphQL云服务:AWS S3、Firebase等SaaS工具:Slack、Google Sheets等

3. 构建查询

连接数据源后,可以创建查询来获取或修改数据。例如,连接PostgreSQL后,可以编写SQL查询:

SELECT * FROM users WHERE status = 'active'

4. 绑定数据到组件

查询创建后,可以将结果绑定到UI组件。例如,将查询结果绑定到表格组件:

选择表格组件在属性面板的"数据"字段中输入{{queries.postgresQuery1.data}}

5. 添加交互

ToolJet支持多种交互方式。例如,可以添加一个按钮,点击时执行特定查询:

添加按钮组件在"点击事件"中选择"运行查询"选择要执行的查询

高级功能

1. 自定义JavaScript

ToolJet允许在多个地方插入自定义JavaScript代码,例如:

组件事件处理查询转换器应用级脚本
// 示例:转换查询结果return queries.postgresQuery1.data.map(item => {  return {    ...item,    fullName: `${item.first_name} ${item.last_name}`  }})

2. 多页面应用

ToolJet支持创建多页面应用。在应用编辑器顶部,点击"+"按钮添加新页面,并通过导航菜单组件实现页面切换。

3. 用户权限管理

在团队版中,ToolJet提供了细粒度的权限控制:

应用访问权限数据源访问权限操作权限

性能优化建议

查询优化:限制返回的数据量,使用分页缓存策略:合理设置查询缓存时间组件懒加载:对于复杂应用,使用多页面而非单一庞大页面服务器配置:根据用户规模适当调整服务器资源

总结

ToolJet作为一个开源低代码平台,为开发者提供了快速构建内部工具的能力。通过在CIUIC云服务器上部署,你可以完全掌控自己的开发环境和数据安全。从简单的数据展示面板到复杂的企业级应用,ToolJet都能胜任。其开源特性也意味着你可以根据需要进行二次开发,打造完全符合业务需求的定制化平台。

随着低代码技术的普及,掌握ToolJet这样的工具将大大提升开发效率,特别是在原型设计和内部工具开发场景。现在就前往CIUIC云平台部署你的ToolJet实例,开启低代码开发之旅吧!

打赏
收藏
点赞

本文链接:https://www.ciuic.com/som/25636.html

版权声明:本文来自网站作者,不代表CIUIC的观点和立场,本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。客服邮箱:ciuic@ciuic.com

联系客服
网站客服 业务合作 Q交流群
217503193
公众号
公众号
公众号
返回顶部

微信号复制成功

打开微信,点击右上角"+"号,添加朋友,粘贴微信号,搜索即可!