211167868_基于SpringBoot+Vue的医学科研数据管理平台的设计与实现

·126·价值工程基于SpringBoot+Vue的医学科研数据管理平台的设计与实现DesignandImplementationofMedicalScientificResearchDataManagementPlatformBasedonSpringBoot+Vue

林静淤LINJing曰文银刚于WENYin-gang重庆400016；重庆400016）重庆医科大学生物医学工程学院，（淤超声医学工程国家重点实验室、于超声医疗国家工程研究中心，（淤StateKeyLaboratoryofUltrasoundinMedicineandEngineering，CollegeofBiomedicalEngineering，ChongqingMedicalUniversity，Chongqing400016，China；于UltrasoundMedicalNationalEngineeringResearchCenter，Chongqing400016，China）医学科研数据不断累积，医学科研信息化进程加快，对医学科研数据管理的需求亟待解决。据此，本文摘要院在如今的信息时代，为医学科研工作的通过对SpringBoot、Vue等技术及进行相关介绍，分析科研需求的基础上设计了轻量级的医学科研数据管理平台，便捷的服务。数据管理工作实现友好、Abstract:Intoday'sinformationage,theinformatizationprocessofmedicalscientificresearchisaccelerating,andfoingly,thispaperdesignsalightweightmedicalresearchdatamanagementplatformbasedontheanalysisofscientificresearchneedsthroughtheintroductionofSpringBoot,Vueandothertechnologiesandrelatedtechnologies,soastoachievefriendlyandconvenientservicesforthedatamanagementofmedicalresearchwork.数据管理关键词院SpringBoot；Vue；医学科研数据；Keywords:SpringBoot；Vue；medicalresearchdata；datamanagement中图分类号院TP393文献标识码院A文章编号院1006-4311（2023）12-126-03doi:10.3969/.1006-4311.2023.12.0380引言正是互联网飞速跃进的时代，当今时代，各学科领域形成更新的计算将计算机与之融合，也都不断与时俱进，机分支。而医学方面也在同计算机多项技术进行深入的融汇，医疗信息化不断推进发展。其中的医疗行业数据更是而往往这些医疗行业的数据通过妥善迎来爆发式的增长，科研和决的数据管理和有效的数据加工往往可以在辅助、国家卫健委2018年印发的《国家健策方面发挥良好效能。（试行）安全和服务管理办法，康医疗大数据标准、的通知》并且多地也相继发布医敦促不断加强医疗数据服务管理，所以医学科研数据的服务管理工作目疗数据的相关政策。也是国家相关政策的重点问题。前不仅亟待解决，设计与开发一个而本项目旨在结合多项前后端框架，用户友好型的医学科研数据管理平面向医学科研人员的、高效利用和存储实现对医学科研数据的可视化共享、台，实现个管理，为医学科研人员提供快速便捷的数据获取、界面友好和轻量级的平台。性化功能和完成操作流畅、架构模（Browser/Server：客户端/服务器）项目选用B/S式实现，其中前端框架则是使用+ElementPlus实现页面的动态渲染效果和页面相关操作及响应，后端使用SpringBoot+MyBatis完成整体项目的逻辑实现和数据库连结合实际医学科研数据管理需求对平台功接和映射部分，能进行设计。1相关技术简介相较于传统的C/SB/S架构。（Client/Server）架构模式：开发成本与维灵活，架构模式B/S架构的开发更加简便、要要要要要要要要要要要要要要要要要要要要要要要研究方向为移动（2000-）学士，作者简介院林静，女，四川乐山人，生物医学工程。互联技术、操护成本都较为便宜，相对用户而言B/S访问更加轻便，作简易无需下载客户端。其架构模式图如图1所示。浏览器接收响应get/post请求http响应http请求Web服务器处理请求并返回响应接受请求、图1B/S架构模式图Gitee。它是基于Git的代码托管和协代码管理工具：作研发平台，除此之外还可用于历史代码管理和历史版本相较于Git来说Gitee操作在创建中央仓库、查看代追溯，码、代码管理等方面都做得更加友好。Maven。通过小段代码或信息进行报项目管理工具：还具备依赖的快捷项目的管理，在java开发中，告、文档、代码可重构性的优点。导入和管理功能，具有高可扩展性、SpringBoot+MyBatis。SpringBoot是轻量级项目框架：（Dependency的Java后端开发框架，其核心是依赖注入（AOP）和面向切面编程。SpringBoot中定义了许Injection）Maven、多注解，以config进行配置，可以与Tomcat、MyBatis等框架适配使用，降低了代码的耦合性。而且对Spring进行优化，它摒弃了SpringBoot在Spring基础上，Copyright©博看网. All Rights Reserved.

