Convert markdown image syntax to HTML img tags with JSX format

Co-authored-by: chenliang15405 <40684202+chenliang15405@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-02-11 09:21:23 +00:00
parent dab50009fc
commit 9f8da4683d
2 changed files with 96 additions and 32 deletions

View File

@@ -208,7 +208,9 @@ uv run dbgpt start webserver --config configs/dbgpt-local-glm.toml
打开浏览器并访问:`http://localhost:5670`
![](/img/data_analysis/app.png)
<p align="left">
<img src={'/img/data_analysis/app.png'} width="720px" />
</p>
### 4.1 知识库接入
@@ -216,59 +218,81 @@ uv run dbgpt start webserver --config configs/dbgpt-local-glm.toml
点击“应用管理”,选择“知识库”
![](/img/data_analysis/5_1_1.png)
<p align="left">
<img src={'/img/data_analysis/5_1_1.png'} width="720px" />
</p>
2. 创建知识库
![](/img/data_analysis/5_1_2.png)
<p align="left">
<img src={'/img/data_analysis/5_1_2.png'} width="720px" />
</p>
3. 知识库配置
填写相关配置信息。
![](/img/data_analysis/5_1_3.png)
<p align="left">
<img src={'/img/data_analysis/5_1_3.png'} width="720px" />
</p>
4. 知识库类型
此处选择文档。
![](/img/data_analysis/5_1_4.png)
<p align="left">
<img src={'/img/data_analysis/5_1_4.png'} width="720px" />
</p>
5. 上传
此处上传提前准备好的`指标.txt`文档。
![](/img/data_analysis/5_1_5.png)
<p align="left">
<img src={'/img/data_analysis/5_1_5.png'} width="720px" />
</p>
6. 分片
分片策略选择"separator",分隔符设置为"###"。
![](/img/data_analysis/5_1_6.png)
<p align="left">
<img src={'/img/data_analysis/5_1_6.png'} width="720px" />
</p>
7. 成功创建知识库
![](/img/data_analysis/5_1_7.png)
<p align="left">
<img src={'/img/data_analysis/5_1_7.png'} width="720px" />
</p>
### 4.2 创建数据库
1. 选择数据库
![](/img/data_analysis/5_2_1.png)
<p align="left">
<img src={'/img/data_analysis/5_2_1.png'} width="720px" />
</p>
2. 添加数据源
![](/img/data_analysis/5_2_2.png)
<p align="left">
<img src={'/img/data_analysis/5_2_2.png'} width="720px" />
</p>
3. 配置数据源
配置准备好的数据库连接信息。
![](/img/data_analysis/5_2_3.png)
<p align="left">
<img src={'/img/data_analysis/5_2_3.png'} width="720px" />
</p>
4. 添加成功
![](/img/data_analysis/5_2_4.png)
<p align="left">
<img src={'/img/data_analysis/5_2_4.png'} width="720px" />
</p>
@@ -278,49 +302,65 @@ uv run dbgpt start webserver --config configs/dbgpt-local-glm.toml
点击“创建应用”
![](/img/data_analysis/5_3_1.png)
<p align="left">
<img src={'/img/data_analysis/5_3_1.png'} width="720px" />
</p>
2. 基础配置
选择“多智能体自动规划模式”,并输入应用名称和对应描述。
![](/img/data_analysis/5_3_2.png)
<p align="left">
<img src={'/img/data_analysis/5_3_2.png'} width="720px" />
</p>
3. 加入`MetricInfoRetriever`
选取`MetricInfoRetriever`,并配置知识库资源。
![](/img/data_analysis/5_3_3.png)
<p align="left">
<img src={'/img/data_analysis/5_3_3.png'} width="720px" />
</p>
4. 加入`DataScientist`
选取`DataScientist`,并配置数据库资源。
![](/img/data_analysis/5_3_4.png)
<p align="left">
<img src={'/img/data_analysis/5_3_4.png'} width="720px" />
</p>
5. 加入`AnomalyDetector`
选取`AnomalyDetector`。
![](/img/data_analysis/5_3_5.png)
<p align="left">
<img src={'/img/data_analysis/5_3_5.png'} width="720px" />
</p>
6. 加入`VolatilityAnalyzer`
选取`VolatilityAnalyzer`,并配置数据库资源。
![](/img/data_analysis/5_3_6.png)
<p align="left">
<img src={'/img/data_analysis/5_3_6.png'} width="720px" />
</p>
7. 加入`ReportGenerator`
选取`ReportGenerator`。
![](/img/data_analysis/5_3_7.png)
<p align="left">
<img src={'/img/data_analysis/5_3_7.png'} width="720px" />
</p>
8. 保存
点击“保存”。
![](/img/data_analysis/5_3_8.png)
<p align="left">
<img src={'/img/data_analysis/5_3_8.png'} width="720px" />
</p>
### 4.4 使用
@@ -328,20 +368,28 @@ uv run dbgpt start webserver --config configs/dbgpt-local-glm.toml
点击“开始对话”。
![](/img/data_analysis/5_4_1.png)
<p align="left">
<img src={'/img/data_analysis/5_4_1.png'} width="720px" />
</p>
2. 提问
在输入框中输入问题如“请帮我分析订单数量2012年 年环比增长情况”,点击发送。
![](/img/data_analysis/5_4_2.png)
<p align="left">
<img src={'/img/data_analysis/5_4_2.png'} width="720px" />
</p>
3. 回答
![](/img/data_analysis/5_4_3.png)
<p align="left">
<img src={'/img/data_analysis/5_4_3.png'} width="720px" />
</p>
4. 报告生成
最终生成分析报告。
![](/img/data_analysis/5_4_4.png)
<p align="left">
<img src={'/img/data_analysis/5_4_4.png'} width="720px" />
</p>

