当前位置：首页 > news >正文

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

news 来源：原创 2025/8/28 23:58:17

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

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

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

需求分析

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

自行编写需求文档

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

借助Cursor生成需求文档

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

Cursor帮我们需求分析

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

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

前端UI设计

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

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

Cursor进行UI设计

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

下面进行 web 界面的预览，选中 html 文件，右键 Open In Default Browser。

Open In Default Browser

界面预览

后端开发

前端部分先这样，可以继续进行后端设计，包括API接口、功能实现和数据库设计。

Cursor进行后端设计

项目结构

Cursor 给出的后端项目结构：

   app/├── models/│   └── models.py├── routes/│   └── word_routes.py├── utils/└── app.pyrequirements.txt.env

环境参数

Cursor 创建一个保存环境变量文件，我们需要修改其中的内容，如连接数据库的URI。

DATABASE_URL=mysql+pymysql://root:root@localhost/word_memorize
FLASK_ENV=development
FLASK_APP=app/app.py

数据库设计

Word 表：存储单词基本信息
UserProgress 表：存储用户学习进度和错题本

创建数据库：

CREATE DATABASE word_memorize CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

表可以先不创建，后面让Cursor生成程序进行表的创建和测试数据生成。

安装Python依赖

Cursor 已为我们创建一个 requirements.txt 文件来管理项目依赖（如果没有，可让其帮忙生成）。

Flask==2.0.1
Flask-SQLAlchemy==2.5.1
Flask-CORS==3.0.10
PyMySQL==1.0.2
python-dotenv==0.19.0
requests==2.26.0

有了依赖我们可以直接执行以下安装命令，可以让 Cursor 帮忙执行，(注意：如果使用的是python虚拟环境，可能需要手动执行命令，cursor 默认使用默认的 python 环境）：

pip install -r requirements.txt

安装Python依赖

运行应用

flask run

首次运行，出错了，没关系，交给 Cursor 去解决（这是一个持续过程，需要有点耐心）：

运行出错

根据提示，升级Flask版本：

Cursor提示修复

继续运行，又报错了，继续丢给 Cursor 帮忙解决：

Cursor提示修复

修改了依赖的版本和代码中依赖的导入方式：

Cursor提示修复

又回到了第一个问题，版本不兼容，Cursor 建议让我们用第二种方式解决：

Cursor提示修复

这次启动成功：

启动成功

前端代码修改

接下来，我们需要修改前端JavaScript代码，对接后端 API。

Cursor前端代码修改

测试前端界面

修改之后，打开页面，报错了页面中的CSS和JS文件找不到，可能是路径问题，需要修复下：

前端页面问题

前端页面修复

接收所有建议，需要运行一个服务用于加载前端文件：

前端正常

测试数据生成

我们让Cursor帮忙生成测试单词数据：

测试数据生成

添加单词报错：

添加单词报错

一通修复之后，终于添加了单词

添加测试单词

功能测试

单词展示和下一个功能正常：

单词展示

加入错题本正常：

加入错题本正常

单词学完：

单词学完

Bug修复

页面虽然展示添加到错题本成功，其实并没有真正添加到数据库：

错题本bug

需要Cursor帮忙修复这个问题：

Cursor修复后端代码

修复之后，重启程序，仍然有问题，不过我观察到错题记录是被答题记录更新掉了，需要让 Cursor 注意到这个问题：

Cursor修复后端代码

错题本终于也正常了：

Cursor修复成功

总结

虽然这是一个相对简单的示例项目，但它展示了 AI 辅助开发的基本流程和方法。通过这次实践，我们可以总结以下几点经验：

1、交互策略

与Cursor进行清晰、具体的对话
将复杂需求拆分成小步骤
及时反馈和纠正AI的输出

2、效率提升

善用上下文管理，保持对话连贯性
复用已验证的代码片段
建立个人的提示词模板

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

Cursor实战：Web版背单词应用开发演示需求分析自行编写需求文档借助Cursor生成需求文档前端UI设计后端开发项目结构环境参数数据库设计安装Python依赖运行应用前端代码修改测试前端界面测试数据生成功能测试Bug修复总结在上一篇《Cursor AI编程助手不完全指南》…...

编程日记 2025/8/28 23:58:17

每日一题----------枚举的注意事项和细节

注意事项： 1.当我们使用enum关键字开发一个枚举类时，默认会继承Enum类，而且是一个final类，利用javap反编译可查。 2.public static Season SPRING new Season("春天", "温暖");简化成SPRING("春天&qu…...

编程日记 2025/8/16 12:41:45

【Java学习】异常

一、异常的处理过程异常类的似复刻变量被throw时，会立即中止当前所在的这层方法，即当层方法里throw异常类似复刻变量之后的语句就不会执行了，如果throw异常语句在当层方法中被try{}包裹，则中止就先发生被包裹在了try{}层&#xf…...

编程日记 2025/8/25 18:32:35

使用STM32CubeMX实现LED灯每秒闪烁一次（STM32G070CBT6单片机）

1.打开STM32CubeMX，点击File->New Project，新建一个新工程。 2.搜索芯片型号，选择正确的芯片封装规格，准备对芯片的引脚进行配置。进行上面的操作后，跳转到如下的页面。 3.选择要配置的引脚进行配置。此处我的LED是…...

编程日记 2025/8/28 23:54:44

FastGPT 引申：如何基于 LLM 判断知识库的好坏

文章目录如何基于 LLM 判断知识库的好坏方法概述示例 Prompt声明抽取器 Prompt声明检查器 Prompt 判断机制总结下面介绍如何基于 LLM 判断知识库的好坏，并展示了如何利用声明抽取器和声明检查器这两个 prompt 构建评价体系。如何基于 LLM 判断知识库的好坏在知…...

编程日记 2025/8/28 23:54:16

rabbitmq版本升级并部署高可用

编程日记 2025/8/28 23:50:12

了解JVM

目录一、内存区域划分 1.方法区（元数据区） 2.堆 3.栈 4.程序计数器 5.本地方法栈总结： 二、类加载 1.加载 2.验证 3.准备 4.解析 5.初始化三、双亲委派模型四、垃圾回收 1.找到垃圾 1）引用计数 2）…...

编程日记 2025/8/28 7:05:45

Linux - 工具

一、代码编译（g/gcc） 1) 预处理 g –E hello.c –o hello.i宏替换条件编译头文件展开去注释 2) 编译 g –S hello.i –o hello.s检查语法将代码转为汇编 3) 汇编 g –c hello.s –o hello.o将汇编转为二进制代码 4) 链接 g hello.o –o …...

