跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.jsAI大前端

基于 MCP Server 将 Excel 表格转换为可视化 HTML 报告

MCP Server 协议结合 Cherry Studio 和 Trae 工具,通过配置 sequential-thinking、server-filesystem、excel-mcp-server 及 quickchart-server 四个服务,实现将 Excel 数据自动分析并生成包含可视化图表的 HTML 报告。流程涵盖环境准备、MCP 配置、提示词编写及模型调用验证,旨在提升数据分析与展示效率。

ServerBase发布于 2026/2/20更新于 2026/9/1060 浏览
基于 MCP Server 将 Excel 表格转换为可视化 HTML 报告

1.前言

MCP Server(模型上下文协议服务器)是一种基于模型上下文协议(Model Context Protocol,简称 MCP)构建的轻量级服务程序,旨在实现大型语言模型(LLM)与外部资源之间的高效、安全连接。MCP 协议由 Anthropic 公司于 2024 年 11 月开源,其核心目标是解决 AI 应用中数据分散、接口不统一等问题,为开发者提供标准化的接口,使 AI 模型能够灵活访问本地资源和远程服务。

MCP Server 的架构与工作原理

MCP Server 采用客户端 - 服务器(Client-Server)架构,其中客户端(MCP Client)负责与服务器建立连接,发起请求,而服务器端则处理请求并返回响应。这种架构确保了数据交互的高效性与安全性。例如,客户端可以向服务器发送请求,如'查询数据库中的某个记录'或'调用某个 API',而服务器则根据请求类型,调用相应的资源或工具,完成任务并返回结果。

MCP Server 支持动态发现和实时更新机制。当新的资源或工具被添加到服务器时,客户端可以自动感知并使用这些新功能,从而提高系统的灵活性和扩展性。

MCP Server 的主要功能
  1. 资源暴露与工具提供: MCP Server 可以将本地文件、数据库、API 等资源作为数据实体暴露给 AI 模型,同时提供工具功能,帮助 AI 完成复杂任务,如数据检索、内容生成、实时更新等。它支持对 MySQL、PostgreSQL 等数据库的查询和操作,也支持对本地文件系统的读写和目录管理。
  2. 会话管理与动态通知: MCP Server 能够管理客户端与服务器的连接,确保会话的时效性和稳定性,同时通过实时推送机制,将最新的资源信息及时传递给 AI 模型。
  3. 安全性与隐私保护: MCP Server 采用加密认证和访问控制机制,确保数据传输的安全性。例如,它支持本地运行,避免将敏感数据上传至第三方平台。
  4. 标准化与模块化: MCP Server 提供了标准化的通信协议,支持两种传输协议(STDIO 和 SSE),并允许开发者通过插件扩展功能。
  5. 多场景应用: 包括本地资源集成(文件操作、数据库管理)、云服务交互(GitHub、Google Drive 等)以及 AI 助手扩展。

目前各大互联网厂商也陆续实现了 MCP-Servers 广场。前端时间给大家介绍过关于 Dify 案例分享和私有化 MCP 广场搭建等内容。

今天带大家一起使用 Cherry Studio 和 Trae 实现 Excel 表格一键生成可视化图表 HTML 报告的 MCP 案例,下面先看一下效果。

测试的 Excel 表格数据

image

Cherry Studio

image

image

F:\tmp\mcpfiles 有我们的分享报告,我们看一下

image

image

看起来生成的 HTML 报告还不错,通过简单的 Excel 表格通过几个 MCP 实现了一个分析报告。

Trae

image

同样它在我电脑的 F:\tmp\mcpfiles 目录下生成一个 zz_report.html 报告

image

image

image

我们通过 2 个 MCP Client 实现了 Excel 表格一键生成可视化图表 HTML 报告。那么这个 MCP Server 用到了哪些工具,如何实现的呢?下面带大家一起来实现。

2 MCP Server 配置

上面的 MCP Server 其实用到了 4 个 MCP Server,分别是:

  • sequential-thinking
  • server-filesystem
  • excel-mcp-server
  • quickchart-server

Trae 配置 MCP Server

他们的配置在 Trae 非常简单,下面是他们的配置文件。

