用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帮你实现登录功能,因为存在认证问题,订单,收藏等功能都会遇到认证问题,所以需要提前实现。

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

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

相关推荐
Micro麦可乐几秒前
前端拖拽排序实现详解:从原理到实践 - 附完整代码
前端·javascript·html5·拖拽排序·drop api·拖拽api
Watermelo6171 分钟前
Web Worker:让前端飞起来的隐形引擎
前端·javascript·vue.js·数据挖掘·数据分析·node.js·es6
Micro麦可乐6 分钟前
前端与 Spring Boot 后端无感 Token 刷新 - 从原理到全栈实践
前端·spring boot·后端·jwt·refresh token·无感token刷新
Heidi__6 分钟前
前端数据缓存机制详解
前端·缓存
讨厌吃蛋黄酥8 分钟前
前端路由双雄:Hash vs History,谁才是React项目的真命天子?
前端·react.js·设计
VillenK10 分钟前
vban2.0中table的使用—action封装
前端·vue.js
方块海绵15 分钟前
浅析 MongoDB
后端
Hilaku18 分钟前
AVIF vs. JPEG XL:2025年,我们该为网站选择哪种下一代图片格式?
前端·javascript·html
中东大鹅21 分钟前
SpringBoot配置外部Servlet
spring boot·后端·servlet
nlp研究牲28 分钟前
latex中既控制列内容位置又控制列宽,使用>{\centering\arraybackslash}p{0.85cm}
服务器·前端·人工智能·算法·latex