编程日记 2025/8/28 23:52:17

ASP.NET Core 6 MVC 文件上传

概述应用程序中的文件上传是一项功能，用户可以使用该功能将用户本地系统或网络上的文件上传到 Web 应用程序。Web 应用程序将处理该文件，然后根据需要对文件进行一些验证，最后根据要求将该文件存储在系统中配置的用于保存文件的存储中&#…...

编程日记 2025/8/28 23:54:45

大模型LoRA微调训练原理是什么？

环境： LoRA 问题描述： 大模型LoRA微调训练原理是什么？ 解决方案： LoRA（Low-Rank Adaptation）微调是一种高效的参数优化技术，专门用于大型语言模型的微调，旨在减少计算和内存需求…...

编程日记 2025/8/28 10:34:51

Ubuntu系统上部署Node.js项目的完整流程

以下是在Ubuntu系统上部署Node.js项目的完整流程，分为系统初始化、环境配置、项目部署三个部分： 一、系统初始化 & 环境准备 bash # 1. 更新系统软件包 sudo apt update && sudo apt upgrade -y# 2. 安装基础工具 sudo apt install -y buil…...

编程日记 2025/8/28 23:54:45

vue3:七、拦截器实现

一、前言拦截器可以很好的统一处理请求和响应请求拦截器：可以在请求发送之前对请求进行统一处理，比如添加认证信息（如 token）、设置请求头、添加公共参数等。响应拦截器：可以在响应返回之后对响应数据进行统一…...

编程日记 2025/8/28 23:56:55

K8S高可用集群-小白学习之二进制部署（ansible+shell）

一.K8S高可用集群配置概述序言：本文从一个小白的视角进行K8S的研究和部署，采用二进制的方式是为了更清楚了分解部署流程及了解这个集群是怎么运作的，加上ansible+shell是方便在这个过程中，遇到了问题，我们可以不断的快速重复部署来测试和研究问题的所在点，本文的架构图…...

编程日记 2025/8/28 23:52:46

学生管理信息系统的需求分析与设计

伴随教育的迅猛演进以及学生规模的不断扩增，学生管理信息系统已然成为学校管理的关键利器。此系统能够助力学校管控学生的课程成绩、考勤记载、个人资讯等诸多数据，提升学校的管理效能与服务品质。一.需求分析 1.1 学生信息管理学生信息在学校管理体…...

编程日记 2025/8/27 1:33:32

010---基于Verilog HDL的分频器设计

文章目录摘要一、时序图二、程序设计2.1 rtl2.2 tb 三、仿真分析四、实用性摘要文章为学习记录。绘制时序图，编码。通过修改分频值参数，实现一定范围分频值内的任意分频器设计。一、时序图二、程序设计 2.1 rtl module divider #(parameter D…...

编程日记 2025/8/27 7:33:41

Pytorch使用手册—雅可比矩阵、海森矩阵、hvp、vhp 等：组合函数变换（专题四十四）

