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

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

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

相关推荐
你挚爱的强哥13 分钟前
【pdf】自定义组件:预览指定地址的PDF文件
开发语言·前端·javascript
RainbowSea15 分钟前
6-2 MySQL 数据结构选择的合理性
java·后端·mysql
穗余28 分钟前
NodeJS全栈开发面试题讲解——P12高性能场景题
前端·面试·node.js
Dignity_呱33 分钟前
vue2和Vue3和React的diff算法展开说说:从原理到优化策略
前端·vue.js·react.js
鸿蒙预备高级程序员36 分钟前
HarmonyOS5 状态栏文字颜色设置工具封装解析~
前端
Zsnoin能37 分钟前
Flex实现网格布局,保姆教程
前端·html
五号厂房40 分钟前
Vue 2 源码探秘:数组拦截实现的底层原理
前端
兔子1213542 分钟前
浏览器中计算大文件SHA-256哈希
前端
linux-hzh44 分钟前
day07
前端·javascript·css
新中地GIS开发老师1 小时前
新中地三维GIS开发智慧城市效果和应用场景
javascript·arcgis·智慧城市·gis开发·webgis·地理信息科学