大家好,我是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向量数据库
xml
<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