计算雅可比矩阵或海森矩阵在许多非传统深度学习模型中是非常有用的。使用 PyTorch 的常规自动微分 API（Tensor.backward()，torch.autograd.grad）计算这些量是困难的（或者很麻烦）。PyTorch 的受 JAX 启发的函数变换 API 提供了高效计算各种高阶自动微分量的方法。注意：本…...

编程日记 2025/8/28 18:33:35

OpenCV计算摄影学（16）调整图像光照效果函数illuminationChange()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述对选定区域内的梯度场应用适当的非线性变换，然后通过泊松求解器重新积分，可以局部修改图像的表观照明。 cv::illuminati…...

编程日记 2025/8/28 23:49:45

WPF框架---MvvmLight介绍

目录 1. MvvmLight 框架准备 2. MvvmLight 中的相关基类 3. MvvmLight 中的数据绑定与通知 a. 核心功能 b. 关键方法与属性 c. 完整示例 d. 高级用法 4. MvvmLight 中的命令对象 a. 命令对象的作用 b. 核心接口：ICommand c. MvvmLight 中的 RelayCommand…...

编程日记 2025/8/28 23:52:47

C语言基础之【指针】（下）

C语言基础之【指针】（下） 指针和字符串字符指针字符指针做函数参数const修饰的指针变量指针数组做为main函数的形参项目开发常用字符串应用模型while和do-while模型两头堵模型字符串反转模型字符串处理函数strchr()strrchr()strstr()strtok()strcpy()st…...

编程日记 2025/8/26 2:32:46

Deepseek中的MoE架构的改造：动态可变参数激活的MoE混合专家架构(DVPA-MoE)的考虑

大家好，我是微学AI，今天给大家介绍一下动态可变参数激活MoE架构（Dynamic Variable Parameter-Activated MoE, DVPA-MoE）的架构与实际应用，本架构支持从7B到32B的等多档参数动态激活。该架构通过细粒度难度评估和分层专家路由，实现“小问题用小参数，大问题用大参数”的精…...

编程日记 2025/8/26 21:18:29

【0012】Python函数详解

如果你觉得我的文章写的不错，请关注我哟，请点赞、评论，收藏此文章，谢谢！ 本文内容体系结构如下： 编写代码往往是为了实现特定的功能，如果需要使用功能多次，也要写同样的代码多次吗…...

编程日记 2025/8/28 21:48:51

Stable Diffusion教程|快速入门SD绘画原理与安装

什么是Stable Diffusion，什么是炼丹师？根据市场研究机构预测，到2025年全球AI绘画市场规模将达到100亿美元，其中Stable Diffusion（简称SD）作为一种先进的图像生成技术之一，市场份额也在不断增长&…...

编程日记 2025/8/16 11:52:30

鸿蒙应用开发深度解析：API 14核心特性与实战指南

文章目录一、HarmonyOS API 14架构升级解析1.1 系统架构演进1.2 核心能力对比二、ArkUI 3.0开发实战2.1 声明式UI完整示例2.2 自定义组件开发三、分布式能力深度开发3.1 跨设备数据同步流程3.2 分布式数据库操作四、系统能力扩展开发4.1 后台任务管理4.2 硬件服务调用五、…...

编程日记 2025/8/27 4:37:28

docker中kibana启动后，通过浏览器访问，出现server is not ready yet

问题：当我在浏览器访问kibana时，浏览器给我报了server is not ready yet. 在网上试了很多方法，都未能解决，下面是我的方法： 查看kibana日志： docker logs -f kibana从控制台打印的日志可以发现&#xff…...

编程日记 2025/8/28 11:28:27

2025年天梯赛第1场选拔赛

目录 A:徐老师的积木山峰 B:徐老师的最长上升子序列 C:徐老师的机器命令 D:徐老师的地下堡 E:徐老师的新鲜羊腿 F:徐老师的黄金矿工 G:徐老师的成绩统计 H:春节糖果 I:幸运函数 J:好坏钥匙 A:徐老师的积木山峰徐老师有 n 块积木排成一排，从左往右数编号依次为 1∼…...

编程日记 2025/8/27 20:24:20

28-文本左右对齐

给定一个单词数组 words 和一个长度 maxWidth ，重新排版单词，使其成为每行恰好有 maxWidth 个字符，且左右两端对齐的文本。你应该使用 “贪心算法” 来放置给定的单词；也就是说，尽可能多地往每行中放置单词。必要时可…...

编程日记 2025/8/23 11:29:29

SpringBoot校园管理系统设计与实现

在现代校园管理中，一个高效、灵活的管理系统是不可或缺的。本文将详细介绍基于SpringBoot的校园管理系统的设计与实现，涵盖管理员、用户和院校管理员三大功能模块，以及系统的部署步骤和数据库配置。管理员功能模块管理员是系统的核心管理…...

