SpringBoot+Vue3医院资源管理系统架构与实现

1. 医院资源管理系统架构解析

这套基于Java SpringBoot+Vue3+MyBatis的医院资源管理系统采用了经典的三层架构设计。前端Vue3通过axios与后端SpringBoot进行RESTful API交互，MyBatis作为持久层框架操作MySQL数据库，整体架构清晰且扩展性强。

1.1 技术栈选型依据

SpringBoot 2.7.x版本提供了完善的医院管理系统所需的基础能力：

• 内置Tomcat容器简化部署
• Starter依赖快速集成MyBatis、Redis等组件
• Actuator端点监控系统健康状态
• 与Vue3前端天然适配的CORS跨域支持

Vue3组合式API相比Vue2选项式API更适合复杂业务场景：

• Composition API逻辑复用更灵活
• TypeScript支持更完善
• 性能优化显著（Proxy替代defineProperty）

1.2 数据库设计方案

MySQL 8.0作为关系型数据库存储核心业务数据，主要表结构包括：

sql复制CREATE TABLE `department` (
  `id` int NOT NULL AUTO_INCREMENT,
  `name` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
  `location` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

CREATE TABLE `medical_resource` (
  `id` int NOT NULL AUTO_INCREMENT,
  `name` varchar(100) COLLATE utf8mb4_general_ci NOT NULL,
  `type` enum('EQUIPMENT','MEDICINE','SUPPLY') COLLATE utf8mb4_general_ci NOT NULL,
  `quantity` int NOT NULL DEFAULT '0',
  `department_id` int DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `fk_department` (`department_id`),
  CONSTRAINT `fk_department` FOREIGN KEY (`department_id`) REFERENCES `department` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

2. 后端SpringBoot核心实现

2.1 资源管理模块设计

采用DDD领域驱动设计划分聚合根：

java复制// 资源聚合根
@Entity
@Table(name = "medical_resource")
public class MedicalResource {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    
    @Enumerated(EnumType.STRING)
    private ResourceType type;
    
    @ManyToOne
    @JoinColumn(name = "department_id")
    private Department department;
    
    // 领域方法
    public void allocate(Department target) {
        this.department = target;
    }
}

// 资源仓库接口
public interface ResourceRepository extends JpaRepository<MedicalResource, Long> {
    List<MedicalResource> findByType(ResourceType type);
    
    @Query("SELECT r FROM MedicalResource r WHERE r.department.id = :deptId")
    List<MedicalResource> findByDepartment(@Param("deptId") Long deptId);
}

2.2 事务与缓存处理

医疗资源分配需要强事务保证：

java复制@Service
@RequiredArgsConstructor
public class ResourceAllocationService {
    private final ResourceRepository resourceRepo;
    private final DepartmentRepository deptRepo;
    
    @Transactional
    public void transferResources(List<Long> resourceIds, Long targetDeptId) {
        Department target = deptRepo.findById(targetDeptId)
            .orElseThrow(() -> new BusinessException("目标科室不存在"));
            
        resourceRepo.findAllById(resourceIds).forEach(resource -> {
            resource.allocate(target);
            resourceRepo.save(resource);
        });
    }
    
    @Cacheable(value = "resourceCache", key = "#type")
    public List<MedicalResource> getResourcesByType(ResourceType type) {
        return resourceRepo.findByType(type);
    }
}

3. 前端Vue3关键技术实现

3.1 资源可视化看板

使用ECharts实现动态资源监控：

vue复制<script setup>
import { ref, onMounted } from 'vue'
import * as echarts from 'echarts'

const chartRef = ref(null)
const resourceData = ref([])

onMounted(async () => {
  const res = await axios.get('/api/resources/stats')
  resourceData.value = res.data
  
  const chart = echarts.init(chartRef.value)
  chart.setOption({
    tooltip: { trigger: 'item' },
    series: [{
      type: 'pie',
      data: resourceData.value.map(item => ({
        value: item.count,
        name: item.type
      }))
    }]
  })
})
</script>

<template>
  <div ref="chartRef" style="width: 600px; height: 400px;"></div>
</template>

3.2 跨组件状态管理

使用Pinia替代Vuex管理全局状态：

javascript复制// stores/resource.js
export const useResourceStore = defineStore('resource', {
  state: () => ({
    currentDept: null,
    resourceFilter: {
      type: null,
      keyword: ''
    }
  }),
  actions: {
    async fetchResources() {
      const params = {}
      if (this.resourceFilter.type) params.type = this.resourceFilter.type
      if (this.resourceFilter.keyword) params.keyword = this.resourceFilter.keyword
      
      return await axios.get('/api/resources', { params })
    }
  }
})

4. 系统安全与性能优化

4.1 安全防护措施

Spring Security配置示例：

java复制@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {
    
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().disable()
            .authorizeRequests()
            .antMatchers("/api/auth/**").permitAll()
            .antMatchers("/api/admin/**").hasRole("ADMIN")
            .anyRequest().authenticated()
            .and()
            .addFilter(new JwtAuthenticationFilter(authenticationManager()))
            .sessionManagement()
            .sessionCreationPolicy(SessionCreationPolicy.STATELESS);
    }
    
    @Bean
    public PasswordEncoder passwordEncoder() {
        return new BCryptPasswordEncoder();
    }
}

4.2 性能调优实践

MySQL查询优化方案：

1. 为高频查询字段建立复合索引：

sql复制ALTER TABLE medical_resource ADD INDEX idx_type_dept (type, department_id);

2. MyBatis批量插入优化：

xml复制<insert id="batchInsert" parameterType="java.util.List">
  INSERT INTO medical_resource (name, type, quantity)
  VALUES 
  <foreach collection="list" item="item" separator=",">
    (#{item.name}, #{item.type}, #{item.quantity})
  </foreach>
</insert>

3. SpringBoot连接池配置：

yaml复制spring:
  datasource:
    hikari:
      maximum-pool-size: 20
      connection-timeout: 30000
      idle-timeout: 600000
      max-lifetime: 1800000

这套系统在实际部署时，建议配合Nginx实现静态资源缓存和负载均衡。对于高并发场景，可采用Redis缓存热点数据，并通过Spring Cache抽象层统一管理缓存策略。前端可通过Webpack的SplitChunksPlugin实现代码分割，提升首屏加载速度。