ILLA home page
  1. Neon

Illa还是一个数据库集成,使您能够连接并与Neon数据库交互。 Neon是一个受欢迎的开放源码关系数据库管理系统,它以其速度、可靠性和易用性而著称。

随着Illa中的Neon集成,您可以通过 SQL 命令查询、插入、更新和删除Neton 数据库中的数据。 您也可以创建自定义 SQL 查询并在Illa中运行它们。 这就很容易建立显示来自Neon数据库的实时数据的数据驱动应用程序和仪表板。

本教程概述了使用ILLA Builder和Neon在几个简单步骤创建管理员面板的过程。 国际地方当局协会是一个低码的开发者平台,能够快速开发和部署内部工具。 它允许通过拖放UI组件创建页面,并连接到任何数据库或API,以及写入 JavaScript。 要了解更多关于 Neon 的信息,请访问他们在 https://neon.tech/ 让我们开始吧!

在Neon设置你的后端

在Neon仪表板上,点击“新工程”并将名称设置为“adminPanel”。

neon_create_project

然后我们可以导航到项目页面。

neon_create_project_1

通过 SQL 查询导入数据。

neon_create_sql

我们现在已经建立了样本数据库。

neon_sample_data

创建新的

在登录到您的 Illa 帐户后,有两种方式在Illa 中创建资源。

  • 在资源中创建

登录到您的 Illa 帐户,在页面顶部选择 **Resources** 并点击 **Create New** 按钮。

external_resource

从数据库列表中选择 Neon

action_list

使用下面Connectings描述的必填参数连接到数据库。

点击 ”测试连接” 查看我们是否可以成功地连接到数据库。 如果是,请点击 `保存资源 *,请重新检查主机名、端口、用户名和密码是否正确。

在创建资源后,随时准备好的Neon将显示。

neon_ex_ready

  • 在构建器中创建

登录您的 Illa 帐户,在**App** 页面中创建一个项目 并导航到页面底部的 Action List 。 点击**新**,然后从数据库列表中选择 Neon 。 然后,用下面Connection settings描述的参数连接到数据库。

点击 ”测试连接” 查看我们是否可以成功地连接到数据库。 如果是,请点击 `保存资源 *,请重新检查主机名、端口、用户名和密码是否正确。

连接设置

这里我们需要提供连接到Neon数据库的信息。

neon_config

属性必填描述
名称必填在 ILLA 中创建动作时的资源名称。
连接字符串可选的用于指定与外部数据源连接的详细配置,如数据库或 API。
Hostname必填您数据库的 URL 或 IP 地址
端口必填您应该使用服务器主机的端口号进行连接。 如果您没有指定端口,默认端口为“5432”。
数据库必填数据库名称
用户名必填登录到Neon服务器时您想使用的用户名。
密码必填使用此密码进行身份验证。

配置Neon有两种方法来填写信息。

  • 正在解析给定的连接字符串

在 Neon 项目页面滚动完成,我们在 直接连接 中有一个指定的连接字符串。

neon_connection

注意:抓取模糊显示隐藏的数字,然后我们可以复制它。

在将字符串粘贴到配置中的连接字符串文本区域后,点击 解析

neon_parsing

我们已经自动填写了所有信息。

neon_parse_done

  • 手动填写信息。

我们也可以从项目页面找到所需的信息,并手动填写到Illa的配置。

创建动作

我们已经创建了一个Neon资源,我们可以从操作列表中选择Neon并选择 Create action 按钮来添加操作。

neon_resource_list

现在我们已经将Neon服务器添加到我们的建筑页面作为一个动作。

neon

配置Neon

属性描述
SQL 查询要获取的 sql 命令 (选择), 插入, 更新, 删除数据库中的数据
转换器将数据转换为你喜欢使用 JavaScript 的样式

示例用法:

  • 选择
选择* 从用户排序按姓排列;
  • Insert
INSERT INTO users

	(firstname, lastname, email)

VALUES

	(

		{{ NewUser.data.firstNameInput }},

		{{ NewUser.data.lastNameInput }},

		{{ NewUser.data.emailInput }}

	);
  • 更新
UPDATE users
  SET firstname = '{{form1.updatedProfile.first }}'
  WHERE id = {{ form1.updatedProfile.uid }};
  • 删除
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};