最近低代码、无代码平台概念很火，恰巧最近进入github看到一个项目，对比于国内的一些项目不算优秀，但操作体验有些意思，通过代码体验了一下，把体验过程记录下来。node和react应用不熟，操作略显笨拙，欢迎大家提供宝贵的意见。

代码代码地址：https://github.com/ToolJet/ToolJet

代码结构说明：

 server/目录： 项目后端

frontend/目录： 项目前端

docs/目录： 项目文档

原项目说明：

 

 ToolJet is an open-source no-code framework to build and deploy internal tools quickly without much effort from the engineering teams. You can connect to your data sources, such as databases (like PostgreSQL, MongoDB, Elasticsearch, etc), API endpoints (ToolJet supports importing OpenAPI spec & OAuth2 authorization), and external services (like Stripe, Slack, Google Sheets, Airtable) and use our pre-built UI widgets to build internal tools.

ToolJet 是一个开源的无代码框架，无需工程团队付出太多努力即可快速构建和部署内部工具。 您可以连接到您的数据源，例如数据库（如 PostgreSQL、MongoDB、Elasticsearch 等）、API 端点（ToolJet 支持导入 OpenAPI 规范和 OAuth2 授权）和外部服务（如 Stripe、Slack、Google Sheets、Airtable）和 使用我们预先构建的 UI 小部件来构建内部工具。

经过体验，项目说明基本属实，数据源管理可以说是优秀的。其次，项目的代码组织也具备学习价值。现在让我们看一下项目怎么运行起来。

一般这样的项目，个人经验都是先从后端项目开始，一般第一个步骤就是初始化数据库，通过阅读文档和代码梳理，发现项目是用的pgsql,所以你需要配置你的pgsql数据库。

启动后端项目

到server/

npm install

# 或

yarn

到根目录配置 .env 文件，项目根目录已经提供了 .env.example 文件。

cp .env.example .env

修改配置文件：

# DATABASE CONFIG
# 是否显示ORG日志
ORM_LOGGING=
#数据名称
PG_DB=<db name>
# 数据库登陆名
PG_USER=<db username>
# 数据库连接地址，不需要带端口号
PG_HOST=<db host>
# 数据库密码
PG_PASS=<db password>

初始化数据库

到server/目录下，打开package.json,分别执行 db:create,db:migrate,db:seed

 这样数据库就初始化好了。

数据库初始化完成后，后端项目就可以启动了。

 

后端项目就启动完成了。

启动前端项目

切换到 frontend/目录下，

# 1、安装项目依赖
npm install 

# 或者

yarn

# 2.安装babel-cli

npm install --save-dev @babel/core @babel/cli

启动前端项目

启动成功后，通过 localhost:8082/ 就可以访问了

初始化账号密码：

dev@tooljet.io

password

现在可以愉快的体验无代码平台 tooljet 了。

 

总结

tooljet 提供一种无代码的实现框架，但是和国内的一些应用比起来还是不太习惯，不是特别符合国内用户的使用习惯，期待项目新的版本迭代吧。