1. 项目概述这个基于SpringBootVue的医疗用品销售网站项目是我去年指导的一个计算机专业本科毕业设计的完整实现方案。整套系统采用前后端分离架构后端使用SpringBootMyBatis技术栈前端采用VueElementUI框架实现了医疗用品的在线展示、购物车管理、订单处理等核心电商功能。特别说明本文提供的代码和设计方案已经过实际毕业答辩验证包含完整的数据库设计文档、接口文档和部署指南适合作为Java全栈开发的实战参考项目。2. 技术选型解析2.1 后端技术栈SpringBoot 2.7.12版本 MyBatis-Plus 3.5.3 MySQL 8.0选用SpringBoot而非传统SSM框架主要考虑其自动配置特性可以快速搭建项目MyBatis-Plus的代码生成器功能大幅减少了基础CRUD代码量数据库采用MySQL社区版因其在中小型电商系统中的稳定表现2.2 前端技术栈Vue 2.6 ElementUI 2.15 AxiosVue2版本成熟稳定配套生态完善ElementUI提供现成的Admin模板和组件库采用axios处理HTTP请求配合拦截器实现权限控制3. 核心功能实现3.1 商品管理模块数据库设计关键表CREATE TABLE product ( id int NOT NULL AUTO_INCREMENT, name varchar(100) NOT NULL COMMENT 商品名称, category_id int NOT NULL COMMENT 分类ID, price decimal(10,2) NOT NULL COMMENT 售价, stock int NOT NULL DEFAULT 0 COMMENT 库存, medical_license varchar(50) DEFAULT NULL COMMENT 医疗器械备案号, status tinyint NOT NULL DEFAULT 1 COMMENT 状态, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;后端接口示例SpringBootRestController RequestMapping(/api/product) public class ProductController { Autowired private ProductService productService; GetMapping(/list) public Result list(RequestParam MapString,Object params){ PageUtils page productService.queryPage(params); return Result.ok().put(page, page); } }3.2 购物车系统前端Vue组件关键逻辑// 购物车数量增减 changeCartNum(id, num) { this.$axios.post(/cart/update, { id: id, num: num }).then(res { this.getCartList() }) }Redis缓存设计使用Hash结构存储用户购物车数据Key格式cart:{userId}FieldproductIdValue商品数量4. 特色功能实现4.1 医疗资质验证在商品上架时增加医疗资质审核流程public Result addProduct(ProductDTO dto) { // 验证医疗器械备案号 if(!medicalLicenseService.validate(dto.getMedicalLicense())){ return Result.error(医疗器械备案号无效); } // ...其他逻辑 }4.2 订单状态机设计采用状态模式实现订单流转public interface OrderState { void pay(Order order); void cancel(Order order); void deliver(Order order); } Component Scope(prototype) public class UnpaidState implements OrderState { Override public void pay(Order order) { order.setState(OrderStatusEnum.PAID.getCode()); // 支付成功逻辑 } }5. 部署指南5.1 后端部署打包命令mvn clean package -DskipTests启动参数配置# application-prod.properties server.port8080 spring.datasource.urljdbc:mysql://localhost:3306/medical_mall?useSSLfalse5.2 前端部署Nginx配置示例server { listen 80; server_name mall.example.com; location / { root /usr/share/nginx/html/dist; index index.html; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://backend:8080; } }6. 常见问题解决方案6.1 跨域问题SpringBoot解决方案Configuration public class CorsConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) .allowedOrigins(*) .allowedMethods(*) .maxAge(3600); } }6.2 文件上传大小限制调整SpringBoot配置spring.servlet.multipart.max-file-size10MB spring.servlet.multipart.max-request-size10MB7. 项目优化建议缓存策略优化商品详情页加入Redis缓存使用Spring Cache注解简化缓存逻辑搜索功能增强集成Elasticsearch实现商品搜索增加医疗用品专业术语同义词库安全加固增加SQL注入过滤器敏感操作加入日志审计开发心得医疗类电商系统要特别注意资质验证和库存管理我们在测试阶段就发现了如果没有严格的库存校验会导致超卖问题。最终通过Redis分布式锁数据库乐观锁双重保障解决了这个问题。