View File

@@ -53,11 +53,15 @@ Data_Manus多智能体应用具备对表格文件进行多表格协同分析的
**1.点击”应用管理“,选择上方菜单栏中的”数据库“**
![](/img/data_manus/1.png)
<p align="left">
<img src={'/img/data_manus/1.png'} width="720px" />
</p>
**2.点击右侧”添加数据源“,在弹出的表单中配置自己的数据源信息**
![](/img/data_manus/2.png)
<p align="left">
<img src={'/img/data_manus/2.png'} width="720px" />
</p>
@@ -65,27 +69,39 @@ Data_Manus多智能体应用具备对表格文件进行多表格协同分析的
**1.进入”应用管理“页面,点击”创建应用“**
![](/img/data_manus/3.png)
<p align="left">
<img src={'/img/data_manus/3.png'} width="720px" />
</p>
**2.在弹出来的菜单栏中,选择”多智能体自动规划模式“,并配置”应用名称“、”描述“**
![](/img/data_manus/4.png)
<p align="left">
<img src={'/img/data_manus/4.png'} width="720px" />
</p>
**3.进入智能体应用构建页面后选择我们data_manus必要的三个Agent”SearchNeedEvaluator“、”DataScientist“、”ExcelScientist“**
![](/img/data_manus/5.png)
<p align="left">
<img src={'/img/data_manus/5.png'} width="720px" />
</p>
**4.其中”DataScientist“和”ExcelScientist“这两个智能体必须要绑定数据库资源在下方选择已添加的数据源配置完毕后点击右上角”更新“完成应用创建**
![](/img/data_manus/6.png)
<p align="left">
<img src={'/img/data_manus/6.png'} width="720px" />
</p>
**5.回到”应用管理“页面,点击自己刚刚创建的多智能体应用的”开始对话“按钮进行对话了**
![](/img/data_manus/7.png)
<p align="left">
<img src={'/img/data_manus/7.png'} width="720px" />
</p>
**6.在输入框中输入问题,点击发送即可开始对话了**
![](/img/data_manus/8.png)
<p align="left">
<img src={'/img/data_manus/8.png'} width="720px" />
</p>