ValueEngineeringSpring繁琐的xml配置Bean，实现自动装配，使得对

Spring基础功能的利用更加便捷。其体系结构图如图2所使用简单的xml配置和注解完MyBatis是持久层框架，示。成数据连接和映射来隐藏JDBC的底层代码，具有简单、灵活、降低耦合性等多项优点。Web容器：Tomcat。Tomcat是一款经典的Web服务也是当下非器，并且也是免费开源的轻量级应用服务器，常流行的一款Servlet/JSP容器。+ElementPlus。是如今非常流前端框架：结合ElementPlus进行前端页面的渲染也行的前端框架，并称Web是相得益彰。其中和、前端的三大框架，但对比起另外两种框架更加轻便渐进式框架、使也更易构建。也有着轻量级、灵活，同时包含着多套技术栈，而本用虚拟DOM的特点。其vue-cli、vue-router、webpack。次项目中主要使用了npm、命令的管理，插件、工具、中npm主要用于前端项目包、vue-cli负责自动生成vue项目和相关文件，vue-router实而webpack则是对前现路由控制达到前后端分离的效果，而在本次项目中使用端项目文件进行打包操作便于发布。而ElementPlus便是基于Vue3的组Vue3渲染Web前端，件库。ElementPlus在ElementUI基础上更加了更多的组可将组件全局引入或按需引入。件和自定义功能，MySQL8.0.26。MySQL是一个关系型数据库，数据库：可良好适配多种框架也是如今非常流行的是数据库软件，或环境。2医学科研数据管理平台的设计与实现将平台大致设计为四个主根据相应的科研数据需求，·127·Browser/Cllient用户模块登陆账号注册账号注销账号基本信息查看分别是用户模块、数据模块、影像模块和系统模要模块，如图3所示。在每个模块下各自实现相应基础功能，块，2.1用户模块分为别：在该模块下主要涵盖四个基础功能，登陆账号：在该功能中用户需输入正确的账号、密码无效值和验证和验证码，前端对用户键入信息进行空值、将信息加密封装传输给码判断，核实为正确有效信息后，读取并查找数据库对应后台。后端接收前端的封装信息，匹配结果封装在Json数据中返回前端。信息并进行匹配，跳转进入主若账号密码正确，前端读取Json数据并显示，将用户登陆账号进行登陆保护，并提示登陆成功消页面，并提示登陆反之则停留在当前页面不进行任何跳转，息，将跳转系失败消息。特别地，如果登陆用户为系统管理员，统管理页面。在该功能中用户需输入账号名、密码和一注册账号：前端仍会对用户键入信息进行空值和些基本的用户信息，将信息加密封装在判断为正确有效信息后，无效值判断，读取信息，后端接受前端信息，传输给后端。查找数据库有若无相同信息，将用户信息存储到数据，无相同信息，返回则也封装在Json数据中返回。Json数据，若有相同信息，读取并显示相应信息。前端再次接收Json数据，前端消除用注销账号：在用户点击注销按钮后执行，户登陆信息，取消用户登陆保护，记录用户注销时间并返回给后端，退出账号。点击基本信息按钮后跳转到基本信息基本信息查看：用户可在此页面对用户信显示用户相关基本信息，页面，息进行编辑操作。2.2数据模块SpringBoot在该模块下涵盖了下列功能：数据概览页面为主数据概览：CRUD该页面主要记录用户的主要页面，将用户主要数据和数据的规模等，Dependencylnjection数据进行可视化展示。数据列表为数据的数据列表：详情页面，在这里分页展示了用户ServiceControllerModelDataBase的多条数据及及数据的各条信息，以及与并包括了数据的操作按钮，影像文件的相应匹配。可根据数数据筛选：在这里，数据标签等多条数据名称、据库、图2SpringBoot体系结构图数据元素或自定义筛选条件对数据进行模糊或者精确查找；前端接医学科研数据管理平台进行空值收用户输入的相关信息，和无效值判断无误后将数据传递系统模块数据模块影像模块给后端，后端解析并查找数据库，前将结果封装在Json数据中返回，端得到数据后，动态渲染到页面数据中，从而完成数据筛选功能。数数删影影影删平数平数录编据据除像像像除台据台据在数据录入数据录入与下载：入辑筛列数数录解查影模格反概与选表据入析看像式式馈览页面，用户根据对应的数据格式进下据载也可通过数据上传按行数据录入，钮进行Excel文件上传。在用户数图3平台主要模块图Copyright©博看网. All Rights Reserved.