quickchart-server
{"mcpServers":{"quickchart-server":{"command":"npx","args":["-y","@gongrzhe/quickchart-mcp-server"]}}}
excel-mcp-server
{"mcpServers":{"excel-mcp-server":{"command":"npx","args":["--yes","@zhiweixu/excel-mcp-server"],"env":{"LOG_PATH":"F:\tmp\mcpfiles","CACHE_MAX_AGE":"1","CACHE_CLEANUP_INTERVAL":"4","LOG_RETENTION_DAYS":"7","LOG_CLEANUP_INTERVAL":"24"}}}}
server-filesystem
{"mcpServers":{"server-filesystem":{"command":"npx","args":["-y","@modelcontextprotocol/server-filesystem","F:\tmp\mcpfiles"]}}}
sequential-thinking
{"mcpServers":{"sequential-thinking":{"command":"npx","args":["-y","@modelcontextprotocol/server-sequential-thinking"]}}}

首先需要确保电脑上安装了 Node.js、uvx 等工具,详细安装可以参考 Trae 帮助文档。

https://docs.trae.ai/ide/model-context-protocol?_lang=zh

image

安装好后,我们在 Trae 配置添加,下面以一个 MCP Server 介绍一下配置。

打开 Trae,选择 MCP(Trae 建议升级到最新版本)。

image

image

点击手工配置。

image

在弹出 MCP Server 配置对话框里面,把上面的 4 个 MCP Server 添加配置。

image

点击确定按钮完成添加配置,稍等片刻,后我们看到变成可用状态,说明 Trae 已经完成了 MCP Server 安装。

image

分别将上面 4 个 MCP Server 添加完成即可。

Cherry Studio 配置 MCP Server

Cherry Studio 的配置和上面的配置类似。

我们打开 Cherry Studio,找到 MCP Server 配置。

image

我们可以在右上角使用编辑 MCP 配置的方式,也是可以手工添加的方式。

image

添加 MCP 配置的方式和上面的 Trae 比较类似,都是 JSON 文件格式复制一下即可。它多了一个 "type": "stdio", 类型。

另外考虑我电脑上是 Windows,所以我们 command 改成 cmd 命令,args 添加 -c 和 npx。这种方式是解决 Windows 安装 npx 不可用的问题。

image

区别的部分我们用红框标注了,其他都和 Trae 配置一样。

手工添加方式也非常简单,类型选择 studio,命令行 cmd,参数填写即可。

image

设置完成后,点击右上角保存按钮完成设置。

当 Cherry Studio MCP Server 配置都变成绿色就是可以使用状态。

image

以上步骤就完成了 Cherry Studio MCP Server 的配置。

3 验证及测试

下面我们以 Cherry Studio 为案例测试。

在使用它之前我们先设置一下提示词。

提示词内容如下

## 角色定位 你是一位顶尖的数据可视化与分析专家,具备卓越的 Excel 数据处理能力和敏锐的商业洞察力。你精通使用先进的 MCP 工具(`sequential-thinking`, `server-filesystem`, `excel`, `quickchart-server`)来解读、处理、分析数据,并能基于数据特征和用户需求,智能推荐并生成高质量的可视化图表。最终,你将以专业、美观、符合 Apple 设计风格的响应式 HTML 报告,清晰呈现富有洞察力的分析结果。

## 核心能力
### 1. 数据理解与处理
- **工作流程管理 (`sequential-thinking`):** 利用 `sequential-thinking` MCP 服务规划并执行复杂的分析任务,确保分析过程逻辑清晰、步骤严谨。
- **Excel 数据访问 (`excel`):** 使用 `excel` MCP 服务精确、高效地读取用户提供的 Excel 文件内容(支持.xlsx, .xlsm, .xltx, .xltm 格式),包括工作表名称、单元格数据、公式等。
- **数据预处理:** 识别并专业处理数据结构问题,包括缺失值、异常值、数据类型不一致等,应用适当的清洗和转换技术,确保数据质量满足严谨的分析要求。
- **文件系统交互 (`server-filesystem`):** 通过 `server-filesystem` MCP 服务安全地访问和管理本地文件系统中的分析所需文件(根目录限定于 `F:\tmp\mcpfiles`)。

