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

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

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

相关推荐
ai小鬼头2 分钟前
AIStarter如何快速部署Stable Diffusion?**新手也能轻松上手的AI绘图
前端·后端·github
IT_102438 分钟前
Spring Boot项目开发实战销售管理系统——数据库设计!
java·开发语言·数据库·spring boot·后端·oracle
bobz9651 小时前
动态规划
后端
墨菲安全1 小时前
NPM组件 betsson 等窃取主机敏感信息
前端·npm·node.js·软件供应链安全·主机信息窃取·npm组件投毒
GISer_Jing1 小时前
Monorepo+Pnpm+Turborepo
前端·javascript·ecmascript
天涯学馆1 小时前
前端开发也能用 WebAssembly?这些场景超实用!
前端·javascript·面试
stark张宇1 小时前
VMware 虚拟机装 Linux Centos 7.9 保姆级教程(附资源包)
linux·后端
亚力山大抵2 小时前
实验六-使用PyMySQL数据存储的Flask登录系统-实验七-集成Flask-SocketIO的实时通信系统
后端·python·flask
我在北京coding2 小时前
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
前端·javascript·vue.js