前一阵的实战系列分享中,我们一块实现了一个 AI 写作助手 ------ 成章。
当时就打算开源出来,方便感兴趣的同学学习、二开,但一直被各种事情打断,拖到了现在。
今天,赶上中秋节,但阴天没法赏月,索性整理一下先发布出来,需要的自取哈!
简介
"成章"写作助手是一个专为写作者设计的现代化写作平台,实现了文章编写、AI 辅助写作、图片上传等功能,旨在提供高效、便捷的写作体验。
- 前端开源地址:gitee.com/FlyFive/che...
- 后端开源地址:gitee.com/FlyFive/che...
功能
- ✅ 文章创建、编辑、删除
- ✅ 图片上传
- ✅ Markdown 编辑器支持
- ✅ 文章合集管理
- ✅ 文章搜索和筛选
- ✅ 多平台样式复制
- ✅ AI 对话
- ✅ AI 快捷操作
前端技术栈
- 框架: Vue.js 2.6.14
- UI 组件库: Element UI 2.15.14
- 状态管理: Vuex 3.6.2
- 路由管理: Vue Router 3.6.5
- HTTP 客户端: Axios 1.10.0
- Markdown 编辑器: Mavon Editor 2.10.4
- 构建工具: Vue CLI 5.0.0
后端技术栈
- 框架: Spring Boot 2.7.18
- ORM: Hibernate (Spring Data JPA)
- 数据库: MySQL 5.7+
- 构建工具: Maven 3.6+
- Java版本: JDK 8+
- 其他依赖: Lombok、Jackson、Apache Commons Lang3
现有效果

实现过程
如果你想要通过这个项目学习 AI 类项目的开发流程,下面这些文章已经按照先后顺序整理好了。
《AI编程实战:Cursor突然收费封禁?用Trae开发一个写作助手(前端篇)》
《AI编程实战:使用Trae从零开始实现写作助手的后端开发及前后端联调 - 掘金》
《AI编程实战:写作助手进化,Trae+Kimi-K2两小时搞定"带样式复制" - 掘金》
《AI编程实战:写作助手再进化,AI 能力前后端一锅出 - 掘金》
《AI编程实战:谁说AI改代码乱套?SOLO 20分钟补全图片上传功能 - 掘金》
以上几篇是通过 TRAE
实现。
后面一篇尝试使用 Qoder
开发"合集"功能,遇到了一些问题,也记录下来了。后续我会进行针对性优化,并再次分享。
结语
目前版本仅实现了基本可用,但不迈出今天这第一步,这个项目估计又开源不了了。
因此,趁着中秋月圆,先放出来吧。
后续我会针对现有代码及界面继续进行优化,提升产品力。也欢迎大家提出各自的需求,或者参与进来,打造一个适合真正适合自己写作的 AI 助手。