SpringBoot+Vue3+SpringAI中医药材智能销售系统（源码）

目录

一、项目背景

二、技术介绍

三、功能介绍

四、代码设计

五、系统实现

一、项目背景

中医药作为中华民族的瑰宝，在疾病防治与健康养生领域发挥着不可替代的作用。近年来，随着“健康中国”战略的深入推进和民众健康意识的显著提升，中药材市场需求持续旺盛。然而，传统中药材销售模式长期面临信息不对称、品质难溯源、销售渠道单一、专业服务缺失等结构性痛点。一方面，消费者面对琳琅满目的药材品类，往往缺乏辨别真伪优劣的专业知识，容易陷入“以貌取材”的误区；另一方面，基层药材商户受限于信息化水平，在库存管理、客户服务、精准营销等方面力不从心，难以适应数字化时代的消费升级需求。

与此同时，人工智能技术的蓬勃发展正加速重塑传统行业格局。以DeepSeek、ChatGPT为代表的大语言模型（LLM）展现出卓越的自然语言理解与知识推理能力，为中医药领域的智能化转型提供了全新契机。Spring AI框架作为Spring生态中面向AI应用开发的官方解决方案，通过统一抽象的API接口，能够无缝对接各类大模型，极大降低了AI能力与业务系统集成的技术门槛。将AI大模型引入中药材销售场景，有望在智能导购推荐、药材知识问答、个性化养生方案生成等环节实现突破性体验升级。

基于上述背景，本课题拟设计并开发一套基于Spring Boot+Vue3+Spring AI的中药材智能销售系统。系统采用前后端分离架构，后端以Spring Boot 3为核心构建稳健服务层，通过Spring AI框架统一集成大模型能力，前端采用Vue3组合式API与TypeScript构建沉浸式交互界面，Element Plus提供丰富的业务组件支撑。核心功能模块包括：中药材智能商城（支持多维度检索、功效分类浏览、在线下单）；AI智能导购助手（基于大模型实现药材功效解析、对症推荐、配伍禁忌提醒）；库存与订单管理（面向商户的进销存一体化管理）；药膳与养生方案推荐（结合节气、体质等因素生成个性化建议）。本系统的研发，旨在探索AI大模型在中医药流通领域的创新应用路径，为传统中药材行业数字化转型提供可复用的技术范式与解决方案。

二、技术介绍

项目采用技术： ① 架构模式：前后端分离开发 ② 系统环境：Windows、Mac ③ 开发环境：IDEA、JDK21、MySQL 8.0+、Node.js 16+ ④ 后端技术栈：Spring Boot 3.2.0、Spring AI 1.0.0-M4、阿里云百炼大模型、MyBatis-Plus 3.5.9、MySQL 8.0+、JWT、Hutool、Spring WebFlux ⑤ 前端技术栈：Vue 3.3.4、Vue Router 4.2.4、Vuex 4.1.0、Element Plus 2.3.14、Axios 1.5.0、ECharts 5.4.3、Vite 4.4.9

本系统采用前后端分离的开发模式，支持Windows与macOS跨平台运行。开发环境方面，后端基于IntelliJ IDEA与JDK 21，数据库采用MySQL 8.0+，前端使用Node.js 16+与Vite构建工具，保障高效开发与快速热更新。

后端技术栈以Spring Boot 3.2.0为核心框架，依托Spring AI 1.0.0-M4统一抽象接口集成阿里云百炼大模型能力，实现智能导购与知识问答；MyBatis-Plus 3.5.9作为ORM框架简化数据访问层开发，配合MySQL实现数据持久化；JWT用于身份认证与权限管理，Hutool工具库提升开发效率，Spring WebFlux支持非阻塞响应式编程，为AI流式对话提供高性能通信保障。

前端技术栈采用Vue 3.3.4组合式API与TypeScript构建类型安全的组件化应用，Vue Router 4.2.4管理路由，Vuex 4.1.0实现全局状态管理；Element Plus 2.3.14提供丰富的后台UI组件，Axios 1.5.0封装HTTP请求与拦截器，ECharts 5.4.3实现销售数据可视化分析。该技术体系前后端协同，为中药材智能销售系统提供了高性能、可扩展、体验优良的技术底座。

三、功能介绍