### 2. 智能可视化推荐与生成
- **需求深度分析:** 深入理解用户的显式和隐式目标,结合数据本身的特性,提炼出核心的分析维度和需要关注的关键指标。
- **图表智能推荐:** 基于数据类型(如时间序列、分类、比例、分布、关系等)和分析目的,智能推荐最能有效传达信息的可视化方案。
- **专业图表生成 (`quickchart-server`):** 利用 `quickchart-server` MCP 服务,根据选定的数据和图表类型,生成清晰、准确、美观且具有信息传递效率的可视化图表(如柱状图、折线图、饼图、散点图、热力图等)。

### 3. 深度数据分析与洞察提炼
- **探索性数据分析 (EDA):** 对数据进行全面的探索性分析,运用统计方法和可视化手段识别关键模式、趋势、周期性、相关性以及潜在的异常点。
- **洞察总结与提炼:** 超越表面数据,挖掘其背后的业务含义和深层原因,提炼出具有价值的核心洞见,并以简洁、精准、易于理解的语言进行阐述。
- **报告内容撰写:** 基于分析结果,撰写结构清晰、逻辑严谨的数据分析文字报告,包含关键发现、数据解读、趋势预测(如果适用)和切实可行的建议。

### 4. 精美 HTML 报告构建与输出
- **内容有机整合:** 将生成的可视化图表与数据分析文字报告无缝集成,确保图文互补,共同服务于分析目标的呈现。
- **Apple 风格设计:** 报告视觉设计遵循**Apple 设计风格**原则:注重**简洁、清晰、优雅**。使用**卡片式布局**组织内容,确保**充足的留白**;采用**清晰的无衬线字体**(优先使用系统 UI 字体)、**圆角元素**、**细微阴影**效果和**专业、和谐的色彩搭配**;适当运用**高质量图标**增强信息传达,提升整体专业感和现代感。
- **响应式 HTML 输出:** 生成单一、完整的 HTML 文件。确保报告**内容丰富、结构合理、导航清晰、易于阅读**,并在不同设备(桌面、平板、手机)上均具备良好的**响应式**布局和阅读体验。

## 工作流程
1. **需求理解与数据接入:** 接收用户指令和 Excel 文件路径,使用 `excel` 工具初步读取数据结构(如工作表名称、列名)。主动向用户确认对分析目标的理解。
2. **数据清洗与准备:** 检查数据质量,进行必要的数据清洗、转换和整理。若发现严重问题,及时向用户反馈。
3. **探索性分析与洞察发掘:** 执行深入的数据分析,识别关键模式、趋势和异常。
4. **可视化方案设计与生成:** 根据分析发现和用户目标,推荐并使用 `quickchart-server` 生成合适的可视化图表。
5. **分析报告撰写:** 撰写包含核心洞察、图表解读和建议的文字报告。
6. **HTML 报告构建与整合:** 使用 `filesystem` 工具(如果需要创建或写入文件),将文字报告和图表整合成符合 Apple 设计风格的 HTML 报告。
7. **结果呈现与迭代:** 向用户展示最终的 HTML 报告。如有必要,根据用户反馈进行调整和优化,或提出进一步分析的建议。

## 交互原则
- **主动确认:** 在关键步骤(如确定分析目标、执行复杂操作)前,主动总结你的理解并寻求用户确认,避免方向性错误。
- **透明沟通:** 在分析过程中,若遇到数据歧义、需要做出假设或存在多种分析路径,应向用户清晰说明情况,解释你的判断依据或寻求用户指导。
- **用户为中心:** 始终以帮助用户解决问题、达成目标为核心,提供清晰、准确、有价值的分析结果。

## 健壮性与错误处理
- **异常情况应对:** 若遇到无法访问文件、文件格式不支持、数据质量问题阻碍分析、MCP 工具执行失败等情况,必须立即停止当前无效尝试,清晰地向用户报告具体问题,并尽可能提供错误信息和建议的解决方案(例如,请求用户检查文件路径、格式或提供更清晰的数据)。
- **工具失败处理:** 若特定 MCP 工具调用失败,尝试理解失败原因。如果可能,尝试替代方案或告知用户该功能暂时无法完成。

## 数据隐私
- **安全规范:** 在处理用户提供的任何数据时,严格遵守数据隐私和安全规范,仅在完成用户请求的分析任务范围内使用数据,任务完成后不保留用户数据。

我们在 Cherry Studio 添加一个智能体名字叫做'数据分析专家'。

image

image

完成智能体添加后,我们在聊天助手中添加一个叫做'数据分析专家'智能体。

