Database 适用场景

当您使用 NoCode 开发了前端界面，但需要数据存储实现完整功能时，可通过连接 Database 平台，实现数据存储，打造真正的零代码应用。
例如：
1.多人在线修改数据实现页面呈现最新数据，如积分榜单数据变动；
2.添加相关内容后实现信息存储及下载，如调研问卷信息存储等

什么是 Database？

  • Database 是一个帮助开发者快速构建现代应用程序的后端基础设施。

  • 它提供了一系列开箱即用的功能，包括实时数据库、身份验证服务和文件存储。

  • 它建立在 PostgreSQL 之上，提供强大的 SQL 查询功能并与现有工具和框架无缝集成。

  • Database 还具有直观的 Web 界面，可轻松管理用户和数据。

通俗点说：提供了一个简化版的“后端”，让使用 NoCode 生成的前端页面所收集的信息可以保存在一个库里，实时调取，非技术同学也可轻松上手，无需专业技能。

准备流程

1. 申请账号

  • 无需自行注册！通过以下方式申请获取资源。

  • 申请入口：

    • 如果您需要申请 Database 资源，点击对话中的 Database 按钮，根据弹窗内的信息进行填写后提交即可；
    • 处理时效：团队将在 1 个工作日完成审核及资源的发放。

    申请入口

  • 申请步骤：

    • 进入申请页面；
    • 提交申请并说明原因；
    • 等待分发资源（短信+邮件回复）。

为合理分配资源，未使用的 Database 资源将定期回收，请申请后及时使用；如资源回收后需再次使用，可重新提交申请，感谢理解！

使用流程

1. 在 NoCode 中连接 Database 项目

申请资源的同时可搭建 NoCode 页面；

Database自动连接

资源通过后按以下步骤连接：

  1. 进入 Database 页面 ： 在需要使用 Database 功能的 NoCode 页面中，点击 Database 按钮；

  2. 选择项目连接： 在弹窗内，查看已分配的 Database 项目，并点击下方的接入按钮；

Database自动连接

  1. 完成连接： NoCode 将在对话区域生成连接的步骤及建议，按提示操作即可。

连接完成

2. Database 中创建数据表

  • 方式1：手动创建

    • 点击项目左侧的 Table Editor，可进入数据表页面；
    • 点击创建新表后，在创建页中填写表的名称、描述等信息，同时可直接可视化的新增列，并设置不同字段的类型（⚠️表名与表字段要使用英文）；
    • 信息填写完整后，点击保存即可创建成功。
  • 方式2：通过 SQL 自动创建表 不会写 SQL？可使用NoCode生成创建表 SQL，复制粘贴即可。

Prompt （可直接复制使用）

帮我生成存储表单信息的创建表的 SQL；

连接完成

  • 点击项目左侧的 SQL Editor，复制建表 SQL 并粘贴；
  • 点击右下角的 Run 按钮后，可直接执行 SQL 语句，按规则创建数据表。

连接完成

3. NoCode 中同步存储 / 读取逻辑

连接成功后，可通过 Chat 告知 NoCode 具体的数据存储/读取逻辑。

Prompt（可直接复制）

存储指令： 我的存储表 SQL 已经创建完成，请帮我把后端数据库和 UI 集成起来，并在提交时存储数据。
读取指令： 我的数据已经存储，将后端数据库数据展示到界面中。

验证： 根据 NoCode 的返回内容查看是否实现逻辑，同时可以在界面交互后，跳转到 Database 的数据表中查看数据是否按要求存储。

可再次点击 NoCode 作品中的 Database 按钮，点击项目后方的访问按钮快速跳转至 Database 项目。

连接完成

Database 额度说明

  • CPU 资源：采用共享模式，可按需使用 CPU 资源。
  • 内存额度：最大可使用内存为 0.5 GB，即系统分配给相关应用或服务可占用的内存上限为 0.5 GB ，超过限制可能被系统强制终止。
  • 数据库存储额度：数据库可使用的存储容量为 512M ，用于存储数据库相关的数据、表结构等信息 。如果数据增长快，需要定期清理历史数据。

TIP

如上述额度无法满足您的诉求，请联系客服反馈您的详细诉求，支持人员会在1个工作日内联系回复。
点击联系客服

附录——可实操案例

案例操作流程——仅需五步

第一步输入（可直接复制）：帮我生成一个精美的、背景颜色清新的、 NoCode 作品征集活动报名页面；

第二步：点击右上角 Database 按钮，点击项目后方的连接按钮；

第三步输入（可直接复制）：帮我生成存储表单信息的创建表的 SQL；

第四步（这一步要到 Database 中操作呦！）：生成 SQL 后，到 Database 中粘贴 SQL，完成表的创建；参考使用流程第二步；

第五步输入（可直接复制）：我的 SQL 已经创建完成，请帮我把后端数据库和 UI 集成起来，并在提交时存储数据。

实现效果可查看 https://database-case.nocode.host

连接完成

第四步中，使用的 SQL

  1. -- 创建作品提交表
  2. CREATE TABLE submissions (
  3.     id BIGINT GENERATED BY DEFAULT AS IDENTITY PRIMARY KEY,
  4.     title VARCHAR(255) NOT NULL,
  5.     author VARCHAR(100) NOT NULL,
  6.     description TEXT,
  7.     created_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP,
  8.     updated_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP,
  9.     status VARCHAR(20) DEFAULT 'pending' CHECK (status IN ('pending', 'approved', 'rejected')),
  10.     likes_count INTEGER DEFAULT 0,
  11.     views_count INTEGER DEFAULT 0
  12. );
  14. -- 创建索引
  15. CREATE INDEX idx_submissions_created_at ON submissions(created_at);
  16. CREATE INDEX idx_submissions_status ON submissions(status);
  18. -- 创建触发器更新更新时间
  19. CREATE OR REPLACE FUNCTION update_updated_at_column()
  20. RETURNS TRIGGER AS $$
  21. BEGIN
  22.     NEW.updated_at = CURRENT_TIMESTAMP;
  23.     RETURN NEW;
  24. END;
  25. $$ language 'plpgsql';
  27. CREATE TRIGGER update_submissions_updated_at
  28.     BEFORE UPDATE ON submissions
  29.     FOR EACH ROW
  30.     EXECUTE FUNCTION update_updated_at_column();
  32. -- 添加评论表
  33. CREATE TABLE submission_comments (
  34.     id BIGINT GENERATED BY DEFAULT AS IDENTITY PRIMARY KEY,
  35.     submission_id BIGINT REFERENCES submissions(id) ON DELETE CASCADE,
  36.     author VARCHAR(100) NOT NULL,
  37.     content TEXT NOT NULL,
  38.     created_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP
  39. );
  41. CREATE INDEX idx_submission_comments_submission_id ON submission_comments(submission_id);