编程日记 2025/8/28 0:12:13

1.配 outlook https://cn.windows-office.net/?p22940 2.配 qq 邮箱 https://blog.csdn.net/lx_ros/article/details/124831850 3.QQ邮箱的授权码在账号与安全 4.qq 邮箱更换 foxmail 邮箱名 https://www.yigujin.cn/blog/p10094.html 结语感觉网上搜到的都不咋好&…...

编程日记 2025/8/23 5:21:32

机器学习中的线性代数：奇异值分解 SVD

线性代数奇异值分解（SVD） 参考资料： 超详细！彻底搞懂矩阵奇异值分解（SVD）本质计算应用！_哔哩哔哩_bilibili 非常好的视频，本文内容主要来自于该视频，在此表示感谢&#…...

编程日记 2025/8/28 20:21:11

机器学习深度学习基本概念：logistic regression和softmax

逻辑回归用来处理二分类问题 softmax用来处理多分类问题：比如llm在generate的时候，每个batch里面的一个样本的一个一次generate就是softmax生成一个大小为vocab_size的向量的概率分布，然后再采样逻辑回归（logistic regression&…...

编程日记 2025/8/27 16:16:25

机器学习（六）

一，决策树： 简介： 决策树是一种通过构建类似树状的结构（颠倒的树），从根节点开始逐步对数据进行划分，最终在叶子节点做出预测结果的模型。结构组成： 根节点：初始的数据集…...

编程日记 2025/8/16 13:07:21

在 Maven 中使用＜scope＞元素：全面指南

目录前言在 Maven 中， 元素用于定义依赖项的作用范围，即依赖项在项目生命周期中的使用方式。正确使用可以帮助我们优化项目的构建过程，减少不必要的依赖冲突，并提高构建效率。本文将详细介绍的使用步骤、常见作用范围、代码…...

编程日记 2025/8/16 12:26:07

Manus邀请码如何申请，有哪些办法

Manus是由Monica团队推出的一款通用型AI智能体产品，旨在通过自主任务规划与执行能力，将用户的想法转化为实际成果。它不仅能够理解复杂指令，还能通过调用虚拟环境中的工具（如浏览器、代码编辑器、文件处理器等）&#x…...

编程日记 2025/8/22 2:38:43

大型WLAN组网部署（Large scale WLAN network deployment）

大型WLAN组网部署大型WLAN网络关键技术技术作用 VLAN Pool 通过VLAN Pool把接入的用户分配到不同的VLAN，可以减少广播域，减少网络中的广播报文，提升网络性能。 DHCP Option 43 & 52 当AC和AP间是三层组网时，AP通过…...

编程日记 2025/8/28 4:12:31

MQ保证消息的顺序性

在消息队列（MQ）中保证消息的顺序性是一个常见的需求，尤其是在需要严格按顺序处理业务逻辑的场景（例如：订单创建 → 支付 → 发货）。一、消息顺序性被破坏的原因生产者异步/并行发送：消息可能…...

编程日记 2025/8/27 7:13:06

SQL Server查询计划操作符（7.3）——查询计划相关操作符（9）

7.3. 查询计划相关操作符 78）Repartition Streams：该操作符消费多个输入流并产生多个输出流。期间，记录内容与格式保持不变。如果查询优化器使用一个位图过滤（bitmap filter），则输出流中的数据行数将会减少。一个输入流的每行记录被放入一个输出流。如果该操作符保留顺序…...

编程日记 2025/8/16 12:06:18

杨校老师课堂之零基础入门C++备战信息学奥赛-基础篇

零基础快速入门C C学习路线一、基础语法1. C基础框架2. C语言输出3. C 语言输入4. C 数据类型5. C 赋值6. 运算符与表达式7. 控制结构语句7.1 if分支结构语句7.1.1 单分支结构语句7.1.2 双分支结构语句7.1.3 多分支结构语句 7.2 switch开关语句 8. 循环结构语句8.1 for循环8.2 …...

编程日记 2025/8/24 2:11:20

wxWidgets GUI 跨平台入门学习笔记

准备参考 https://wiki.wxwidgets.org/Microsoft_Visual_C_NuGethttps://wiki.wxwidgets.org/Tools#Rapid_Application_Development_.2F_GUI_Buildershttps://docs.wxwidgets.org/3.2/https://docs.wxwidgets.org/latest/overview_helloworld.htmlhttps://wizardforcel.gitb…...

编程日记 2025/8/16 12:07:55

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

需求分析

自行编写需求文档

借助Cursor生成需求文档

前端UI设计

后端开发

项目结构

环境参数

数据库设计

安装Python依赖

运行应用

前端代码修改

测试前端界面

测试数据生成

功能测试

Bug修复

总结

相关文章：