FormCreate設(shè)計(jì)器 AI 表單助理是一個(gè)可以幫助您快速生成和修改表單的強(qiáng)大工具，通過(guò)利用DeepSeek人工智能技術(shù)，使得表單設(shè)計(jì)更加高效和便捷。本文詳細(xì)介紹如何在設(shè)計(jì)器中啟用以及配置 AI 表單助理以提升您的工作效率。

源碼地址: Github | Gitee | 文檔 | 官網(wǎng) | 在線演示

啟用 AI 表單助理

在開(kāi)始使用 AI 表單助理之前，您需要配置相應(yīng)的 API token。以下是如何在您的 Vue 項(xiàng)目中進(jìn)行配置的步驟：

在線演示

配置 AI Token

通過(guò)設(shè)置 config.ai.token，您就能啟用 AI 表單助理功能。

<template>
    <fc-designer ref="designer" :config="config" />
</template>

<script setup>
const config = {
    ai: {
        token: 'Bearer fc-d8ed***************ffab0'  // 請(qǐng)使用您從官網(wǎng)獲取的有效 token
    }
}
</script>

提示: 您可以通過(guò)訪問(wèn)官網(wǎng)申請(qǐng) API token來(lái)獲取。

使用實(shí)例

AI 表單助理可以根據(jù)不同需求自動(dòng)生成和修改表單。以下是一些典型使用場(chǎng)景的示例，幫助您快速掌握這些功能：

1. 生成一個(gè)就診滿意度問(wèn)卷表單
2. 創(chuàng)建一個(gè)建議收集表單，包含聯(lián)系人、聯(lián)系郵箱、分類和建議內(nèi)容
3. 追加一個(gè)用戶信息表單
4. 添加一個(gè)標(biāo)簽組件，顯示文本為 "Tag"
5. 刪除商品簡(jiǎn)介字段
6. 當(dāng)單選框選擇 "選項(xiàng)1" 時(shí)，顯示輸入框組件
7. 設(shè)置輸入框?yàn)楸靥睿⑾拗崎L(zhǎng)度必須大于13
8. 商品價(jià)格字段使用數(shù)字輸入框組件
9. 給輸入類組件補(bǔ)充占位提示文本（placeholder）

利用 AI 表單助理，您不但可以大幅減少手動(dòng)編碼的時(shí)間，還能靈活調(diào)整表單以適應(yīng)各種業(yè)務(wù)需求，從而在復(fù)雜項(xiàng)目中更高效地創(chuàng)建和管理表單。

自定義請(qǐng)求接口

AI 表單助理允許您通過(guò)配置 config.ai.api 來(lái)自定義請(qǐng)求接口。如果您的系統(tǒng)中已經(jīng)集成了官方接口，您可以使用該配置項(xiàng)來(lái)替換默認(rèn)的 AI 接口。

<template>
    <fc-designer ref="designer" :config="config" />
</template>

<script setup>
const config = {
    ai: {
        api: 'https://api.form-create.com/ai/v1/chat/form'  // 自定義您的接口地址
    }
}
</script>

自定義 AI 接口為企業(yè)和個(gè)人開(kāi)發(fā)者提供了更大的靈活性，特別是當(dāng)需要將 AI 表單設(shè)計(jì)功能集成到現(xiàn)有系統(tǒng)或滿足特定業(yè)務(wù)需求時(shí)。

注意: 接口的響應(yīng)格式請(qǐng)參考官方接口文檔。

通過(guò)上述配置，您可以靈活地啟動(dòng)和利用 AI 表單助理功能以滿足您的開(kāi)發(fā)需求。