山东大学软件学院2022级项目实训（一）

思考与设想

经过思考后初步认为，我们将要实现的插件是一个不需要后端的项目。

1.为什么不需要后端？

插件本质是一个 前端应用，它在 PowerPoint 内部运行，直接调用 API。
调用的 DeepSeek 和 Kimi API 都是 HTTP 接口，前端可以直接请求。
插件只需要 发送请求 → 获取结果 → 插入 PowerPoint，不需要额外的服务器逻辑。

功能	需要后端吗？	说明
1. 内容一键生成	❌ 不需要	直接在前端调用 DeepSeek 生成文本，再调用 Kimi 生成 PPT。
2. 用户选择模板	❌ 不需要	前端加载内置的 PPT 模板（JSON 或本地存储）。
3. 个性修改	❌ 不需要	直接在前端修改 PPT 样式，调用 Kimi 重新生成。
4. 多媒体支持（图表、表格）	可能需要	如果 Kimi 支持表格/图表，可直接请求 API，否则可能需要本地解析 Excel 数据。

2. 结论

 PPT 插件几乎可以完全不需要后端，只要：

• DeepSeek 能提供内容生成

• Kimi 能直接生成 PPT

• PowerPoint API 能修改幻灯片

但如果要实现：

1. 解析 Excel 文件 来自动生成数据可视化，可能需要 JavaScript 代码来解析本地文件。

2. 更复杂的数据处理（如调用多个 API 组合生成内容），前端代码会变得复杂。

3.怎么做？

优先尝试纯前端实现（PowerPoint 插件 + API 调用）。
如果遇到技术瓶颈（如 Excel 解析），再考虑是否用 Node.js 本地运行一些脚本，但仍然不需要传统的服务器。

4.第一个任务：
尝试 实现“内容一键生成”功能，看看 DeepSeek 和 Kimi 是否能满足需求。

1. 环境准备

由于 Office 加载项（插件） 本质上是一个 Web 应用（HTML + JavaScript），我们可以使用 Yeoman + Office-Addin-Generator 快速创建项目。这包括安装 Node.js、配置开发工具以及使用 Yeoman 生成 Office 插件项目。

1.1 安装 Node.js 和 npm

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，能够运行 JavaScript 代码并提供强大的后端支持。npm（Node Package Manager）是 Node.js 附带的包管理工具，方便我们安装和管理依赖包。

首先，检查本机是否已安装 Node.js 和 npm，可以使用以下命令：

node -v  # 查看 Node.js 版本
npm -v   # 查看 npm 版本

如果未安装，可以前往 Node.js 官网 下载最新版本并安装。

1.2 安装 Visual Studio Code

开发 Office 插件推荐使用 Visual Studio Code（VS Code），它是一款轻量级但功能强大的编辑器，支持丰富的插件生态，能够极大提高开发效率。

安装完成后，可以在 VS Code 的扩展市场中安装以下插件，以增强开发体验：

• ESLint：用于 JavaScript 代码格式化和语法检查。

• REST Client：便于测试 API 请求。

• Prettier：用于代码自动格式化。

1.3 安装 Yeoman 和 Office Generator

Yeoman 是一个前端项目的脚手架工具，而 Office Generator 则是微软官方提供的一个 Yeoman 模板，能够帮助开发者快速生成 Office 插件项目。

打开终端，输入以下命令全局安装它们：

npm install -g yo generator-office

安装完成后，我们就具备了开发 Office 插件的基本环境。

2. 创建 PowerPoint 插件项目

2.1 使用 Yeoman 生成项目

有了 Yeoman 和 Office Generator，我们可以快速创建 PowerPoint 插件的初始模板。运行以下命令启动交互式向导：

npx yo office

在向导中，需要选择以下选项：

• 选择插件类型：Task Pane（任务窗格插件）。

• 选择 Office 应用程序：PowerPoint。

• 输入项目名称：根据需要填写项目名称。

生成项目后，我们将看到完整的项目结构，包括前端 UI 代码和基础的插件框架。

2.2 理解项目结构

Yeoman 生成的 PowerPoint 插件项目包含多个核心部分：

• taskpane.html：任务窗格的 HTML 结构。

• taskpane.js：前端 JavaScript 逻辑。

• manifest.xml：Office 插件的描述文件，定义插件如何集成到 PowerPoint。

• src 文件夹：包含具体的业务逻辑代码。

理解这些文件的作用，有助于后续开发和自定义功能。

3. 实现 PowerPoint 插件前端（任务窗格界面）

这部分将会是以后的工作主要内容，完成插件前端界面以及AP的请求逻辑

3.1 修改 taskpane.html

3.2 编写 taskpane.js

---