SpringBoot+Vue3+SpringAI中医药材智能销售系统(源码)
目录一、项目背景二、技术介绍三、功能介绍四、代码设计五、系统实现一、项目背景中医药作为中华民族的瑰宝在疾病防治与健康养生领域发挥着不可替代的作用。近年来随着“健康中国”战略的深入推进和民众健康意识的显著提升中药材市场需求持续旺盛。然而传统中药材销售模式长期面临信息不对称、品质难溯源、销售渠道单一、专业服务缺失等结构性痛点。一方面消费者面对琳琅满目的药材品类往往缺乏辨别真伪优劣的专业知识容易陷入“以貌取材”的误区另一方面基层药材商户受限于信息化水平在库存管理、客户服务、精准营销等方面力不从心难以适应数字化时代的消费升级需求。与此同时人工智能技术的蓬勃发展正加速重塑传统行业格局。以DeepSeek、ChatGPT为代表的大语言模型LLM展现出卓越的自然语言理解与知识推理能力为中医药领域的智能化转型提供了全新契机。Spring AI框架作为Spring生态中面向AI应用开发的官方解决方案通过统一抽象的API接口能够无缝对接各类大模型极大降低了AI能力与业务系统集成的技术门槛。将AI大模型引入中药材销售场景有望在智能导购推荐、药材知识问答、个性化养生方案生成等环节实现突破性体验升级。基于上述背景本课题拟设计并开发一套基于Spring BootVue3Spring 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、MapperSpring 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); } }五、系统实现