·128·价值工程使用。可自主创建自定义数数据格式：在数据格式页面中，据库，对数据库的数据格式进行自定义设置。前端接收数后端首先在数核实后传输给后端，据库，并进行格式审查，若无重复数据库，则增加数据库和对应据进行重复检查，对结构进并返回Json数据到前端。前端接收数据，设置，行消息提示和页面跳转。在本页面中，用户输入反馈信息或建议平台反馈：（包，上传至后端并进行保存，括文字信息和图像信息）系统管理员可对用户的反馈进行查看。2.5数据库设计在本次项目用户中的数据库设计，1主要涉及到用户、拥有数据和数据库之可将用间的关系，n户和各数据抽象用户数据库开始成多个实体对数1据库进行设计。拥有判断是否有编其中抽象出的主n辑权限？要实体是用户、用数据否是系统数户数据库、11输入编辑信息据库、信息数据、拥有拥有图像数据。而用户与用户数据库nn是否不为空且nn是否为有效值？是一对多的关系，图像数据信息数据对应用户数据库与信否是息数据和图像数图5数据库E-R图存储编辑信息据是一对多的关其中图像数据和信息数据也可相互匹配。可整合为相系，结束如图5所示。应的E-R图，可将数据库展开设计。其将E—R图进行分解分析，图4编辑操作流程图user、user_database、sys_database、data_img、当用户进行删除数据时，同样也会进行删中主要包括表：删除数据：若用户具备删除权限，将重复询问用户是否img表等。除权限判断，3总结同时将数确保用户不会因误触删除数据，确定删除数据，本文主要从计算机技术层面阐述了医学科研数据管在一定时间内可对数据进行恢复。据备份到删除数据库中，它同时也是满足医学科研需求的产物。该理平台的实现，2.3影像模块实现数据的管理存可平台设计目的是服务于医学科研人员，png和dcm文件的上传，影像录入：平台支持jpg、在重庆医科大学生物医学国家重点实验室投入一定的对dcm文件进行文件解析存储。同时支持文件批量上传，储，使用，并取得了良好的反映。而对于计算机飞速发展的当也可将影像文件与信息数据进行自定义匹配。推出更加医学科研数据管理平台也将不断迭代更新，上传至后今，平台接收dcm类型的数据文件，影像解析：而这样的平台也会焕发出更大的活力，友善的服务。若用户便捷、后端使用包对其进行格式解析，端，同时也会医学数据管理平台开辟若没有为科研做出更多的贡献，则将解析的信息也一并存储，选择格式信息存储，提供更广的思路。更多的途径、选择则将dcm影像直接存储。参考文献院对jpg和png格式文件，可直接进行显示影像查看：夏同云.基于e和Vue的地质资料共[1]李成武，查看。对dcm文件平台后端对其进行解析，并传递给前享系统的设计与实现[J].价值工程，2022，41（5）：156-159.前端可对dcm文件动态展示。端，杨敏，[2]李静，金新建.大数据背景下医学高校图书馆科研数类似的，影像删除：对影像数据的删除同样也会先进据管理探究[J].电脑知识与技术，2020，16（18）：15-18.在审查正确后可进行删除操作。并且也会对行权限审查，张军.框架在网站前端开发中的研究[J].电[3]刘亚茹，删除操作进行二次确认和一定期限的保留备份。脑编程技巧与维护，2022（1）：18-19，39.2.4系统模块吴丹新.基于SpringBoot的Web快速开发框架[J].电[4]喻佳，皮肤、可对平台的语言、平台模式：字体等进行设置脑编程技巧与维护，2021（9）：31-33.据录入中，需进行空值和有效值检查，在用户文件上传后，

也需要进行格式检查，需与用于上传到数据库格式进行匹前端在本功能中也是接收数据并传递给后端配才可上传。后端接收数据并解析，无误后数据，检查是否有重复数据，前端根据Json进行对最后返回Json数据，上传至数据库，用户可根应的页面提示。在本功能中，也可进行批量上传。在数据下载据个人选择上传至个人数据库或系统数据库。页面，用户可批量选择数据，在核实用户的下载权后可对可选择下载的数据类型。数据进行下载操作，在下载时，当用户进行数据编辑功能时，首先进行权编辑数据：后限判断，前端封装发送所选数据标识符和用户标识符，端接收数据并解析，查找数据库判断用户是否有权限对数前端接收结果，并将结果封装返回。若用据进行编辑操作，当用户编辑修改后，户可对数据编辑，将用户修改部分上传到后端，后端进行相关逻辑判断无误后上传至数据库。其大致流程图如图4所示。Copyright©博看网. All Rights Reserved.