前端 Vue 3 后端 Node.js 和Express 结合cursor常见提示词结构

ops/2024/11/27 16:31:21/

cursor 提示词

后端提示词

请为我开发一个基于 Node.js 和Express 框架的 Todo List 后端项目。项目需要实现以下四个 RESTful API 接口:

  1. 查询所有待办事项
    • 接口名: GET /api/get-todo
    • 功能: 从数据库的’list’集合中查询并返回所有待办事项
    • 参数: 无
    • 返回: 包含所有待办事项的数组
  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
    • 返回: 删除操作的结果状态

技术要求:

  1. 使用 Express 框架构建 API
  2. 使用 MongoDB 作为数据库,通过 Mongoose 进行数据操作
  3. 实现适当的错误处理和输入验证
  4. 使用异步/等待(async/await)语法处理异步操作
  5. 遵循 RESTful API 设计原则
  6. 添加基本的日志记录功能

这里数据库连接方式要填写!!!

以下是数据库连接方式:

  1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了nodejs项目 直接修改即可
  2. 如果需要执行命令,请暂停创建文件,让我先执行命令

为这个项目中的所有代码写上详细注释

npm 安装依赖很慢请执行这行命令!!!

npm config set registry https://registry.npmmirror.com

前端提示词

请为我开发一个基于 Vue 3 的Todo List 应用。要求如下:

  1. 功能需求:
    • 添加新的待办事项
    • 标记待办事项为完成/未完成
    • 删除待办事项
    • 统计待办事项完成度
    • 过滤显示(全部/已完成/未完成)
  2. UI/UX 设计要求:
    • 全屏响应式设计,适配不同设备
    • 拥有亮色模式和夜间模式
    • 现代化、简洁的界面风格
    • 丰富的色彩运用,但保持整体和谐
    • 流畅的交互动画,提升用户体验
    • 在按钮和需要的地方添加上图标
    • 参考灵感:结合苹果官网的设计美学

要求:

  1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了vue3项目结构 直接修改即可
  2. 如果需要执行命令,请暂停创建文件,让我先执行命令
  3. 请你根据我的需要,一步一步思考,给我开发这个项目。特别是UI部分 一定要足够美观和现代化

那这里总结一下 我们用cursor完成了前端代码的开发 我们就是发送提示词写清楚我们的需求 以及出现问题 或者想调整功能和UI 继续 用文字和他持续沟通即可。


http://www.ppmy.cn/ops/137116.html

相关文章

Rust sqlx包访问sqlite数据库

如果您正在钻研Rust并希望使用数据库,那么SQLx是一个极好的选择。在本教程中,我们将探索将SQLx与SQLite(一种轻量级嵌入式SQL数据库引擎)结合使用的基础知识。SQLx crate是一个异步纯Rust SQL crate,具有编译时检查查询…

25A物联网微型断路器 智慧空开1P 2P 3P 4P-安科瑞黄安南

微型断路器,作为现代电气系统中不可或缺的重要组件,在保障电路安全与稳定运行方面发挥着关键作用。从其工作原理来看,微型断路器通过感知电流的异常变化来迅速作出响应。当电路中的电流超过预设的安全阈值时,其内部的电磁感应装置…

windows中idea选择bash作为控制台指令集,但是系统环境变量未在其中生效处理

1. 引言 在windows系统中安装node 以及npm时配置其环境,使用window环境变量的配置方式在系统环境变量设置的地方设置了环境变量如下图1-1,设置后在idea中的控制台通过 echo $PATH 查看环境变量发先跟系统中配置的不一致,而且node -v npm -v指…

用el-scrollbar实现滚动条,拖动滚动条可以滚动,但是通过鼠标滑轮却无效

问题: 用elementplus实现的滚动条的页面中,滑动滚动条可以滚动,但是通过鼠标滑轮却无效,鼠标没有问题。 解决: 在开发者工具中, 元素->事件监听器中发现当我移除网页中祖先元素的滚动事件,该…

【后端面试总结】MySQL索引

数据库索引不只一种实现方法,但是其中最具代表性,也是我们面试中遇到最多的无疑是B树。 索引为什么选择B树 数据量很大的查找,是不能直接放入内存的,而是需要什么数据就通过磁盘IO去获得。 红黑树,AVL树等二叉查找树…

Vue.js基础——贼简单易懂!!(响应式 ref 和 reactive、v-on、v-show 和 v-if、v-for、v-bind)

Vue.js是一个渐进式JavaScript框架,用于构建用户界面。它专门设计用于Web应用程序,并专注于视图层。Vue允许开发人员创建可重用的组件,并轻松管理状态和数据绑定。它还提供了一个虚拟DOM系统,用于高效地渲染和重新渲染组件。Vue以…

CentOS 7 安装部署 KVM

1.关闭虚拟机 打开相关选项 打开虚拟机centos7 连接xshell 测试网络,现在就是没问题的,因为我们要使用网络源 安装 GNOME 桌面环境 安装KVM 模块 安装KVM 调试工具 构建虚拟机的命令行工具 qemu 组件,创建磁盘、启动虚拟机等 输入这条命令,…

01 [51单片机 PROTEUS仿真设计]基于温度传感器的恒温控制系统

目录 一、主要功能 二、硬件资源 三、程序编程 四、实现现象 一、主要功能 五个按键,分别为启动按键,则LCD1602显示倒计时,音乐播放 设置按键,可以设置倒计时的分秒,然后加减按键,还有最后一个暂停音乐…