程序员别再愁 PPT!用 TRAE 搭 Web 站做演讲,比传统 PPT 更高效

381 阅读6分钟

领导安排我在公司的 AI 技能分享会上,做一场关于大模型 Text2SQL 的知识分享。核心任务是准备分享用的 “演示材料”—— 但作为程序员,要做出兼具美感与专业性的传统 PPT,着实是个不小的挑战。

一、任务拆解:从目标到落地的四步规划

确定用 Web 网站替代传统 PPT 后,我将整个任务拆解为 4 个清晰的步骤:

  1. 资料收集阶段:整理 Text2SQL 相关技术内容,形成一份逻辑完整、信息准确的调研文档;
  2. 开发实现阶段:使用 Trae 的 SOLO 功能,基于调研文档完成 Web 站点的搭建;
  3. 验证优化阶段:对生成的 Web 页面进行逐一预览,根据预期效果微调细节;
  4. 部署分享阶段:将 Web 站点部署上线,最终在分享会上通过站点完成演讲。

二、成果展示:Web 站点与代码仓库

三、实施过程:从资料到 Web 站点的完整落地

1. 收集 Text2SQL 资料:用豆包生成高质量调研文档

要做好技术分享,扎实的资料支撑是基础。我选择通过豆包的 “深入研究” 功能,以对话形式明确需求、生成调研文档 —— 这个过程中,豆包的 “二次需求确认” 让我印象深刻,它通过 5 个关键问题精准定位了我的需求,避免了后续文档内容偏离方向:

基于明确的需求,豆包最终生成了标题为《Text2SQL 技术解析:从原理到企业级应用》的调研文档,文档不仅梳理了 Text2SQL 的实现方式、对传统数据分析的替代性,还总结了技术优缺点,完全满足分享所需的资料深度。

2. Trae 开发 Web 页面:从需求到落地的全流程

(1)前期准备:明确需求与目录结构

首先创建空目录text2sql-overview,将上一步生成的调研文档放入其中;随后在 Trae 中打开该目录,进入 SOLO 模式,输入需求提示词

我要为公司的员工做一次Text2SQL的技术分享,分享的时长大概20-30分钟,请基于“Text2SQL技术解析:从原理到企业级应用的全面指南.md"的内容,生成精美的交互式web页面。

Trae 快速响应,生成了两份关键文档:

(2)启动开发:一键触发,按 “Todo List” 推进

需求确认无误后,点击 “开始开发”,Trae 自动生成了清晰的 Todo List,按步骤拆解开发任务(如页面搭建、样式适配、内容填充等),我只需打开“实施跟随”观察开发进度,无需手动规划开发流程,效率大幅提升。

(3)页面预览:实时查看,定向调整

开发完成后,Trae 会自动启动项目,进入本地预览模式 —— 这一步的核心是 “验证与微调”:

3. 元素级微调

逐页检查内容是否符合预期,若发现冗余内容,通过 “选择元素” 功能定位目标,再在对话中提出删除需求,Trae 会快速响应调整;

在选择对应的元素后,点击添加到对话,在对话中提出调整的要求:

4. 功能补充:让 Web 站点更贴合分享场景

(1)新增 “案例演示” 页面:增强交互体验

为了让分享更具说服力,我希望增加一个 “案例演示” 页面,结合本地实现的 Text2SQL 功能,给听众做在线实机演示。具体操作分 3 步:

  1. 先让 Trae 修改调研文档,新增 “案例演示” 章节,补充演示场景

  1. 基于修改后的调研文档,指导 Trae 在 Web 站点的导航菜单中新增 “案例演示” 入口;

  1. 预览页面,确认演示功能可正常触发,交互逻辑无问题

(2)添加 GitHub 仓库链接:方便听众溯源

考虑到部分听众可能想深入了解代码实现,我在页面中增加了 GitHub 仓库地址链接 —— 点击链接即可直接跳转至代码仓库,既满足了技术爱好者的需求,也让分享的 “开放性” 更强。

效果如下:

(3)提交代码:及时存档,避免版本混乱

开发过程中,每当确认当前版本无误(如功能正常、内容无错漏),我会及时告知 Trae “提交代码”,通过版本控制确保后续修改可追溯,也为后续部署做好准备。

5. 部署上线:两种方案,灵活选择

(1)部署到 Vercel:一键操作,快速上线

在 Trae 的 SOLO 模式, 浏览器 Tab 中,支持 “一键部署到 Vercel”—— 无需手动配置环境,点击按钮后等待几分钟,站点即可上线,适合追求效率的场景。

(2)部署到 GitHub Pages:通过 Workflow 实现自动构建

若希望通过 GitHub 管理部署流程,可在仓库目录下新增workflows配置文件,触发 GitHub Action 自动构建部署 —— 这种方式更适合需要长期维护、频繁更新的站点,后续推送代码后会自动触发部署,无需手动操作。

5. 演讲后反馈:来自不同角色的正面评价

分享结束后,我收到了一些反馈,也验证了 “Web 站点替代 PPT” 方案的可行性:

  1. 来自部门测试小伙伴的反馈

  1. 来自HR的反馈

四、总结:程序员做 “演示材料” 的新思路

这次用 Trae 开发 Web 站点替代传统 PPT 的实践,不仅圆满完成了 Text2SQL 知识分享任务,更给我带来了 3 点关键启发:

  1. 发挥技术优势,避开能力短板:作为程序员,我们未必擅长设计 PPT,但可以通过 Web 开发、工具集成等技术手段,打造更具特色的演示形式 —— 无需妥协,而是用自己的优势解决问题;
  2. 工具赋能效率:Trae 的 “SOLO 模式” 是核心助力:从需求文档生成、开发流程规划,到页面微调、一键部署,Trae 几乎覆盖了从 “资料” 到 “Web 站点” 的全流程,减少了手动操作成本,让我能更专注于 “内容质量” 而非 “开发细节”;
  3. 分享的本质是 “传递价值”,形式服务于内容:无论是 PPT 还是 Web 站点,核心都是让听众理解并吸收知识。这次实践证明,新颖的形式(如交互 Web 页)能提升听众的注意力与参与度,但前提是内容扎实(如豆包生成的高质量调研文档)—— 形式与内容结合,才能让分享更有价值。

未来,我会继续尝试用 “技术化思路” 解决传统工作中的问题,也推荐其他程序员朋友:当遇到非技术领域的挑战时,不妨想想 “能否用自己的技术能力找到新方案”—— 这或许会带来意想不到的效果。