SpringBoot+Vue药品商城系统设计与实现
1. 项目概述基于SpringBoot的药品商城管理系统作为一名长期从事企业级应用开发的工程师我最近完成了一个药品商城管理系统的毕业设计项目。这个系统采用SpringBootVueMySQL的技术栈实现了药品信息管理、用户权限控制、订单处理等核心功能。在开发过程中我深刻体会到SpringBoot框架在快速构建Web应用方面的优势特别是在配置简化和依赖管理方面带来的便利。这个系统主要面向药店管理人员和普通消费者两类用户群体。管理员可以通过后台管理系统维护药品信息、处理订单、管理用户账户普通用户则可以通过前端界面浏览药品、下单购买、查看订单状态等。系统采用前后端分离架构后端提供RESTful API接口前端通过Vue.js框架实现动态交互。2. 系统架构设计2.1 技术选型与架构模式系统采用标准的MVC架构模式分为表现层、业务逻辑层和数据访问层。这种分层设计使得各层职责明确便于维护和扩展。具体技术选型如下后端框架Spring Boot 2.7.x前端框架Vue 3.x Element Plus数据库MySQL 8.0ORM框架MyBatis-Plus 3.5.x安全框架Spring Security构建工具Maven选择这些技术主要基于以下考虑Spring Boot的自动配置和起步依赖大大简化了项目搭建过程Vue.js的响应式特性和组件化开发模式非常适合构建复杂的前端应用MyBatis-Plus在MyBatis基础上提供了更多便捷功能如通用Mapper、分页插件等MySQL作为成熟的关系型数据库在数据一致性和事务支持方面表现优秀2.2 数据库设计数据库设计遵循第三范式主要包含以下核心表用户表(user)存储系统用户信息包括用户名、密码(加密存储)、联系方式等药品表(medicine)记录药品详细信息如名称、规格、价格、库存等订单表(order)保存订单基本信息包括订单号、用户ID、总金额等订单详情表(order_detail)记录订单中的具体药品项购物车表(cart)临时存储用户的购物车信息表间关系设计用户与订单一对多关系订单与订单详情一对多关系药品与订单详情一对多关系用户与购物车一对多关系提示在设计药品表时特别注意了药品分类和规格的字段设计预留了扩展空间以便未来支持更多药品属性。3. 核心功能实现3.1 用户认证与授权系统采用Spring Security实现基于角色的访问控制(RBAC)。主要实现步骤用户认证流程Override protected void configure(HttpSecurity http) throws Exception { http.authorizeRequests() .antMatchers(/admin/**).hasRole(ADMIN) .antMatchers(/user/**).hasAnyRole(USER, ADMIN) .antMatchers(/public/**).permitAll() .and() .formLogin() .loginPage(/login) .defaultSuccessUrl(/) .and() .logout() .logoutSuccessUrl(/login); }密码加密存储Bean public PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); }JWT令牌实现public String generateToken(UserDetails userDetails) { MapString, Object claims new HashMap(); return Jwts.builder() .setClaims(claims) .setSubject(userDetails.getUsername()) .setIssuedAt(new Date(System.currentTimeMillis())) .setExpiration(new Date(System.currentTimeMillis() JWT_TOKEN_VALIDITY * 1000)) .signWith(SignatureAlgorithm.HS512, secret) .compact(); }3.2 药品管理模块药品管理是系统的核心功能主要包括药品CRUD操作Service public class MedicineServiceImpl implements MedicineService { Autowired private MedicineMapper medicineMapper; Override public PageMedicine getMedicineList(int pageNum, int pageSize) { PageMedicine page new Page(pageNum, pageSize); return medicineMapper.selectPage(page, null); } Override public Medicine getMedicineById(Long id) { return medicineMapper.selectById(id); } Override public int addMedicine(Medicine medicine) { return medicineMapper.insert(medicine); } Override public int updateMedicine(Medicine medicine) { return medicineMapper.updateById(medicine); } Override public int deleteMedicine(Long id) { return medicineMapper.deleteById(id); } }药品搜索功能Override public PageMedicine searchMedicine(String keyword, int pageNum, int pageSize) { QueryWrapperMedicine queryWrapper new QueryWrapper(); queryWrapper.like(name, keyword) .or().like(description, keyword) .or().like(category, keyword); PageMedicine page new Page(pageNum, pageSize); return medicineMapper.selectPage(page, queryWrapper); }3.3 订单处理流程订单处理涉及多个步骤的状态转换订单状态机设计public enum OrderStatus { PENDING_PAYMENT, // 待支付 PAID, // 已支付 SHIPPED, // 已发货 COMPLETED, // 已完成 CANCELLED // 已取消 }创建订单逻辑Transactional public Order createOrder(Long userId, ListCartItem cartItems) { // 1. 验证库存 for (CartItem item : cartItems) { Medicine medicine medicineMapper.selectById(item.getMedicineId()); if (medicine.getStock() item.getQuantity()) { throw new RuntimeException(药品库存不足); } } // 2. 扣减库存 for (CartItem item : cartItems) { medicineMapper.deductStock(item.getMedicineId(), item.getQuantity()); } // 3. 创建订单 Order order new Order(); order.setUserId(userId); order.setStatus(OrderStatus.PENDING_PAYMENT); order.setTotalAmount(calculateTotal(cartItems)); orderMapper.insert(order); // 4. 创建订单详情 for (CartItem item : cartItems) { OrderDetail detail new OrderDetail(); detail.setOrderId(order.getId()); detail.setMedicineId(item.getMedicineId()); detail.setQuantity(item.getQuantity()); detail.setUnitPrice(item.getPrice()); orderDetailMapper.insert(detail); } // 5. 清空购物车 cartMapper.clearCart(userId); return order; }4. 系统优化与安全考虑4.1 性能优化措施缓存策略使用Redis缓存热门药品信息实现二级缓存提高查询效率Cacheable(value medicine, key #id) public Medicine getMedicineById(Long id) { return medicineMapper.selectById(id); }数据库优化为常用查询字段添加索引使用连接池管理数据库连接对大表进行分表分库设计前端性能优化使用Vue的异步组件实现按需加载对静态资源进行压缩和CDN加速实现图片懒加载4.2 安全防护方案输入验证PostMapping(/medicine) public ResponseEntity? addMedicine(Valid RequestBody Medicine medicine, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return ResponseEntity.badRequest().body(参数校验失败); } // 处理逻辑 }防SQL注入使用MyBatis的参数绑定方式避免直接拼接SQL语句XSS防护Configuration public class WebSecurityConfig extends WebSecurityConfigurerAdapter { Override protected void configure(HttpSecurity http) throws Exception { http.headers().xssProtection(); } }CSRF防护Override protected void configure(HttpSecurity http) throws Exception { http.csrf().csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse()); }5. 部署与运维5.1 系统部署方案后端部署使用Docker容器化部署配置Nginx反向代理设置负载均衡前端部署打包静态资源部署到Nginx配置HTTPS安全访问设置缓存策略数据库部署主从复制提高可用性定期备份策略监控慢查询5.2 监控与日志系统监控使用Spring Boot Actuator暴露健康检查端点集成Prometheus收集指标数据配置Grafana可视化监控面板日志管理dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-log4j2/artifactId /dependency使用ELK(ElasticsearchLogstashKibana)栈集中管理日志设置日志分级和轮转策略6. 开发经验与问题解决6.1 常见问题及解决方案跨域问题Configuration public class CorsConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) .allowedOrigins(*) .allowedMethods(GET, POST, PUT, DELETE) .allowedHeaders(*); } }事务管理问题Service public class OrderServiceImpl implements OrderService { Transactional(rollbackFor Exception.class) public Order createOrder(OrderDTO orderDTO) { // 订单创建逻辑 } }性能瓶颈排查使用Arthas进行线上诊断分析慢查询日志使用JProfiler进行性能分析6.2 开发心得代码组织建议遵循单一职责原则合理划分包结构保持接口简洁测试策略单元测试覆盖核心业务逻辑集成测试验证组件交互E2E测试保证端到端功能文档重要性保持API文档同步更新编写清晰的README记录关键设计决策在开发这个药品商城管理系统的过程中我最大的体会是良好的架构设计可以显著降低后期维护成本。特别是在药品库存管理和订单处理这种对数据一致性要求高的场景合理的事务设计和并发控制至关重要。另外完善的测试用例不仅能提高代码质量还能在重构时提供安全保障。