ToolJet：让小白也能5分钟搭出专业后台的低代码神器

## 什么是ToolJet？

简单来说，ToolJet 是一个开源低代码框架，用于构建和部署自定义内部工具。想象一下，你不用写代码，就像搭积木一样拖拖拽拽，就能做出一个功能完整的后台管理系统。

关键是它还支持连接各种数据库和API，比如：
- 数据库：PostgreSQL、MongoDB、MySQL等
- 云服务：AWS S3、Google Cloud等  
- 第三方工具：Google Sheets、Stripe、Slack等


https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.tooljet



## 如何使用

应用安装后，打开首页，点击set up

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/8a165b7f-c95b-42e8-88bd-b1543d8f48b6.png "image.png")

注册一个用户

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/e8f5437a-5d11-4761-a533-82da58c59003.png "image.png")

随便填一个公司名称

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/28faebc4-2d0e-42a9-81fe-87cd21d26c1e.png "image.png")

创建个工作区间

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/1a53da7b-a821-4bc0-8169-34a0284f13c2.png "image.png")

这一步引导付费，选No thanks

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/b092e7dc-b95a-4736-a00d-cf057fd0b530.png "image.png")

进入主页面

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/63ac2213-df89-47e3-a88f-c2069cb78f56.png "image.png")

下面我分享一个具体的使用案例，教你怎么快速搭建一个订单管理后台。

### 连接数据源

点击左侧菜单的"Data Sources"

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/90df18f5-884a-47c9-b317-b56a378340c4.png "image.png")
选择你的数据库类型（比如SQLServer）

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/a5509270-7b75-4526-a7c1-0995807f511d.png "image.png")
填入连接信息：主机、端口、用户名、密码

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/16366c25-4c61-4698-a7d5-28fed32f3cc1.png "image.png")
点击"Test Connection"确认连接成功

### 创建应用

1. 点击"Create an app"
2. 给应用起个名字，比如"订单管理系统"
3. 进入可视化编辑器

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/03ee5d51-118a-4bf1-8326-193a1441e861.png "image.png")

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/38e6631b-eaa9-4f15-b2f7-68a82bdd6e59.png "image.png")
### 设计界面

**添加表格组件：**
从右侧组件库拖一个"Table"到画布上

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/2c68ebbd-2f71-4dd9-91af-447e67ccb719.png "image.png")
在右侧属性面板配置表格列

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/fcd1f87a-1101-4048-bd0c-93923536be6e.png "image.png")
设置数据源为刚才创建的数据库查询

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/f69ab29f-3a6e-4974-83a6-67bb03b6fed6.png "image.png")

**添加搜索功能：**
1. 拖一个"Text Input"作为搜索框
2. 拖一个"Button"作为搜索按钮
3. 在按钮的事件中配置查询逻辑

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/def5d3ca-6a43-4a54-9e28-acec2ac6b0fc.png "image.png")
**添加操作按钮：**
1. 在表格中添加操作列
2. 放入"编辑"、"删除"按钮
3. 配置对应的弹窗和API调用

### 添加交互逻辑

这里用JavaScript来写一些简单的逻辑：
- 点击搜索按钮时执行搜索查询
- 点击编辑按钮时打开编辑弹窗
- 保存时调用更新API

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/cea90bf2-cad0-4277-bc10-95da224dc3bd.png "image.png")
### 发布应用

点击右上角的"Release"按钮，你的应用就可以正式使用了！

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/b6c5534b-b4c4-46db-9e41-7a2abaec826f.png "image.png")
 

官方版本是英文的，对国内用户不太友好。推荐使用汉化中文版，在GitHub上搜索"tooljet_cn"就能找到。
   
  

## 总结

ToolJet 特别适合需要快速搭建内部系统的场景。无需懂任何前端技术就能做出专业的管理后台，这对很多后端开发者或者非技术人员来说是福音。

如果你也有类似的需求，强烈建议试一试。