当前位置: 首页 > news >正文

拖拽搭建 + 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),仅供参考

http://www.cnnetsun.cn/news/4360088.html

相关文章:

  • 西门子S7-300挤出机PLC程序拆解:从读包到仿真调试的完整指南
  • 安全数据分析实战:从告警降噪到特征工程与可视化落地
  • 爱奇艺数据岗面试复盘:SQL、Python与业务分析实战解析
  • 5-5 Mybatis的Resources和Spring中的Resource有什么关联吗
  • 安卓手机解压夸克网盘分卷压缩包全攻略:从原理到实践
  • 奇安信2020开发岗笔试考点拆解:从C/C++到安全基础
  • 划子网不用手算了:IT-Tools 3 个网络工具上手记
  • Bonsai-demo快速上手:一条命令启动本地AI助手完全教程
  • 微信小程序打卡签到案例源码解析:从解压到真机预览全流程
  • 微信小程序打卡签到源码拆解:从核心逻辑到业务改造实战
  • 赛博朋克现实诊断:科技如何重塑我们的心理、社会与数字生存
  • RevokeMsgPatcher 防撤回补丁完全指南:3步安装,让 PC 微信 QQ 撤回的消息留得住
  • MediaPipe 手部检测迁移实录:从 Legacy Solutions 到 Tasks API
  • 基于协调过滤推荐算法的校园电子图书听书系统的设计与实现(源码+文档+部署讲解等)
  • 奇安信运维开发工程师笔试经验:从Linux基础到流程设计全拆解
  • 两条命令完成PDF翻译:PDFMathTranslate简单指南,公式与排版原样保留
  • EnvHarness与SPADE实战:开发环境标准化与代码安全扫描
  • RVC部署完整指南:从安装到出声的两条路径
  • AI辅助开发:用HTML5 Canvas构建坦克大战关卡编辑器
  • 乒乓球编排软件实战经验:从赛程生成到临场调度全解析
  • 狸窝全能视频转换器免安装版:轻量便携的格式转换利器
  • OpenClaw + Ollama 开发者分享文档
  • 动力滚筒线和无动力滚筒线有什么区别?怎么选更划算?实测选型指南
  • 萨博隐身超音速无人战斗机概念:系统架构与关键技术全解析
  • AI模型认知能力评估:六个原则帮你避开评测陷阱
  • 主动RIS辅助ISAC系统联合波束成形MATLAB仿真实现详解
  • Pandas数据清洗与整形实战:Airbnb房源数据完整处理指南
  • 奇安信服务端应用开发面试复盘:四方向底层逻辑与核心能力解析
  • AI原生开发推理成本控制:从部署到调优的实战指南
  • 告别百万域名库:用eBPF动态DPI让软路由流量识别更高效