基于SpringBoot与Vue的远程医疗会诊系统 - 源码深度解析

JavaJavaScriptMavenHTMLCSSSSM框架MySQLSpringboot框架使用Vue
2026-02-114 浏览

文章摘要

本项目是一款基于SpringBoot与Vue技术栈构建的远程医疗会诊系统，旨在解决传统医疗模式中地域限制、专家资源分配不均以及患者就医不便的核心痛点。系统通过搭建一个安全、高效的在线交互平台，使得不同地区的医疗专家能够突破地理障碍，共同为患者进行病情分析与诊断，从而优化医疗资源配置，提升优质医疗服务...

在现代医疗体系中，地域限制和专家资源分配不均一直是影响医疗服务可及性的关键问题。传统医疗模式中，患者往往需要长途跋涉前往大城市就医，而专家资源则难以有效辐射到基层医疗机构。这一背景下，远程医疗会诊平台应运而生，通过技术手段打破地理壁垒，实现优质医疗资源的共享与高效利用。

本系统采用SpringBoot与Vue.js技术栈构建，打造了一个集在线会诊、药品配送、医患交流于一体的综合性医疗服务平台。系统后端基于SpringBoot框架，充分利用其自动配置和快速开发特性；前端采用Vue.js实现响应式用户界面，确保用户体验的流畅性。数据库选用MySQL，通过精心设计的表结构和索引优化保证数据操作的效率。

系统架构与技术栈

系统采用经典的前后端分离架构，后端基于SpringBoot框架构建RESTful API，前端使用Vue.js实现单页面应用。这种架构模式使得前后端开发可以并行进行，提高了开发效率，同时也便于后期的维护和扩展。

后端技术栈配置示例：

# 数据库连接配置
spring.datasource.url=jdbc:mysql://192.168.99.4:3306/vue_yuanchenghuizhen?useSSL=false&serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&allowPublicKeyRetrieval=true
spring.datasource.username=vue_yuanchenghuizhen
spring.datasource.password=vue_yuanchenghuizhen

# 服务器配置
server.port=8080
server.servlet.context-path=/vue_yuanchenghuizhen

# MyBatis-Plus配置
mybatis-plus.global-config.db-config.table-prefix=t_
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl

# 文件上传配置
spring.servlet.multipart.max-file-size=1000MB
spring.servlet.multipart.max-request-size=1000MB
spring.servlet.multipart.location=/tmp

前端技术实现核心：

// Vue组件示例 - 地址管理
export default {
  data() {
    return {
      addressList: [],
      form: {
        name: '',
        phone: '',
        address: '',
        keyong: true
      }
    }
  },
  methods: {
    async loadAddresses() {
      const response = await this.$http.get('/address/list', {
        headers: { 'X-Token': this.$store.state.token }
      })
      this.addressList = response.data.data
    },
    
    async saveAddress() {
      await this.$http.post('/address/save', this.form, {
        headers: { 'X-Token': this.$store.state.token }
      })
      this.$message.success('地址保存成功')
      this.loadAddresses()
    }
  }
}

数据库设计亮点分析

用户角色权限管理设计

系统采用基于角色的访问控制模型，通过t_user_role关联表实现用户与角色的多对多关系。这种设计具有良好的扩展性，可以灵活地调整用户的权限配置。

