本文介绍了一款使用SpringBoot和Vue开发的“i学习”自习室预约系统，及其设计与实现过程。根据软件工程对软件系统开发定制的规则和标准，详细的介绍了系统的分析与设计过程，并且详细的概括了系统的开发与测试过程。本文的管理系统使用了SpringBoot进行系统的后端开发，让MySQL数据库协作系统数据的储存。
论文的研究目的为了进一步改善一些市面上原有“i学习”自习室预约系统出现的问题，尽量使系统更加经济化，效率化，减少过多的人力投入。论文先介绍了“i学习”自习室预约系统的技术背景、人文背景与发展所遇到的问题；随后在需求分析中，通过对数据流的分析，明确系统的功能需求，本文的管理系统按结构化设计，分成多个具体的功能模块。论文遵循软件工程原理，对“i学习”自习室预约系统进行分析研究，给出了全面完整的研究分析文档和详实的依据。
系统完成了设计阶段后将进行严密的功能测试，以此确保整个系统的设计需求得到满足，功能模块得到实现，且能够达到减少经济成本和人力成本，提高效率的预期结果。所以该系统是值得实用和推广的。
由系统的需求所得结果，明确系统详细的主体架构。从功能设计的角度出发，设计功能模块，并且定义每个功能所需完成的职责与任务，这一阶段的设计是必不可缺的。根据系统的前一章节的需求分析的描述，本系统中设置了二种用户：管理员和学生。系统功能模块图如图4.1所示：
管理员可以在学生管理界面进行学生信息的管理，包括增删改查操作，可以根据学生学号和学生姓名等，查询到相应的学生信息。如图5.8所示：
以下是学生信息核心代码；
<template >
<el-form-item class="input" v-if="type!='info'" label="学生学号" prop="xueshengxuehao" >
<el-input v-model="ruleForm.xueshengxuehao" placeholder="学生学号" clearable :readonly="ro.xueshengxuehao"></el-input>
</el-form-item>
<el-form-item v-else class="input" label="学生学号" prop="xueshengxuehao" >
<el-input v-model="ruleForm.xueshengxuehao" placeholder="学生学号" readonly></el-input>
</el-form-item>