高校学籍管理系统设计.docx

PAGE9

高校学籍管理系统设计

摘要

随着计算机技术的不断更新迭代，我国的学籍管理也理应及时更新，毕竟学籍对于学生来说是非常重要的，不能有半点差错。学籍是学生在学校的身份证明，所以对学籍管理的重视，不仅对于学校的发展来说有利，还利于对学生的管理加强。

本系统前端使用了Vue框架，结合了ElementUI组件设计并实现，后端使用了SpringBoot和MySQL数据库实现。可以很好的满足学籍管理系统的需求。

在设计中使用的Vue框架，是一个高性能的，且轻巧的可组件化的MVVM库，是一套渐进式框架，采用的是自下而上的增量开发的设计。Vue.js在使用中还提供了指令，过滤器，双向绑定等用法，可以方便快捷的操作DOM元素。而且由于Vue是由国人开发的，所以官方的文档也是中文的，不需要像别的框架需要再翻译一次，不存在语言的障碍，更易于理解和学习使用。SpringBoot框架可以节省开发的时间，能大量提升生产力。

关于在系统中使用ElementUI组件也是因为使用该组件后可以统一页面风格，看起来简洁，直观。

关键词：学籍管理；Vue框架；系统设计；SpringBoot框架

第1章绪论

1.1开发背景

随着科技发展的进步，信息技术已经成了各个国家各个领域中不可或缺的一项技术。学籍系统是学校的重要组成部分，学籍系统对于学校管理部门来说是至关重要的。自从我国政策调整以来，高校院校一直在不断扩招，为了满足日益增长的学生数据和简化管理流程的需求，在高校教育中经常更新学籍系统是非常必要的。

1.2开发意义

本设计为了解决由于学生的数据信息多和类型多的所产生的问题，减少管理的精力和降低流程的复杂程度，提高学籍管理的效率。秉承着设计页面简单让人一目了然，使用方便快捷的理念设计了高校学籍管理系统。在我国现阶段来看，以后的学生信息会比现在的更加的复杂繁多，研究优化高校学籍管理系统开发也是为日后打下基础。从另一个方面来看，学籍管理的数字化的实行对实体档案也有很高的保护性，避免了因多次翻阅对纸质档案的磨损或损坏等负面影响。使用计算机程序来管理学籍，比起手工管理的其他优点也很明显，能快速在库中检索信息，必威体育官网网址性更强，成本更低。高校学籍管理系统可以提高学生管理的效率，也是学校正规化管理的途径。

1.3主要研究工作与论文结构

主要内容

本论文主要介绍了高校学籍管理系统的设计与开发的过程，主要使用了Vue框架和SpringBoot框架进行开发。为了避免前端页面和后端开发时如果前端某一部分有问题需要修改的话，就要全部重新启动的弊端，选择前后端分离来开发。通过前后端分离，使前后端开发可以互不影响，同时开发，提高效率。本文介绍了系统实现的功能，对系统进行可行性分析和需求分析，设计了符合系统需求的数据库。根据程序测试验证系统的稳定性。

论文结构第一章介绍了高校学籍系统的开发背景和开发意义。

第二章介绍了本系统在开发过程中主要使用的技术和语言等，及选用的原因。

第三章包括对本系统的可行性分析，需求分析和数据库设计。第四章展示本系统的不同账号登录后的界面设计和使用逻辑。

第五章简述了本系统测试工作的设计与实行，验证本系统是否可以正常使用。

第2章主要技术简介

关于Vue框架和JavaScript语言

Vue框架是最流行的几大前端框架之一，在很多公司中广泛被使用。有易用，灵活，高效的特点。核心的特点是响应的数据绑定。

作者是我国人尤雨溪，在前端界有很高的评价：vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点。其官方文档由于是中文写的，比起其他外文的文档要减去翻译这一行为会减少翻译错误的概率，不存在语言上的障碍，更容易让国人理解和学习。

Vue支持大多数浏览器版本，不支持IE8及其以下的版本，因为Vue中使用了IE8没有的ECMAScript5特性。

ElementUI组件

在前端开发中使用组件对ElementUI组件，可以提高很多的设计效率，并且使整个页面的视觉风格统一。还可以提升效率，网页的语言表达清晰，表意明确，能更好的让用户快速上手操作并理解程序的逻辑从而做出如何操作的决定。组件是一种块状化的结构，在使用过程中不需要额外写CSS代码，看起来比不使用组件时代码简洁清晰，避免由于代码数量的冗余，降低代码的可读性，给他人后续阅读及更改代码带来麻烦。

Element是一个饿了么前端开源维护的VueUI组件库,不依赖Vue.js,但是与Vue配合开发项目比较好的UI框架，组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。主要用于开发PC端的页面，是一个质量比较高的UI组件库。开发者团队规模很大，该组件也是受众较多的一个组件，被使用频率很高。