2025年07月25日
从零实现一款web端的AI PPT项目(附源码)
本文是 架构专栏 的第19期内容，专栏计划写 60 期，会从 源码级技术方案 到 产品商业化设计 ，再到 商业化运营 ，包含了我近8年的 技术研发 和 AI实践 ，也希望和更多优秀的人一起交流，学习，成长。 文末会给大家放 源码 地址，大家可以基于它实现企业级的web端AI PPT产品。 这个项目是我利用业余时间，花了一周写的，参考了 WPS PPT 的设计，植入了AI 生成PPT的模块案例，同时支持一键播放PPT，大家可以基于这个项目改造成自己的AI PPT产品（当然还有一些细节需要优化）。 1. PPT的拖拽搭建模块（参考线，元素多选，框选，撤销重做，右键菜单等） 接下来我会对核心的几个模块做详细的介绍，大家可以参考一下。 元素的拖拽搭建方案大家可以参考我的实现，可以进一步优化体验，目前实现了 组件的拖拽 ， 框选多选元素 ， 元素的右键快捷菜单 ，可以支持删除，复制，上移下移图层的功能，当然大家可以基于我的实现二次扩展更多功能。 左侧面板主要用来管理多张PPT页面，同时提供了幻灯片和AI助手切换的TAB，我们可以轻松切换不同的幻灯片进行编辑。同时我们可以对每一个幻灯片，设计不同的主题风格： 可以在顶部功能菜单中找到画布按钮，点击之后会出现画布配置弹窗，可以轻松切换画布的背景风格，当然我们也可以自定义画布的样式： 我们可以在左侧面板中切换到AI助手tab，我写了一个AI生成PPT的demo，大家可以对话式生成PPT页面，同时可以切换不同的AI模型： 我写了一套完整的mock方案，可以从AI对话到PPT生成全流程实现，这个给大家演示一下效果： 标签：web游戏源码