news 2026/9/1 21:29:13

拖拽搭建 + 80个数据源:ToolJet 半天做出可上线的内部工具

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
拖拽搭建 + 80个数据源:ToolJet 半天做出可上线的内部工具

拖拽搭建 + 80个数据源:ToolJet 半天做出可上线的内部工具

【免费下载链接】ToolJetToolJet is the open-source foundation of ToolJet AI - the enterprise app generation platform for building internal tools, dashboard, business applications, workflows and AI agents 🚀项目地址: https://gitcode.com/GitHub_Trending/to/ToolJet

你手里有一张 PostgreSQL 表、几个 REST 接口,产品却总在催:"能不能给运营一个查库存、改订单的小页面?"每次都要现写前端、后端、登录鉴权,一个需求排掉两天。ToolJet 就是为这种"有数据、没界面"的处境准备的——它把内部工具变成拖拽组件、连数据源、绑个变量就能上线的事,让你从写代码的人变成搭积木的人。

把"有数据没界面"的痛点先说清楚

这一节帮你确认:你卡住的不是技术,而是"每来一个需求就要重做一遍前端"。以前你接到一个内部小需求,得搭 React 工程、写接口层、配权限,半天写代码、一天调样式;现在它能让你的交付方式从"先建工程"变成"先在画布上拖组件"。数据库、REST API、云存储这些 80 多种数据源,都在右侧面板里点开就能连,连上后查询结果直接绑到表格、图表上,不用手写取数逻辑。

用表格速览 ToolJet 能力

这一节帮你在动手前看清它能替你干掉哪几块活,只保留一张表。

能力它帮你解决什么
60+ 拖拽组件(表格、图表、表单、列表等)把"画界面"从写 JSX 变成从右侧面板拖,样式不崩
80+ 数据源连接把"接数据库/API"从配驱动、写请求变成填几个字段
查询 + 变量绑定把"数据进界面"从手动传参变成{{queries.xxx.data}}一行
内置 ToolJet Database把"先申请个库"变成无代码直接建表存数据
多页应用 + 多人协作把"一人改一个应用"变成团队评论、@、分工共建
应用内跑 JS / Python把"加个逻辑要重启后端"变成在查询里写脚本

一条命令完成安装并接好数据库

这一节带你从 0 到"浏览器能打开",按先后顺序走,每步都不长。

  1. 先装好 Docker 与 Docker Compose,没有它们后面都跑不起来。
  2. 本地体验跑这一条命令,它会把服务器、数据库一起拉起来:
docker run --name tooljet -p 80:80 --platform linux/amd64 -v tooljet_data:/var/lib/postgresql/13/main tooljet/try:ee-lts-latest
  1. 浏览器打开本机 80 端口,注册第一个账号。这里有个后果要记住:端口不改的话 80 被占用就起不来,换-p 8080:8080-e PORT=8080即可;数据卷不挂载的话,容器一删你的应用全丢,所以-v tooljet_data:...那行别省。
  2. 生产部署别用本地镜像,改看 Docker 部署说明,用 内置数据库编排文件 起带 Postgres 的整套服务,并配好.env里的TOOLJET_HOST

把数据源到画布的路径走通

这一节帮你把"空画布"变成"有数据的第一个应用",跟着官方 快速上手指南 的节奏。

先建应用,然后你会看到这样的工作台:左侧是功能栏,中间是拖拽画布,右侧是组件库,底部是查询面板。

  1. 点底部Add,选一个数据源(内置 ToolJet DB、REST API、JavaScript、Python 等),建一个查询并点Run。不先跑通查询就绑组件,界面上只会拿到空数据,还以为功能坏了。
  2. 把右侧Table拖到画布,在属性面板的 Data 里填{{queries.getEmployees.data}},表格立刻被查询结果填满。

  1. 给按钮绑个事件触发"新增/刷新"查询,再点顶部Promote出预览链接分享给同事。组件、数据源、事件三块的具体行为,可回 组件文档 和 数据源文档 对号入座,需要新连接器时看 插件目录。

常见卡点与对策

这一节帮你把"打不开/连不上/没数据"这三类最常见的卡死点,直接对着表找答案。

