前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >【Cursor实战项目03】腾讯云开发+Cursor todolist :2024年的收官之作,2025年的期待之始

【Cursor实战项目03】腾讯云开发+Cursor todolist :2024年的收官之作,2025年的期待之始

原创
作者头像
AI大眼萌
发布2024-12-31 16:05:08
发布2024-12-31 16:05:08
1270
举报
文章被收录于专栏:AI产品体验专栏AI产品体验专栏

🌈 2024年的最后一天,让我们举杯庆祝过去一年的点点滴滴,期待2025年带来更多的欢笑和喜悦。在数字化时代,效率成为我们追求的重要目标之一。腾讯云开发平台为微信小程序开发者提供了强大的后端支持,使得开发流程更加高效和便捷。本文大眼萌将带你走进腾讯云开发的生态,探索如何使用Cursor利用腾讯云开发构建一个todolist微信小程序。

🛠️ 核心组件解析

数据库 📚

腾讯云开发的数据库是一个JSON文档型数据库,它为小程序前端和云函数提供了强大的数据操作能力。

文件存储 📂

文件存储功能让小程序前端能够直接上传或下载云端文件,同时支持云开发控制台的可视化管理。

云函数 ☁️

云函数是运行在云端的代码块,它们利用微信私有协议的鉴权机制,让开发者可以专注于业务逻辑的编写。

Cursor工具 🖥️

Cursor是一款基于VSCode二次开发的AI编辑器,它将AI技术深度融合到各个功能点,带来了前所未有的用户体验。它与腾讯云开发的结合,使得开发者可以更加高效地进行小程序开发。

📝 开发步骤详解

图片
图片

第一步:创建一个微信小程序

图片
图片

第二步:在cursor中打开该项目,并编写一个prompts

新建目录cloudFuntions\todoFunctions,mainProgram

图片
图片

新建instruction.md, 编写prompts如下:

代码语言:txt
复制
1.你是资深的微信小程序开发者,现在需要你根据项目需求进行开发,项目使用腾讯云函数、云数据库、云存储、云开发。
2.在cloudFunctions\todoFunctions文件夹内创建1个腾讯云函数,并实现其功能所有后台功能
3.微信小程序前端根目录为mainProgram,实现前端功能
微信小程序功能要求如下:
2.1 用户账户管理
2.1.1 用户注册与登录
支持用户通过微信快速注册和登录。
提供密码找回功能。
2.1.2 用户信息管理
允许用户查看和编辑个人资料。
提供修改密码和注销账户的选项。
2.2 任务管理
2.2.1 创建任务
用户可以创建新的任务,包括任务名称、描述、截止日期和提醒时间。
支持设置任务的优先级(高、中、低)。
2.2.2 查看任务
提供一个清晰的任务列表视图,显示所有任务。
支持按日期、优先级和状态(未完成、已完成)过滤任务。
2.2.3 编辑任务
用户可以编辑现有任务的任何信息。
2.2.4 删除任务
用户可以删除不再需要的任务。
2.2.5 完成任务
用户可以标记任务为已完成,并在任务列表中突出显示。
2.3 任务提醒
2.3.1 定时提醒
根据用户设置的提醒时间,通过微信服务通知提醒用户。
2.3.2 重复任务提醒
支持设置周期性重复的任务提醒。
2.4 数据同步与备份
2.4.1 数据同步
确保用户在不同设备上的数据保持同步。
2.4.2 数据备份
提供手动和自动备份任务数据的功能。
2.5 界面与交互
2.5.1 界面设计
界面简洁、直观,易于新用户上手。
适配不同屏幕尺寸和操作系统版本。
2.5.2 交互反馈
对用户操作提供即时反馈,如按钮点击效果、加载动画等。
代码语言:txt
复制

项目配置文件如下project.config.json
{
  "description": "项目配置文件",
  "miniprogramRoot": "mainProgram/",
  "cloudfunctionRoot": "cloudFunctions/",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "setting": {
    "coverView": true,
    "es6": true,
    "postcss": true,
    "minified": true,
    "enhance": true,
    "useCloudFunction": true,
    "showShadowRootInWxmlPanel": true,
    "packNpmRelationList": [],
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    }
  },
  "appid": "xxxxxxx",
  "compileType": "miniprogram",
  "libVersion": "3.7.3",
  "condition": {},
  "editorSetting": {
    "tabIndent": "insertSpaces",
    "tabSize": 2
  },
  "srcMiniprogramRoot": "mainProgram/",
  "cloudfunctionTemplateRoot": "cloudFunctions/todoFunctions/"
}

先不断的下一步,先让cursor完成主要功能的开发

图片
图片

第三步:通过小程序客户端添加云数据库

首先询问cursor>"需要创建哪些云数据库?"

图片
图片

根据cursor建议,在微信开发工具中创建数据库

图片
图片
代码语言:txt
复制

创建步骤:
打开云开发控制台
进入数据库
点击"添加集合",创建上述集合
users: 仅创建者可读写
tasks: 仅创建者可读写
dbbackups: 仅创建者可读写
notifications: 仅创建者可读写
error_logs: 仅创建者可读写

第四步:通过小程序客户端添加云函数

利用云函数,将业务逻辑部署在云端,提高小程序的响应速度和数据处理能力。

图片
图片
图片
图片
图片
图片

接下来调试通过微信开发程序调试云函数

代码语言:txt
复制

微信小程序开启云函数本地调试报错解决指南
当您尝试在微信小程序中开启云函数的本地调试时,可能会遇到“node modules未安装 是否忽略并继续?”的报错。以下是解决此问题的步骤:
1.确保环境安装:首先,请确认您的本地计算机上已经安装了npm和Node.js。
2.安装wx-server-sdk:打开命令行窗口,切换到云函数所在的文件夹,然后执行以下命令来安装最新版本的wx-server-sdk:
 
3. npm install —save wx-server-sdk@latest 
启动本地调试:安装完成后,您应该可以顺利开启云函数的本地调试功能。
4. 详细调试文档参考:
https://developers.weixin.qq.com/miniprogram/dev/wxcloudservice/wxcloud/guide/functions/local-debug.html

遵循以上步骤,您应该能够轻松解决微信小程序云函数本地调试的报错问题。

图片
图片

根据本地调试中显示的错误信息,

图片
图片

第五步:优化功能,将需要上传的图片保存至云文件存储中

图片
图片
图片
图片

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 数据库 📚
  • 文件存储 📂
  • 云函数 ☁️
  • Cursor工具 🖥️
  • 📝 开发步骤详解
    • 第一步:创建一个微信小程序
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档