-- 角色表设计
CREATE TABLE `t_role` (
  `role_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '角色ID',
  `role_name` varchar(50) DEFAULT NULL COMMENT '角色名字',
  `role_desc` varchar(100) DEFAULT NULL COMMENT '角色备注',
  PRIMARY KEY (`role_id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='角色表'

-- 用户角色关联表
CREATE TABLE `t_user_role` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '关联ID',
  `user_id` int(11) DEFAULT NULL COMMENT '用户ID',
  `role_id` int(11) DEFAULT NULL COMMENT '角色ID',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=23 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='用户角色表'

设计优势：

  • 使用AUTO_INCREMENT确保主键的唯一性和连续性
  • 合理的字段长度限制，避免空间浪费
  • 清晰的注释说明，便于维护和理解
  • 支持多角色分配，满足复杂权限需求

订单管理系统设计

订单管理模块采用状态机模式，通过t_orderstatus表管理订单生命周期，确保业务流程的完整性。

CREATE TABLE `t_orders` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `pdetail` varchar(255) DEFAULT NULL COMMENT '购买药品详情',
  `address` varchar(255) DEFAULT NULL COMMENT '收货地址',
  `keeper` varchar(255) DEFAULT NULL COMMENT '收货人',
  `phone` varchar(255) DEFAULT NULL COMMENT '联系电话',
  `ydanhao` varchar(255) DEFAULT NULL COMMENT '运单号',
  `comment` varchar(255) DEFAULT NULL COMMENT '评价',
  `stime` varchar(255) DEFAULT NULL COMMENT '下单时间',
  `bz` varchar(255) DEFAULT NULL COMMENT '备注',
  `user_id` int(11) DEFAULT NULL COMMENT '购买人',
  `orderStatus_id` int(11) DEFAULT NULL COMMENT '订单状态',
  `add_time` datetime DEFAULT NULL COMMENT '插入数据库时间',
  PRIMARY KEY (`id`),
  KEY `FK8112907561968182664` (`user_id`),
  KEY `FK5291934068675073251` (`orderStatus_id`),
  CONSTRAINT `FK5291934068675073251` FOREIGN KEY (`orderStatus_id`) REFERENCES `t_orderstatus` (`id`),
  CONSTRAINT `FK8112907561968182664` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='订单管理'

索引优化策略：

  • 为user_id和orderStatus_id建立外键索引，提高关联查询效率
  • 使用datetime类型存储时间戳，支持时间范围查询
  • 合理的字段注释，便于业务理解

订单管理界面

核心功能实现深度解析

地址管理功能实现

地址管理模块采用标准的CRUD操作模式，通过Token认证确保数据安全性。控制器层使用注解驱动的方式简化配置。

@Controller
@RequestMapping("/address")
public class AddressController {
    @Resource
    private AddressService addressService;
    @Resource
    private UserService userService;

    /**
    * 地址列表查询接口
    */
    @RequestMapping("/list")
    @ResponseBody
    @RequireLoginWithToken
    public Result list(Address address, @RequestHeader("X-Token") String token,
                      @RequestParam(value = "pageNo", defaultValue = "1") Integer pageNo,
                      @RequestParam(value = "pageSize", defaultValue = "10") Integer pageSize) {
        
        User currentUser = userService.getUser(token);
        MPJLambdaWrapper<Address> wrapper = new MPJLambdaWrapper<>();
        
        // 构建查询条件
        if (StringUtils.isNotBlank(address.getName())) {
            wrapper.like(Address::getName, address.getName());
        }
        if (address.getKeyong() != null) {
            wrapper.eq(Address::getKeyong, address.getKeyong());
        }
        
        // 分页查询
        Page<Address> page = new Page<>(pageNo, pageSize);
        Page<Address> resultPage = addressService.selectJoinListPage(page, Address.class, wrapper);
        
        return Result.success(resultPage);
    }

    /**
    * 地址保存接口
    */
    @PostMapping("/save")
    @ResponseBody
    @RequireLoginWithToken
    public Result save(@RequestBody Address address, @RequestHeader("X-Token") String token) {
        try {
            User currentUser = userService.getUser(token);
            address.setUserId(currentUser.getId());
            address.setAddTime(new Timestamp(System.currentTimeMillis()));
            
            if (address.getId() == null) {
                addressService.save(address);
            } else {
                addressService.updateById(address);
            }
            
            // 记录操作日志
            Log log = new Log();
            log.setOperation("保存地址信息");
            log.setUserId(currentUser.getId());
            log.setAddTime(new Timestamp(System.currentTimeMillis()));
            logService.save(log);
            
            return Result.success("操作成功");
        } catch (DataIntegrityViolationException e) {
            return Result.failure(ResultCode.DATA_INTEGRITY_ERROR);
        }
    }
}

业务逻辑亮点：

  • 使用@RequireLoginWithToken注解实现统一的权限验证
  • 采用MyBatis-Plus的Lambda查询方式，避免SQL注入风险
  • 完整的异常处理机制，保证系统稳定性
  • 操作日志记录，满足审计要求

药品分类管理功能

系统采用两级分类体系，通过t_firsttype和t_secondtype表实现药品的层级化管理。

-- 一级分类表
CREATE TABLE `t_firsttype` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL COMMENT '一级分类名称',
  `bz` varchar(255) DEFAULT NULL COMMENT '备注',
  `add_time` datetime DEFAULT NULL COMMENT '插入数据库时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='一级分类'

// 药品分类服务实现
@Service
public class MedicineTypeService {
    
    @Resource
    private FirstTypeMapper firstTypeMapper;
    @Resource
    private SecondTypeMapper secondTypeMapper;
    
    /**
    * 获取完整的分类树形结构
    */
    public List<Map<String, Object>> getTypeTree() {
        List<FirstType> firstTypes = firstTypeMapper.selectList(null);
        List<Map<String, Object>> tree = new ArrayList<>();
        
        for (FirstType firstType : firstTypes) {
            Map<String, Object> node = new HashMap<>();
            node.put("id", firstType.getId());
            node.put("label", firstType.getName());
            node.put("level", 1);
            
            // 查询二级分类
            List<SecondType> secondTypes = secondTypeMapper.selectByFirstTypeId(firstType.getId());
            List<Map<String, Object>> children = new ArrayList<>();
            
            for (SecondType secondType : secondTypes) {
                Map<String, Object> childNode = new HashMap<>();
                childNode.put("id", secondType.getId());
                childNode.put("label", secondType.getName());
                childNode.put("level", 2);
                children.add(childNode);
            }
            
            node.put("children", children);
            tree.add(node);
        }
        
        return tree;
    }
}

药品管理界面

实时会诊通信模块

系统通过WebSocket实现实时音视频通信功能，为医生和患者提供高质量的远程会诊体验。

@ServerEndpoint("/websocket/consultation/{roomId}")
@Component
public class ConsultationWebSocket {
    
    private static ConcurrentHashMap<String, Set<Session>> rooms = new ConcurrentHashMap<>();
    
    @OnOpen
    public void onOpen(Session session, @PathParam("roomId") String roomId) {
        rooms.computeIfAbsent(roomId, k -> ConcurrentHashMap.newKeySet()).add(session);
        broadcastUserList(roomId);
    }
    
    @OnMessage
    public void onMessage(String message, Session session, 
                         @PathParam("roomId") String roomId) {
        JSONObject jsonMessage = new JSONObject(message);
        String type = jsonMessage.getStr("type");
        
        switch (type) {
            case "offer":
            case "answer":
            case "candidate":
                // 转发WebRTC信令
                broadcastToOthers(session, message, roomId);
                break;
            case "chat":
                // 处理文字聊天
                handleChatMessage(jsonMessage, roomId);
                break;
        }
    }
    
    private void broadcastToOthers(Session currentSession, String message, String roomId) {
        Set<Session> roomSessions = rooms.get(roomId);
        if (roomSessions != null) {
            for (Session session : roomSessions) {
                if (!session.equals(currentSession) && session.isOpen()) {
                    try {
                        session.getBasicRemote().sendText(message);
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }
        }
    }
}

通信协议设计：

{
  "type": "offer",
  "sdp": "v=0\\r\\no=- 123456 2 IN IP4 127.0.0.1\\r\\n...",
  "sender": "doctor_123",
  "receiver": "patient_456",
  "timestamp": 1633046400000
}

会诊管理界面

论坛交流系统

医患交流论坛采用多级分类和内容审核机制，确保交流环境的安全性和专业性。

@RestController
@RequestMapping("/forum")
public class ForumController {
    
    @Resource
    private PostService postService;
    @Resource
    private CommentService commentService;
    
    /**
    * 分页查询论坛帖子
    */
    @GetMapping("/posts")
    public Result getPosts(@RequestParam(defaultValue = "1") int pageNo,
                          @RequestParam(defaultValue = "10") int pageSize,
                          @RequestParam(required = false) Integer typeId) {
        
        Page<Post> page = new Page<>(pageNo, pageSize);
        LambdaQueryWrapper<Post> wrapper = new LambdaQueryWrapper<>();
        
        if (typeId != null) {
            wrapper.eq(Post::getTypeId, typeId);
        }
        wrapper.eq(Post::getStatus, 1) // 只查询已审核的帖子
               .orderByDesc(Post::getCreateTime);
        
        Page<Post> result = postService.page(page, wrapper);
        return Result.success(result);
    }
    
    /**
    * 提交不当内容反馈
    */
    @PostMapping("/report")
    @RequireLoginWithToken
    public Result reportInappropriate(@RequestBody Report report,
                                     @RequestHeader("X-Token") String token) {
        
        User user = userService.getUser(token);
        report.setUserId(user.getId());
        report.setReportTime(new Date());
        report.setStatus(0); // 待处理状态
        
        reportService.save(report);
        return Result.success("反馈提交成功，我们将尽快处理");
    }
}

论坛管理界面

实体模型设计

系统采用领域驱动设计思想，通过实体类清晰定义业务模型。以下展示核心实体类的设计：

@Data
@TableName("t_user")
public class User {
    @TableId(type = IdType.AUTO)
    private Integer id;
    
    private String username;
    private String password;
    private String realName;
    private String phone;
    private String email;
    private Integer userType; // 用户类型：1-患者，2-医生，3-管理员
    
    @TableField(fill = FieldFill.INSERT)
    private Date createTime;
    
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private Date updateTime;
    
    // 关联角色信息
    @TableField(exist = false)
    private List<Role> roles;
}

@Data
@TableName("t_orders")
public class Orders {
    @TableId(type = IdType.AUTO)
    private Integer id;
    
    private String pdetail; // 药品详情JSON
    private String address;
    private String keeper;
    private String phone;
    private String ydanhao; // 运单号
    
    private Integer userId;
    private Integer orderStatusId;
    
    @TableField(exist = false)
    private User user;
    
    @TableField(exist = false)
    private OrderStatus orderStatus;
}

功能展望与优化方向

1. 引入Redis缓存提升性能

现状分析： 当前系统频繁查询药品分类、用户信息等基础数据，存在数据库压力大的问题。

优化方案：

@Service
public class CacheableMedicineService {
    
    @Resource
    private RedisTemplate<String, Object> redisTemplate;
    
    private static final String MEDICINE_CACHE_KEY = "medicine:categories";
    private static final long CACHE_EXPIRE_HOURS = 24;
    
    @Cacheable(value = MEDICINE_CACHE_KEY, key = "'all_categories'")
    public List<MedicineCategory> getAllCategories() {
        // 数据库查询逻辑
        return medicineMapper.selectCategories();
    }
    
    @CacheEvict(value = MEDICINE_CACHE_KEY, key = "'all_categories'")
    public void clearCategoryCache() {
        // 缓存清除
    }
}

2. 微服务架构改造

拆分方案：

  • 用户服务：处理用户认证、权限管理
  • 会诊服务：管理实时通信、会诊记录
  • 药品服务：处理药品信息、订单管理
  • 论坛服务：管理帖子、评论、举报

技术选型： Spring Cloud Alibaba + Nacos + Sentinel

3. 移动端适配与PWA支持

实现思路：

// 服务工作者注册
if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/sw.js')
        .then(registration => {
            console.log('SW registered: ', registration);
        });
}

// 响应式设计改进
const breakpoints = {
    mobile: 768,
    tablet: 1024,
    desktop: 1200
};

4. 智能推荐算法集成

功能规划：

  • 基于用户病史的药品推荐
  • 相似病例的医生匹配
  • 个性化健康资讯推送

5. 区块链电子病历存证

技术方案：

  • 使用Hyperledger Fabric构建联盟链
  • 病历数据哈希上链，确保不可篡改
  • 智能合约管理访问权限

总结

该远程医疗协同平台通过现代化的技术架构，有效解决了传统医疗模式中的

本文关键词
远程医疗会诊系统SpringBootVue源码解析系统架构

上下篇

上一篇
没有更多文章
下一篇
没有更多文章