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

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

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

相关推荐
最爱老式锅包肉1 小时前
《HarmonyOS技术精讲-ArkWeb》桥接两岸:JSBridge原生与Web互调
前端·华为·harmonyos
IT_陈寒2 小时前
闭包陷阱让我加了两天班,JavaScript你真行
前端·人工智能·后端
踩着两条虫2 小时前
可视化 vs 终端 vs 云端:VTJ.PRO、Claude Code、Codex 三强横评
前端·vue.js·人工智能·低代码·架构
kyriewen2 小时前
Godot 全面封杀 Vibe Coding,作为每天用 AI 写代码的人,我反而觉得这是件好事
前端·ai编程·claude
前进的搬砖er2 小时前
4.three.js的几何体、纹理、光源、材质、uv属性 讲义
前端
前端毕业班2 小时前
uni-app 小程序支持 teleport 了
前端·javascript·vue.js
易协同低代码3 小时前
通达OA核心类库TD类深度解析
后端
Gopher_HBo3 小时前
Go语言学习笔记(十八)Gin处理Session
后端
东风破_3 小时前
LLM 为什么记不住你?无状态、messages 和上下文管理
javascript·人工智能
梨子同志3 小时前
qiankun
前端