Cursor实战：Web版背单词应用开发演示_cursor 生成需求文档

Cursor实战：Web版背单词应用开发演示

• 需求分析
• • 自行编写需求文档
  • 借助Cursor生成需求文档
• 前端UI设计
• 后端开发
• • 项目结构
  • 环境参数
  • 数据库设计
  • 安装Python依赖
  • 运行应用
• 前端代码修改
• • 测试前端界面
• 测试数据生成
• 功能测试
• • Bug修复
• 总结

在上一篇《Cursor AI编程助手不完全指南》中，我们详细介绍了Cursor这款强大的AI编程工具。为了让大家能更直观地了解 Cursor 的实战应用价值，本文将通过一个实际项目来展示其开发流程。我们将使用 Cursor 开发一个 Web 版单词学习程序，通过这个案例，您将看到 AI 辅助开发的完整过程，体验从需求分析到代码实现的全过程。让我们开始这次实战之旅。

需求分析

在开始开发之前，明确的需求文档是项目成功的关键。一个好的需求文档不仅能指导开发方向，还能作为与 Cursor 进行高效对话的重要基础。我们有两种方式来准备需求文档：自行编写需求文档和借助 Cursor 生成需求文档。

自行编写需求文档

• 明确列出功能模块和具体需求
• 按优先级排序各项功能
• 将文档保存为独立文件，方便随时参考
• 确保描述清晰，避免歧义

借助Cursor生成需求文档

• 提供项目的核心目标和主要功能点
• 让AI协助完善功能描述和技术细节
• 根据实际需求进行调整和补充

摘抄部分功能内容，填充到自己的开发需求文档如下：

# 开发一个学单词的web程序## 核心功能需求### 学习模式- 从未学单词中挑选10个单词进行学习- 单词卡片展示（拼写、音标、释义、例句）- 发音功能- 可以将当前词加入到错题本，进行复习### 复习模式- 从错词本中随机抽取单词进行复习### 用户管理- 用户免登录，可以设置用户名## 技术需求### 前端- 响应式设计，支持多端适配- 流畅的交互体验，界面简洁美观### 后端- 如果需要用到后端程序，请使用python语言- 如果需要用到数据库，请使用MySQL## 数据结构### 单词库- 单词基本信息（拼写、音标、发音音频、释义、例句）### 用户学习记录- 记录用户学习记录和错题信息

前端UI设计

使用 Cursor 的 COMPOSER 模式+ AGENT，以需求文档作为上下文，和 Cursor 对话，让其帮忙生成 UI 界面。

请根据我的需求文档，设计一个学单词的web界面，要求简洁美观

觉得设计的还不错，就直接选择 Accept，如需修改可继续提问进行修改。