中图分类号：TP311.5 文献标识码：A 文章编号：2096-4706（2025）07-0098-06
Abstract：This study proposes a designand implementation scheme of a front-end and back-end separated reading room current periodical querysystem based on Spring Bootback-endframework and Vue front-end framework.The system aims to provideefcientandconvenientjouralretrievalservicesforlibraryusers，focusing onhghlighting theshelfstatus inforation ofjournals，sostoacilitatereades toucklylocatetecolectionlocatioofjouals troughselfserviceretrieval.Iddiion totheretrievalfunction，thesystemalsoaddsthefunctionofbrowsingbysubjectandreadingroomclasificationtometthe neds of eaders with unclear reading purposes.Furthermore，the systemcanperiodicall disclose thecurrent periodical change informationof thecurentsubscriptionofthecoection，whichisconvenientforreaderstokepabreast ofthechanges inthe collection.Taking theShanghai Libraryasanexample，thesystemhasahighdegreeoffeasibilityintechnicalimplementationby integratingamodemfront-endandback-endseparationarchitecture.Duetothelackofhigh-costechnologiessuchasRFID，the overalimplementationcostofthesystemissignificantlyreduced，whichissuitableforwidepromotioninvariousbraries.
Keywords： Spring Boot; Vue; reading room; current periodical query
0 引言
传统的图书馆期刊管理和查询方式主要依赖人工登记和手动检索，效率低下且容易出错。在大型图书馆中，由于期刊种类繁多、数量庞大，查找特定期刊耗时较长，严重影响了读者的使用体验。此外，传统的查询方式操作烦琐，信息更新不及时，无法提供期刊的在架情况和最新出版信息，难以满足现代读者对高效、便捷信息服务的需求。为了适应图书馆现代发展的需要，本文从现实角度出发，注重实用性，旨在降低开发成本，开发一个高效、用户友好的阅览室现刊查询系统，以提升图书馆服务质量。
1 系统设计
1. 1 系统架构
本系统采用前后端分离模式，后端使用SpringBoot框架进行开发，前端则选择Vue框架。在数据库方面，考虑到数据量及性能要求，选用SQLServer作为存储介质。系统架构图如图1所示。
1.1.1 Spring Boot介绍
SpringBoot是一个基于Java的开源框架，用于简化企业级应用的开发和部署。它提供了自动配置功能，极大地减少了配置文件的编写，使开发者能够快速启动项目。SpringBoot内置了多种常用功能的默认配置，如数据库连接、安全认证等，使开发过程更加高效和便捷。此外，SpringBoot支持微服务架构，可以轻松实现模块化开发和分布式部署，提高了系统的可扩展性和维护性。SpringBoot默认使用嵌入式Web服务器（如Tomcat），无须额外配置即可启动应用程序。从而简化了部署和运行时的配置，提供了更简洁的开发体验[1]。在进行后端的程序设计时，为了尽可能让每一个接口、类、方法的职责更单一，将后端分为四个层次：Controller层、Service层、Mapper层和 Model层[2]。每一层都有其特定的职责和功能，这种分层架构有助于提高代码的可维护性、可测试性和可扩展性。
图1系统架构图Controller层，即控制层，负责请求和响应控制。它负责前后端交互，接受前端请求，并调用Service层进行业务逻辑处理，处理完业务逻辑后，接收Service层返回的数据，最后返回具体的页面和数据到客户端。
Service层，即业务逻辑层，负责完成功能设计。调用Mapper层接口，接收Mapper层返回的数据，完成项目的基本功能设计。Service层是业务逻辑的核心，负责协调各个组件的工作，使程序具有良好的可扩展性。
Mapper层，即数据持久层，也被称为DAO层，负责与数据库的交互，执行SQL查询和更新等操作。Mapper层通常使用MyBatis或JPA等ORM框架进行数据持久化。
Model层，即数据库实体层，也被称为entity层、pojo层是数据的载体，用于在各层之间传递数据。
1.1.2Vue介绍
Vue是一个渐进式JavaScript框架，用于构建用户界面。Vue的核心库专注于视图层，易于学习和集成到现有项目中。它采用了组件化的设计理念，允许开发者将复杂的用户界面拆分成可复用的组件，提高了代码的可维护性和复用性。Vue还提供了响应式数据绑定和声明式渲染，使得状态管理和UI更新更加直观和高效。Vue的生态丰富，拥有大量的插件和工具，可以轻松实现复杂的功能，如路由管理、状态管理等。
总的来说，该项目采用前后端分离的架构，旨在提高软件的可维护性和可扩展性。通过使用Vue和SpringBoot框架，项目实现了前后端的分离，提高了软件的开发效率和代码质量，实现了高效、灵活、可扩展的应用开发[3-4]。
1.2 主要功能模块
1.2.1 期刊检索
为了提供高效、便捷的期刊检索服务，本系统设计了功能强大且用户友好的检索模块。该模块旨在简化检索流程，减少烦琐的操作步骤，确保用户能够快速、准确地找到所需的期刊信息。系统支持关键词检索和多维度搜索，检索维度包括全部字段、刊名、ISSN、索书号等，默认情况下使用“全部字段”进行检索，用户可以根据需要选择不同的检索维度进行模糊匹配。检索结果以表格形式呈现，表格中包含刊名、索书号、阅览室、架位、学科分类、语种以及外部跳转链接操作等信息，这些信息的详细展示有助于用户快速了解期刊的详细情况，方便读者通过自助检索定位到期刊的馆藏位置。外部跳转链接操作包括跳转至上海图书馆VuFind的详情页面查看期刊的详细信息，跳转VuFind是通过数据表的folioId字段访问VuFind；电子资源按钮可跳转到上海图书馆的专业服务门户网站查找详细的电子资源情况，通过数据表的name字段直接查询。为了满足用户的多样化需求，系统提供了“结果中检索”功能，支持二次检索，用户可以在初次检索结果的基础上，进一步输入关键词或选择不同的检索维度进行更精确的搜索。此外，检索结果表格支持按照刊名和索书号进行排序，以及按阅览室筛选的功能，帮助用户快速找到特定阅览室内的期刊。通过上述设计，本系统不仅提供了丰富的检索功能，还注重用户体验的优化，简洁的用户界面和直观的操作流程使得用户能够轻松上手，快速找到所需的期刊信息。首页和检索结果页面如图2、图3所示。
图2首页展示图
图3检索结果页1.2.2 热区高亮
利用jQuery的Maphilight.js插件技术，将某个期刊所在的阅览室和具体架位高亮显示。页面展示如
图4所示。图4展示了某个检索结果的期刊，其所在的阅览室为外文科技期刊阅览室，对应的架位为外科11架。
图4馆藏位置定位页1.2.3 分类浏览
提供按学科、阅览室分类的期刊列表，方便读者浏览，页面展示如图5所示。
图5分类浏览页2 系统实现
2.1 系统开发环境
系统基于B/S架构进行实现，前端部分使用Vuejs框架进行开发，开发工具选择VisualStudioCode（VSCode）。VSCode提供了丰富的插件和强大的代码编辑功能，支持实时预览和调试，大大提高了开发效率。前端应用通过Nginx进行部署，Nginx作为高性能的HTTP服务器和反向代理服务器，能够有效处理静态资源请求和实现负载均衡，确保系统的高可用性和响应速度；后端部分使用SpringBoot框架进行开发，开发工具选择IntelliJIDEA。IntelliJIDEA提供了强大的代码编辑、调试和测试功能，支持SpringBoot项目的快速搭建和开发。后端应用通过Tomcat服务器进行部署，Tomcat是一个轻量级的Servlet容器，能够高效地处理Web应用的请求和响应，确保系统的稳定性和性能。
2.2系统数据库设计
系统数据库使用的是SQL Server。SQLServer是由微软公司开发的关系型数据库管理系统（RDBMS），广泛应用于企业级应用中。它提供了强大的数据管理和处理能力，支持复杂的事务处理、数据备份和恢复、安全性管理等功能。SQLServer支持标准的SQL语言，具有良好的性能和可伸缩性，能够处理大规模的数据集和高并发访问。在本系统中，SQLServer用于存储和管理期刊信息及相关数据，确保数据的完整性和一致性，同时提供高效的数据访问和查询性能。
系统数据库包含3张数据表：期刊数据表、中图分类表、现刊订购信息管理表。具体字段信息如表1至表3所示。
表1期刊数据表
表2中图分类表
表3现刊订购信息管理表2.3馆藏位置可视化关键技术实现
馆藏位置可视化关键技术实现内容如：
1）图像热点制作：以阅览室布局平面图为例（期刊架位分布可视化同理），对图像热点制作流程做详细说明。使用DreamWeaver打开阅览室布局图（图4左），该图详细标注了所有阅览室的位置。在DreamWeaver中，根据实际阅览室布局平面图精确绘制并标记每个阅览室的热点区域。每个热点关联一个唯一的ID。完成热点编辑后，导出包含热点坐标与ID的数据，供前端调用，核心代码如图6所示。
图6图像热点标记关键代码2）前端高亮显示：在Vue项目中，通过npm包管理器引入jQuery与Maphilight库。前端接收到后端传递的查询结果（该结果包含期刊所在阅览室ID）后，利用jQuery选择对应的热点区域，并通过Maphilight库进行高亮处理。热区高亮的核心代码如图7所示。
3 系统应用分析
3.1 对比分析
本部分将本文提出的基于SpringBoot+Vue框架的阅览室现刊查询系统的期刊定位技术与国内现有的图书定位排架技术进行对比，重点突出本文在工程实现上的巧妙构思与简洁性。国内现有的图书定位排架方法主要分为两大类：基于RFID技术的图书定位排架和利用软件建立虚拟排架系统进行图书的定位排架[5-10]。基于RFID技术的图书定位排架具有精确度高和自动化程度高的优点，可以通过RFID标签和读取设备实现图书的精准定位和自动借还操作。然而，这种方法的初始投资大，需要购买RFID标签、读写设备等硬件设施，维护成本高，且安装过程较为复杂。另一方面，软件虚拟排架系统虽然成本较低、灵活性高，但其精确度有限，依赖于人工录入和更新数据，容易出现误差，且用户体验较差，缺乏物理定位辅助，导致用户查找书籍时可能会感到不便。
相比之下，本文提出的期刊定位技术采用了SpringBoot和Vue框架，开发效率高，系统运行稳定。系统利用jQueryMaphilight.js技术，实现了阅览室分布平面图和架位分布图的热区高亮显示，直观展示了期刊位置。此外，系统提供按学科、阅览室分类的期刊列表，满足不同读者的浏览需求，并定期发布新订购和停订的期刊清单，以保持信息的时效性。本文的方法在成本上显著低于基于RFID的技术，主要依靠软件实现，整体成本低，且系统架构清晰，前后端分离，易于开发和维护。在技术可行性上，由于图书馆现刊种类远远少于图书馆书籍的种类，上海图书馆期刊阅览室有四个：中文社科期刊阅览室、中文科技期刊阅览室、外文社科期刊阅览室以及外文科技期刊阅览室，每个阅览室的期刊架位也仅在 1 0 ～ 3 0 之间，因此对于馆藏位置的热区标注工作量不大，具备高度的可行性。通过热区高亮和分类浏览功能，用户可以快速、准确地找到所需期刊，提升了使用体验。系统设计灵活，未来可以轻松添加新的功能模块，以适应图书馆业务的发展需求。表4列出了上述3种不同技术的对比情况。
表4对比表3.2 系统不足以及改进方向
尽管本系统在提高期刊查询效率和用户体验方面取得了显著成效，但仍存在以下不足之处如：
1）目前系统在期刊架位设计上较为笼统，只能定位到排，未能实现更精细的定位，这在一定程度上影响了用户的查找效率。
2）鉴于上海图书馆书架大部分均是由A、B双面书架组成，因此架位定位可详细到A、B双面。
3）建立用户反馈渠道，收集用户在使用过程中遇到的问题和建议，及时进行系统优化和功能完善。通过用户反馈，可以更好地了解用户需求，进一步提升系统的实用性和用户体验。
4）在现有功能基础上，可以增加更多实用功能，如期刊推荐、用户评价等，丰富系统的功能和服务，提升图书馆的整体服务水平。
4结论
本文提出的基于SpringBoot+Vue框架的阅览室现刊查询系统，立足于解决图书馆现刊管理中的现实问题，采用前后端完全分离的主流架构模式，在技术实现上具有较高的可行性和成本效益，同时在用户体验和系统扩展性方面也表现出色，适合在各类图书馆中推广应用。
参考文献：
[1]曹浩，黎杰，谢彬.基于SpringBoot+Vue的桂林龙胜各族自治县的旅游信息系统设计[J].现代信息科技，2024，8（16）：102-106.
[2]罗光武，陈典灿，吴荷，等.应用SpringBoot+Vue框架的时间管理软件的设计与实现[J].工业控制计算机，2024，37（4）：64-66.
[3]贾文强，刘新，傅鹏.基于SpringBoot+Vue框架的企业记录管理系统设计与实现[J].工业控制计算机，2024，37（10）：151-152.
[4]和娴，杜臣昌，郑英，等.旅游景区游客信息系统设计与实现[J].绿色科技，2024，26（2）：244-248+266.
[5]江波，吴永祥.图书馆RFID系统建设中的图书定位问题研究[J].现代情报，2015，35（5）：131-134+140.
[6]吕俊杰.基于RFID技术的图书高效定位方法研究-以西南政法大学图书馆为例[J]．新世纪图书馆，2018（10）：61-64+73.
[7]臧强，李若.高校图书馆智能书架管理系统的研究与设计[J].农业图书情报，2019，31（7）：74-81.
[8]赵，孙维.图书馆图书定位排架方法及导航系统探析—以哈尔滨工业大学图书馆为例[J].黑龙江科技信息，2014（26）：189-190.
[9]张文杰.基于jQuery的嵌入式图书馆书架定位系统[J]现代情报，2014，34（2）：142-145+150.
[10]孙发，曾为众，叶蔚.条形码管理模式下的图书定位系统优化[J].图书馆论坛，2019，39（9）：140-147.
作者简介：孔倩（1991一），女，汉族，山东济宁人，助理馆员，硕士，研究方向：计算机应用技术。
