利用Cursor AI编程 两小时实现 基于Spring AI 2.0的带智能客服的商城系统(带在线支付功能)
大家好,我是Java1234_小锋老师。分享下我的 利用Cursor AI编程 两小时实现 基于Spring AI 2.0的带智能客服的商城系统(带在线支付功能) 高级是指按课程。
高清视频+源码+文档下载
链接:https://pan.baidu.com/s/1o-zRfndo1HHrS_uFroOiCw?pwd=1234
提取码:0000
项目演示以及需求分析
开发一个基于Spring AI 2.0的 带智能客服的商城系统(带在线支付功能) 要求复杂度适中,适合入门学习用。
要求如下:
1,后端SpringBoot对应目录server
2,分管理员和普通用户两个角色
3,管理员前端使用Vue3,对应目录client。普通用户前端放server项目的resources下的template下,使用thymeleaf模板引擎技术。
4,数据库是mysql8,端口3308,生成建表sql语句,以及测试数据
5,用户密码需要md5加密,密码是123456
6,生成的代码要加中文备注,包括类和方法备注。
7,管理员系统后台home主页面带一点数据统计图表功能
8,使用的向量数据库是Redis
9,LLM大模型使用openai接口方式调用 base_url是 https://dashscope.aliyuncs.com/compatible-mode 聊天模型使用qwen3.6-plus,嵌入模型使用text-embedding-v4 ,向量维度设置成2048
10,指定项目名称 Java1234 基于Spring AI2.0的带智能客服的商城系统
11,项目里需要上传的图片或者文件统一D盘根目录下的uploads3目录下。
12,智能客服系统也要进行RAG增强检索,项目里支持txt,doc,pdf,markdown四种格式的知识库文件上传,解析,向量化存Redis向量数据库。
13,商城系统要加上支付宝沙箱支付功能。
新建后端SpringBoot项目
SpringBoot版本:4.0.6
Jdk 17
百炼云平台大模型接口
redis向量数据库
<dependency><groupId>org.springframework.ai</groupId><artifactId>spring-ai-starter-vector-store-redis</artifactId></dependency><!-- Spring AI RedisVectorStoreAutoConfiguration 仅在存在 JedisConnectionFactory 时生效(不用 Lettuce)。 因此改用 Jedis,并从 starter 中排除 Lettuce。 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId><exclusions><exclusion><groupId>io.lettuce</groupId><artifactId>lettuce-core</artifactId></exclusion></exclusions></dependency><dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId></dependency><!-- Tika 通用文档读取器 --><dependency><groupId>org.springframework.ai</groupId><artifactId>spring-ai-tika-document-reader</artifactId></dependency><!-- Markdown 文档读取器 --><dependency><groupId>org.springframework.ai</groupId><artifactId>spring-ai-markdown-document-reader</artifactId></dependency><dependency><groupId>org.springframework.ai</groupId><artifactId>spring-ai-advisors-vector-store</artifactId></dependency>新建项目:
选择依赖:
这样后端SpringBoot项目就新建完了。
新建前端Vue项目
vite构建前端vue项目:npm create vite@latest
首先项目目录,进入cmd命令行:贴下vite构建命令
输入项目名称,选Vue,选JavaScript,选Yes,直接构建
很快就新建完完了。
点链接,可以进入helloWorld页面:
支付宝沙箱支付申请
支付宝沙箱申请地址(登录后台)
https://open.alipay.com/develop/sandbox/app
左侧菜单 沙箱账号信息:
左侧菜单 沙箱工具 下载(目前只支持Android)
扫码 下载 支付宝 沙箱版 APP 后,用 卖家版账号登录APP
利用Cursor AI编程 Plan沟通项目方案
开发一个基于Spring AI 2.0的 带智能客服的商城系统(带在线支付功能) 要求复杂度适中,适合入门学习用。
要求如下:
1,后端SpringBoot对应目录server
2,分管理员和普通用户两个角色
3,管理员前端使用Vue3,对应目录client。普通用户前端放server项目的resources下的template下,使用thymeleaf模板引擎技术。
4,数据库是mysql8,端口3308,生成建表sql语句,以及测试数据
5,用户密码需要md5加密,密码是123456
6,生成的代码要加中文备注,包括类和方法备注。
7,管理员系统后台home主页面带一点数据统计图表功能
8,使用的向量数据库是Redis
9,LLM大模型使用openai接口方式调用 base_url是 https://dashscope.aliyuncs.com/compatible-mode 聊天模型使用qwen3.6-plus,嵌入模型使用text-embedding-v4 ,向量维度设置成2048
10,指定项目名称 Java1234 基于Spring AI2.0的带智能客服的商城系统
11,项目里需要上传的图片或者文件统一D盘根目录下的uploads3目录下。
12,智能客服系统也要进行RAG增强检索,项目里支持txt,doc,pdf,markdown四种格式的知识库文件上传,解析,向量化存Redis向量数据库。
13,商城系统要加上支付宝沙箱支付功能。
我们把需求贴到cursor里面,选Opus4.7以及plan模式:
很快Cursor就给我们生成了项目方案。
利用Cursor AI编程 Agent生成项目
选composer2.5 build按钮
直接生成项目代码:
利用Cursor AI编程 Agent修复bug和完善功能
支付宝异步回调测试,也可以用ngrok内网穿透映射:
https://dashboard.ngrok.com/get-started/setup/windows
注册安装好ngrok后,配置下你的权限token
ngrok config add-authtoken 24Fxhykq0ZPw071wMOBzf1zm5rX_3RJV6R6BPWQukG6k71Cb9然后运行
ngrok http 8080