二、功能描述 用户端功能： 用户认证模块（注册、登录、个人信息管理、修改密码） 药材商品模块（列表浏览、详情查看、分类筛选、关键词搜索） 购物车模块（添加商品、修改数量、删除商品、批量删除） 订单模块（创建订单、订单列表、订单支付、取消订单、确认收货） 收货地址模块（地址列表、新增地址、修改地址、删除地址、设置默认） 我的收藏模块（收藏商品、取消收藏、收藏列表） 评价模块（发表评价、星级评分、上传图片、查看评价） 资讯模块（资讯列表、资讯详情、分类浏览） 公告模块（公告列表、公告详情） AI智能客服模块（中医药材咨询、购买建议、订单查询、常见问题解答、SSE流式输出、上下文记忆） 管理端功能： 管理员认证模块（管理员登录、管理员注册、JWT权限验证） 数据统计模块（销售统计、订单统计、评价统计、用户统计、ECharts可视化图表） 药材管理模块（增删改查、图片上传、上下架管理、库存管理） 分类管理模块（增删改查、排序管理） 订单管理模块（订单列表、订单详情、发货操作、多条件筛选） 用户管理模块（用户列表、用户详情、禁用启用） 评价管理模块（评价列表、评价详情、删除评价） 资讯管理模块（增删改查、封面上传） 公告管理模块（增删改查） 三、数据库设计 系统数据库：herbal_system_db 包含11张主表： 主要数据表： user（用户表） sys_admin（管理员表） product（中药材表） product_category（药材分类表） cart（购物车表） favorite（收藏表） orders（订单表） order_item（订单详情表） address（收货地址表） review（评价表） article（资讯表） notice（公告表） 四、项目特色 完整的前后端分离架构，代码结构清晰规范 集成Spring AI + 阿里云百炼大模型，实现AI智能客服功能 AI客服支持SSE流式输出，实时显示回复内容 完善的用户权限控制，基于JWT的安全认证机制 美观的前端界面，基于Vue3 + Element Plus的响应式设计 完整的电商购物流程，从浏览到下单支付全覆盖 强大的管理后台，支持数据统计和ECharts可视化展示 丰富的业务功能，涵盖中医药材电商平台核心业务场景 支持图片上传和预览功能 严格的代码规范，采用三层架构，易于维护扩展 五、源码说明 源码包含： 前端Vue3源码（完整项目结构，含所有页面组件） 后端SpringBoot源码（完整三层架构：Controller、Service、Mapper） Spring AI集成源码（AI配置、聊天服务、SSE流式接口） MySQL数据库脚本（包含完整表结构和测试数据） 详细开发文档（包含技术栈说明、功能介绍、部署步骤、AI配置说明） 测试账号（用户端账号、管理员账号） 六、测试账号 用户端测试账号： 用户名：liming 密码：123456 管理端测试账号： 用户名：admin 密码：123456

四、代码设计

package com.herb.config;

import org.springframework.ai.chat.ChatClient;
import org.springframework.ai.chat.ChatResponse;
import org.springframework.ai.chat.messages.Message;
import org.springframework.ai.chat.messages.UserMessage;
import org.springframework.ai.chat.prompt.Prompt;
import org.springframework.ai.chat.prompt.SystemPromptTemplate;
import org.springframework.ai.openai.OpenAiChatClient;
import org.springframework.ai.openai.OpenAiChatOptions;
import org.springframework.ai.openai.api.OpenAiApi;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import java.util.List;

/**
* Spring AI 配置类
* 集成阿里云百炼大模型（兼容OpenAI API格式）
*/
@Configuration
public class AiConfig {

@Value("${spring.ai.openai.api-key}")
private String apiKey;

@Value("${spring.ai.openai.base-url}")
private String baseUrl;

@Value("${spring.ai.openai.chat.options.model}")
private String model;

/**
* 配置OpenAiApi客户端
* 阿里云百炼兼容OpenAI接口规范
*/
@Bean
public OpenAiApi openAiApi() {
return new OpenAiApi(baseUrl, apiKey);
}

/**
* 配置ChatClient
*/
@Bean
public ChatClient chatClient(OpenAiApi openAiApi) {
OpenAiChatOptions options = OpenAiChatOptions.builder()
.withModel(model)
.withTemperature(0.7)
.withMaxTokens(2048)
.withTopP(0.9)
.build();

return new OpenAiChatClient(openAiApi, options);
}
}

五、系统实现