应用构建器

Teable 应用构建器 (App Builder) 允许您在不编写代码的情况下，将数据库转化为功能齐全、定制化的 Web 应用程序。结合数据结构的力量和 AI 驱动的设计，您可以在几分钟内发布内部工具、客户门户和数据仪表板。

​

概览

App Builder 遵循 “Prompt to App”（提示词即应用）的工作流。您描述想要的内容，AI 为您构建应用结构、页面和逻辑。然后，您可以使用可视化编辑器或代码微调每一个细节。

App Builder 与 AI Chat 的区别：App Builder 用于创建自定义界面和独立应用。如果在数据库内部进行交互式数据分析和临时提问，请使用 AI Chat。

​

创建应用

主要有两种创建应用的方式：

1. 从 Base 创建：在任何 Base 中，点击 “Create App” 生成一个链接到当前数据的应用。
2. 从对话创建：打开 AI Chat 并说 “为这个客户表创建一个 CRM 应用”。

​

应用编辑器界面

App Builder 为非技术用户和开发者提供了双重界面。

​

1. 对话界面 (AI 驱动)

这是您的应用控制中心。

• 自然语言编辑：描述您想做的更改，如 “把标题改成蓝色” 或 “添加一个新记录提交表单”。
• 智能路由：AI 能够理解您指的是哪个组件或页面，并直接对其进行修改。

​

2. 实时预览面板

• 多设备模拟：使用顶部的切换器在 桌面、平板 和 移动 视图之间切换。
• 即时反馈：您的修改会立即渲染并显示。

​

3. 开发者模式 (代码编辑器)

为了实现无限的定制能力，我们提供了直接访问代码的权限。

• Monaco Editor：浏览器中类似 VS Code 的编码体验。
• React 组件：直接编辑底层 React 代码、Tailwind CSS 类和逻辑。
• 文件树：完整浏览项目文件结构。

​

发布与管理

​

发布您的应用

当应用准备就绪时，点击右上角的 Publish (发布) 按钮（箭头图标）。

• 公开链接：Teable 会为您的应用生成一个安全的、可公开访问的 URL。
• 自定义域名 (即将推出)：支持绑定您自己的域名。

​

版本历史与回滚

Teable 自动跟踪每一次部署。

• 点击 History (历史) 按钮（时钟图标）查看所有已部署的版本列表。
• 一键回滚：如果新的更新出现问题，您可以即时将线上应用恢复到任何之前的稳定版本。

​

自动修复 (Auto-fix)

如果您的自定义代码导致构建错误，部署将会失败。

• Teable 在错误日志旁提供了一个 Auto-fix (自动修复) 按钮。
• 点击它，AI 将分析编译错误并自动修补代码以解决问题。

​

删除应用

要删除应用，请点击顶部的 设置 (齿轮图标) 按钮，然后选择 Delete (删除)。

​

最佳实践

• 由简入繁：先让 AI 构建基础结构，然后迭代特定功能。
• 检查移动端：频繁检查移动端预览，因为很多使用场景发生在手机上。
• 版本控制：如果您想尝试不同的设计，可以保存版本或重置编辑。