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

server/2024/11/27 14:15:15/

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/server/145348.html

相关文章

分类算法——基于heart数据集实现

1 heart数据集——描述性统计分析 import matplotlib.pyplot as plt import pandas as pd# Load the dataset heart pd.read_csv(r"heart.csv", sep,)# Check the columns in the DataFrame print(heart.columns)aheart.loc[:, y].value_counts() print(a) heart.l…

【linux】线程概念与控制

🌈 个人主页:Zfox_ 🔥 系列专栏:Linux 目录 一:🔥 线程基本概念 🦋 1-1 什么是线程🦋 1-2 分⻚式存储管理1-2-1 虚拟地址和⻚表的由来1-2-2 ⻚表1-2-3 ⻚⽬录结构1-2-4 两级⻚表的地…

uname -m(machine) 命令用于显示当前系统的机器硬件架构(Unix Name)

文章目录 关于 arm64 架构检查是否安装了 Rosetta 2其他相关信息解释:命令功能:示例: dgqdgqdeMac-mini / % uname -m arm64您运行的 uname -m 命令显示您的系统架构是 arm64。这意味着您的 Mac Mini 使用的是 Apple 的 M1 或更新的芯片&…

Java与C#

Java和C#(C Sharp)是两种流行的面向对象编程语言,它们在很多方面非常相似,因为它们都受到了类似的编程范式和语言设计理念的影响。然而,它们之间也存在一些重要的区别。 平台依赖性: Java:Java是…

sql漏洞

目录 SQL漏洞产生的原因 未对用户输入进行验证和过滤: 动态SQL语句的拼接: 不安全的数据库配置: 缺乏安全意识和培训: 使用过时的技术或框架: 如何避免SQL漏洞产生 使用参数化查询: 对用户输入进行…

vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden

vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its…

质量留住用户:如何通过测试自动化提供更高质量的用户体验

在当今竞争异常激烈的市场中,用户手头有无数种选择,但有一条真理至关重要: 质量留住用户。 产品的质量,尤其是用户体验 (UX),直接决定了客户是留在您的品牌还是转而选择竞争对手。随着业务的发展,出色的用户…

铲屎官进,2024年宠物空气净化器十大排行,看看哪款吸毛最佳?

不知道最近换毛季,铲屎官们还承受的住吗?我家猫咪每天都在表演“天女散花”,家里没有一块干净的地方,空气中也都是堆积的浮毛,幸好有宠物空气净化器这种清理好物。宠物空气净化器针对宠物浮毛设计,可以有效…