用cursor写一个微信小程序-购物网站实操

一.生成项目需求文档:

1.在项目文件下面创建一个文件:商城小程序的项目需求.txt文件,然后利用内嵌对话模式进行补充如下:

2.在技术栈下面明确对应项目的功能如下:

3.根据上面的需求文档,生成后端接口api,告诉ai不可以额外多加

4.找几个模拟网站的示意图

5.按照样图叫他生成线框示意图

麻雀虽小五脏俱全

6.生成技术框架设计文档

这些文件都是我们自动生成的。生成后你一定要记得核对下生成的内容,不要太过于信任ai。

二.安装数据库

1.安装mysql

具体的安装步骤很简单就不再赘述,安装好以后,你记得安装个客户端,就这个

当然你也可以安装cursor插件

用起来效果都是一样,你只需要记住你mysql的root名字和密码就能来连接上,然后使用。

在docker里面把mysql启动起来,你用命令启动也行,我这人懒,电脑按照了docker就直接启动了,不做强求。

js 复制代码
mysql -u root -p

你看cursor里面连接下

能看到具体的表就代表已经成功了

2.ai创建数据表

根据项目架构文档里面,mysql的数据库表信息,让ai生成数据库建表sql语句。

生成之后,你要看看它生成的sql语句和你需要语句一样不,核对结束以后,你就可以执行生成数据表了

三.后端api服务

1.生成项目本框架

现在要ai帮我生成后端代码,并帮我启动项目

它帮我生成的代码并没有接入mysql,我要自己接入下,修改env配置文件,在生成env的时候你要告诉它,你的环境有几个,具体是做什么的,它就会帮你生成好.

如果你要看看你的项目启动以后接口能不能不能用就直接访问下看看

启动项目

以上说明你的后端项目已经可以成功运行了,基础搭建好了,剩下就是填充功能代码,这个就是小菜一碟的事情了。

2.生成并检查接口

接下来是要ai帮我们生成对应的接口,在需求文档里面有后端api设计文档

接下来就是要ai帮我们按照这个文档的信息生成对应的接口,如通过已经存在,就帮我检查对不对,不对请改正,如果不存在就帮我新建生成,告诉它不要帮我多加额外的功能

执行命令跑起来看看,顺便看看你的项目有没有热更新。

具体的接口对不对,可以等到前端好了再去调试,没有必要现在一个一个调试,太浪费时间了。

四.生成前端项目

1.注册小程序账号并下载开发工具

进入小程序页面:mp.weixin.qq.com/

小程序准备好以后就是要ai帮我生成首页了

我们把生成好的项目导入小程序开发工具

创建好以后,你就可以启动小程序了

看看咱们的首页成功的出来了,虽然没有图片,但是页面布局全部有了

这个接口访问错误的解决方案

本地请选择不校验合法域名

所有的功能不要一次性全部生成,很容易出错,基本框架有了以后你先要ai帮你实现登录功能,因为存在认证问题,订单,收藏等功能都会遇到认证问题,所以需要提前实现。

根据需求文档历时两天终于实现了我的一个购物网站

有需要需求文档的同学,可以评论区留言,你们自己可以生成尝试一下

相关推荐
opbr几秒前
还在手写 env 类型定义?这个 Vite 插件帮你自动搞定!
前端·vite
Qinana几秒前
前端正则表达式全解:从基础语法到实战应用
前端·javascript·面试
蜡台4 分钟前
JavaScript Object Function ERROR
开发语言·javascript·ecmascript·error
烟话66 分钟前
vue3响应式基础
前端·javascript·vue.js
boombb8 分钟前
用户反馈入口
前端
im_AMBER10 分钟前
万字长文:手撕JS深浅拷贝完全指南
前端·javascript·面试
还是大剑师兰特12 分钟前
pinia-plugin-persistedstate详解与Vue3使用示例
开发语言·javascript·ecmascript
@大迁世界16 分钟前
20.“可复用组件”具体指的是什么?如何设计与产出这类组件?.
开发语言·前端·javascript·ecmascript
Bigger18 分钟前
第二章:我是如何剖析 Claude Code QueryEngine 与大模型交互机制的
前端·ai编程·源码阅读
FelixBitSoul23 分钟前
彻底吃透 React Hook:它背后的执行模型到底是什么? 🚀
前端