与CURSOR交流模板
参考来源b站up主:三分钟实验室
b站视频教程
更换镜像源命令 : npm config set registry https://registry.npmmirror.com
后端提示词
请为我开发一个基于 (后端开发语言) 和 ( Web 应用开发框架)的 (项目名称) 后端项目。项目需要实现以下(接口数量)个 RESTful API 接口:
1.功能1
- 接口名: GET /api/get-todo
- 功能: 功能描述
- 参数: 无
- 返回: 后端要返回的数据
2.添加新的待办事项
- 接口名: POST /api/add-todo
- 功能: 向’list’集合中添加新的待办事项
- 参数: { “value”: string, // 待办事项的具体内容 “isCompleted”: boolean // 是否完成,默认为
false } - 返回: 新添加的待办事项对象,包含自动生成的唯一 id
3.更新待办事项状态
- 接口名: POST /api/update-todo/
- 功能: 根据 id 更新指定待办事项的完成状态(将 isCompleted 值取反)
- 参数: id
- 返回: 更新后的待办事项对象
4.删除待办事项
- 接口名: POST /api/del-todo/
- 功能: 根据 id 删除指定的待办事项
- 参数: id
- 返回: 删除操作的结果状态
技术要求
- 使用 Express 框架构建 API
- 使用 MongoDB 作为数据库,通过 Mongoose 进行数据操作
- 实现适当的错误处理和输入验证
- 使用异步/等待(async/await)语法处理异步操作
- 遵循 RESTful API 设计原则
- 添加基本的日志记录功能
数据库的连接方式
# 也就是数据库的连接地址
mongodb://root:mr5zrkjk@lirbraryweb-mongodb.ns-s7konwn2.svc:27017
说明
- 直接以当前目录作为项目根目。注意 此目录已经初始化完了nodejs项目 直接修改即可
- 如果需要执行命令,请暂停创建文件,让我先执行命令
- 为这个项目中的所有代码写上详细注释
前端提示词
请为我开发一个基于 Vue 3 的Todo List 应用。要求如下:
1.功能需求:
- 添加新的待办事项
- 标记待办事项为完成/未完成
- 删除待办事项
- 统计待办事项完成度
- 过滤显示(全部/已完成/未完成
2.UI/UX 设计要求:
-
全屏响应式设计,适配不同设备
-
拥有亮色模式和夜间模式
-
现代化、简洁的界面风格
-
丰富的色彩运用,但保持整体和谐
-
流畅的交互动画,提升用户体验
-
在按钮和需要的地方添加上图标
-
参考灵感:结合苹果官网的设计美学
要求:
- 直接以当前目录作为项目根目。注意 此目录已经初始化完了vue3项目结构 直接修改即可
- 如果需要执行命令,请暂停创建文件,让我先执行命令
- 请你根据我的需要,一步一步思考,给我开发这个项目。特别是UI部分 一定要足够美观和现代化