现象原因解法
浏览器打不开页面80 端口被占用或没映射-p 8080:8080 -e PORT=8080再跑
容器重启后应用消失没挂载数据卷保留-v tooljet_data:...,数据落在卷里
表格一直空数据查询没 Run,或绑定写错先点Run,再核对{{queries.xxx.data}}拼写
连数据库报认证错数据源里账号/密码、SSL 没配全打开数据源配置逐项补齐,再测试连接
界面改动不生效看的是已发布版而非编辑态顶部切到 Development,改完再 Promote

上线前过一遍自查清单

这一节帮你在把链接发出去之前,3 分钟内确认没埋雷:

  • 数据卷已挂载,且知道怎么备份(生产环境用内置 Postgres 的备份脚本)
  • 生产用 Docker Compose 起整套服务,.envTOOLJET_HOST已设成可访问的地址
  • 数据源里的密码、密钥都填在配置里,而不是写死在查询脚本中
  • 关键查询都先 Run 过一次,表格/图表确实拿到数据
  • 权限分组已建,非管理员只给到该看的页面和按钮

提示:生产实例对外暴露前,建议配好 SSO 与分组权限,并只开放必要端口。

【免费下载链接】ToolJetToolJet is the open-source foundation of ToolJet AI - the enterprise app generation platform for building internal tools, dashboard, business applications, workflows and AI agents 🚀项目地址: https://gitcode.com/GitHub_Trending/to/ToolJet

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/1 21:23:03

西门子S7-300挤出机PLC程序拆解:从读包到仿真调试的完整指南

简介:本资源是面向自动化、电气工程及智能制造相关专业学生与工程师的西门子S7-300 PLC实战项目源码,聚焦挤出机控制系统开发,涵盖逻辑控制、工艺联锁、设备启停与状态监控等典型工业场景,适用于课程设计、毕业设计及PLC入门到进阶…

作者头像 李华
网站建设 2026/9/1 21:21:15

安全数据分析实战:从告警降噪到特征工程与可视化落地

“奇安信2020数据分析及应用(二)”这个标题,初看像是某个公司内部的季度汇报,但细品之后你会发现,它其实是安全行业从“堆设备、看告警”走向“用数据做研判、用模型找异常”这段转型期的真实切片。2020年正好是远程办…

作者头像 李华
网站建设 2026/9/1 21:17:04

爱奇艺数据岗面试复盘:SQL、Python与业务分析实战解析

当时一面和二面之间隔了一周,复习时间还算充裕,但爱奇艺的面试风格比我想象中更偏业务落地。我整理了2024年爱奇艺数据岗位的面试题复盘,把每一类问题背后真正想考察的点、我当时的回答思路、以及事后复盘觉得可以答得更好的地方,…

作者头像 李华
网站建设 2026/9/1 21:16:55

5-5 Mybatis的Resources和Spring中的Resource有什么关联吗

背景 小白:我们在单独使用Mybatis时,加载配置文件时使用的是Resources类,但Spring集成Mybatis时并没有使用Mybatis的Resources类来加载配置,而是利用Spring封装的Resource解析器来读取Mybatis的配置,这是为什么呢&…

作者头像 李华
网站建设 2026/9/1 21:15:52

安卓手机解压夸克网盘分卷压缩包全攻略:从原理到实践

在安卓手机上处理从夸克网盘下载的分卷压缩包,是很多朋友都会遇到的场景。无论是分享的学习资料、游戏资源,还是大型软件安装包,为了适应网盘传输,它们常常被分割成多个 .part1.rar 、 .z01 这样的小文件。面对一堆零散的文件…

作者头像 李华
网站建设 2026/9/1 21:15:06

奇安信2020开发岗笔试考点拆解:从C/C++到安全基础

先说明一个事情:奇安信2020年的软件开发工程师岗位笔试,和市面上大多数互联网公司的笔试风格不太一样。它不是单纯刷LeetCode就能过的,里面掺杂了大量安全基础、系统底层、网络协议的题目,很多科班出身、算法题刷得很顺的同学&…

作者头像 李华