image

模型这里我们选择 2025 年 4 月 29 日阿里发布的 qwen3-235B-A22B 模型,关于这个模型大家可以在摩搭社区里面找,这里就不做详细介绍。

接下来我们用到 4 个 MCP Server,所以在聊天对话框把 4 个 MCP Server 都勾选上。

image

我们的提示词

请根据'F:\tmp\mcpfiles\zz.xlsx'进行全面分析,并生成一份包含关键洞察和可视化图表的 HTML 报告 

后面它就开始调用模型提供的函数。

image

image

生成总结报告,并把生成的 html 输出到 F:\tmp\mcpfiles\zz_analysis_report.html 中

image

image

后面的 Trae 测试方法和这个比较类似,这里就不做详细展开了。

4 总结

本文主要介绍了使用 Cherry Studio 和 Trae 实现 Excel 表格一键生成可视化图表 HTML 报告的 MCP 案例。详细讲解了 MCP Server 的配置过程,分别介绍了在 Trae 和 Cherry Studio 中配置 sequential-thinking、server-filesystem、excel-mcp-server 和 quickchart-server 这 4 个 MCP Server 的方法。同时,展示了如何设置提示词、添加智能体、选择模型以及勾选所需的 MCP Server 来完成 Excel 数据的分析和可视化报告的生成。这个方案属于比较实用且具有一定创新性的方案,能够帮助用户快速、便捷地将 Excel 表格数据转化为可视化的 HTML 报告,提升数据分析和展示的效率。

目录

  1. 1.前言
  2. MCP Server 的架构与工作原理
  3. MCP Server 的主要功能
  4. Cherry Studio
  5. Trae
  6. 2 MCP Server 配置
  7. Trae 配置 MCP Server
  8. quickchart-server
  9. excel-mcp-server
  10. server-filesystem
  11. sequential-thinking
  12. Cherry Studio 配置 MCP Server
  13. 3 验证及测试
  14. 角色定位 你是一位顶尖的数据可视化与分析专家,具备卓越的 Excel 数据处理能力和敏锐的商业洞察力。你精通使用先进的 MCP 工具(sequential-thinking, server-filesystem, excel, quickchart-server)来解读、处理、分析数据,并能基于数据特征和用户需求,智能推荐并生成高质量的可视化图表。最终,你将以专业、美观、符合 Apple 设计风格的响应式 HTML 报告,清晰呈现富有洞察力的分析结果。
  15. 核心能力
  16. 1. 数据理解与处理
  17. 2. 智能可视化推荐与生成
  18. 3. 深度数据分析与洞察提炼
  19. 4. 精美 HTML 报告构建与输出
  20. 工作流程
  21. 交互原则
  22. 健壮性与错误处理
  23. 数据隐私
  24. 4 总结

更多推荐文章

查看全部
  • C++ 基于正倒排索引的 Boost 搜索引擎核心模块实现与详解
  • Z-Image-Turbo AI 绘画工具使用指南
  • 基于 SpringBoot 和 Vue 的社区疫情管理系统源码
  • Linux 下 Tomcat 通过内网穿透实现 Web 应用公网访问
  • 数据结构:相交链表、随机链表复制及链表回文问题解析
  • 2026 年 10 款 AI 文献综述工具盘点
  • Linux 基础 I/O 原理与系统调用
  • 视觉语言模型(VLM)综述:An Introduction to Vision-Language Modeling
  • 混合知识库搭建:本地 Docker 部署 Neo4j 与 Milvus 向量库
  • URDF:ROS2 机器人模型描述格式详解
  • VS Code Remote SSH 免密登录配置指南
  • DeepSeek 本地化部署指南:Ollama 与 VS Code 实战
  • 鸿蒙 ArkUI 组件复用指南:@Reusable 装饰器与 NodePool 方案
  • Python 入门教程:核心特性、学习路线与实战建议
  • OpenClaw 掀起 AI 智能体革命:百度腾讯布局与能力分析
  • Spring AI Alibaba A2A 分布式智能体通信实战指南
  • 数据结构:二叉树初阶与实现
  • Electron 桌面应用开发实战:环境搭建、进程通信与打包
  • Z-Image-Turbo WebUI 本地部署指南:环境配置与启动流程
  • Linux 系统下安装配置 Nginx 图文教程

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online