基于vue+node.js智慧校园学生办证系统
摘要：随着计算机技术和网络技术的飞快发展，它加速了国内信息化建设的进程，信息技术对管理改革产生了深远的影响。为了适应新时代的发展趋势，各行各业都高度重视信息化建设。在教育领域，信息时代的到来为传统教育改革和学校管理发展提供新机遇。智慧校园的信息化建设。在传统的方式下，高校的学生丢失证件都需要到指定后勤部门申请，有时候后勤上班时间与上课时间相冲突，这无疑给急需使用证件的学生造成很大的不便利，消耗了人力，物力，财力。在大数据背景之下,传统的校园管理方式已经明显不能满足信息化时代的发展。
针对目前高校存在办证繁琐的问题，结合实际情况,开发一个基于B/S结构，MVVM设计模式，node.js，vue.js框架的智慧校园学生办证是很有必要的。
在实现上，Visual Studio Code将用作前端和后端开发工具。 Visual Studio Code是一个免费的开源现代轻量级代码编辑器，它支持插件扩展，并针对Web开发和云应用程序开发进行了优化。MySQL将用作数据库的开发，MySQL性能卓越服务稳定，自主性强、使用成本低。能更好的用于智慧校园学生办证系统的开发。
关键词：智慧校园，高校信息化，便利性
Vue and node.js-Based intelligent campus student certificate system
Abstract：With the rapid development of computer technology and network technology, it accelerates the process of information construction in China, and information technology has a profound impact on management reform. In order to adapt to the development trend of the new era, all walks of life attach great importance to information construction. In the field of education, the arrival of the information age provides new opportunities for the reform of traditional education and the development of school management. Information construction of smart campus. In the traditional way, students in Colleges and universities need to apply to the designated logistics department when they lose their certificates. Sometimes the working time of logistics is in conflict with the class time, which undoubtedly causes great inconvenience to the students who need to use certificates urgently, and consumes human, material and financial resources. Under the background of big data, the traditional campus management can not meet the development of information age.
In view of the complicated problems existing in universities, it is necessary to develop a smart campus student certificate based on B / S structure, MVVM design mode, node.js, vue.js framework.
In implementation, visual studio code will be used as a front–end and back-end development tool. Visual studio code is a free open source modern lightweight code editor, which supports plug-in extensions and is optimized for web development and cloud application development. MySQL will be used as database development. MySQL has excellent performance, stable service, strong autonomy and low cost. It can be better used in the development of smart campus student card system.
Key words:Smart campus, university informatization, convenience
目录
第1章 绪论
1.1 系统开发的背景及意义
1.2 国内外智慧校园证件办理研究现状
1.2.1国外智慧校园状况
1.2.2国内智慧校园状况
1.3 论文的主要研究内容
第2章 系统需求分析
2.1 需求分析
2.1.1 功能需求分析
2.2 用例模型建立
2.3 可行性分析
2.3.1 技术可行性
2.3.2 操作可行性
第3章 系统设计与实现
3.1 系统总体架构设计
3.2 功能模块设计
3.3 数据库设计
3.3.1 表设计
3.3.2 ER关系图
3.4 系统实现
3.4.1登录功能模块
3.4.2首页设计实现
3.4.3学生证功能模块
3.4.5荣誉证书功能模块
3.5本章小结
第4章 系统测试
4.1 系统测试
4.1.1 测试的目的
4.1.2 测试的意义
4.1.3 软件测试方法
4.1.4系统接口测试结果
4.1.5黑盒测试用例以及结果
第5章 结束语
5.1 全文总结
5.2 论文展望及不足
参考文献
致 谢
第1章 绪论
1.1 系统开发的背景及意义
随着计算机技术和网络技术的快速发展，科学正在进入信息化时代，信息技术本身对教育改革产生了深远的影响。在信息社会和知识经济时代，智能校园已成为高校开展信息化建设的热点，这是校园管理达到现代水平的重要标志。智能校园建设的主要内容是通过信息技术有效整合，优化和整合学校管理部门和后勤服务部门的各种资源，实现有效的管理和资源的充分利用。实现校务管理与后勤服务流程的优化整合，实现教学管理和学习生活过程的优化，从而提高各管理部门的工作效率，因此，作为智能校园建设的重要组成的部分，智能校园学生证书制度的建设尤为突出。[][1]
现代化的学校少不了现代化的教学设施、设备的武装。朋友圈，微信群经常出现学生丢失学生证，校园卡的情况。一旦丢失需要去到学生处办公室重新办理，还要排队等候，这无疑浪费了很多时间，尤其是那些校园占地面积大的，跑一趟到学生处办公室耗时甚多。有时候上课时间与工作人员上班时间冲突，这对急用证件的同学无疑造成了麻烦，也考虑到学生处工作人员业务繁忙，为了让办证流程简化，节省人力，物力，财力故开发智慧校园学生办证系统。
智慧校园学生办证系统建设的目的和意义：
1、智慧校园学生办证系统建设为学校的学生，教师，后勤部门的管理人员提供具有灵巧性的校证服务便捷管理平台，这是学校科学管理的必要前提和基本途径。
2、智慧校园学生办证的开发势在必行,构建智慧校园学生办证系统是高校信息化发展的必然趋势，是高校现代化管理的标志，构建智慧校园学生办证系统将有力促进智能化校园建设的进程。
3、智慧校园学生办证系统主要是针对学校学生处的大量业务处理工作和节省学生时间而开发的管理软件。构建智慧校园学生办证系统将有效减轻学校事务管理和后勤服务的繁重工作，提高学校的管理水平，后勤的服务质量，能减少人员，提高效率。
4、智慧校园学生办证系统主要用在学校学生办证管理上，总体任务是实现学生信息和证书处理的系统，科学，标准化和自动化的过程。
1.2 国内外智慧校园证件办理研究现状
1.2.1国外智慧校园状况
马来西亚政府提出“智能学校”的建设，力求实现个人全方位的发展、培养技术方面的发展、[][1]身体和情绪方面的发展, 以求实现教育信息化与智能化, 作为数字化校园的微升级, 逐步实现智慧校园的建设。
2008年教育界对“智慧校园”认识的面纱被揭开。美国南加利福尼亚大学校园能源系统可看作是智慧校园建设的一部分, 系统操作人员通过计算机, 可获得一个可视化的校园监控结果, 其校园的企业建筑整合系统（Enterprise Buildings Intergrator,EBI）,也为校园智慧性助力。
2011年韩国教育科学技术部在10月发布的《推进智能教育战略实施计划》中提出了五大战略举措[][1],教育科学技术部新文件的制定和实施, 不仅能够推进智能教育, 还会推进智能教育向智慧教育的发展, 整体提升教育水平。
虽然国外有对智慧校园进行建设，但是国外对于智慧校园的研究较少，智慧校园系统尚不完善，理论模型少，在一些方面有所欠缺。
1.2.2国内智慧校园状况
国内有浙江大学、北京师范大学、南京邮电大学、华南理工大学等这些院校首批开始进行智慧校园建设。当前，已有上百所院校对智慧校园进行建设。
具有代表性并且较早提出建设智慧校园的浙江大学, 在信息化“十二五”规划中, 明确提出要构建基于“云”的智慧校园平台, 充分运用物联网、移动互联网等新技术, 建立浙江大学统一的网络办公、信息综合发布等平台，在校园安全和智慧图书馆上作重点建设。[][2]
同济大学智慧校园设计着重把建设节约型校园考虑进来, 提出建设“智慧校园”, 在校园的体制与机制创新上有突破, 逐步形成可持续发展的运营方式, 为建立可持续发展的同济大学提供有力的基础性保障。[][2]
除此之外，当前在国内已有挺多高校借助相关技术手段，实现了各种智慧校园平台，以促进教育管理工作的创新发展，为学生，教师，工作人员提供了非常大的便捷。现在有挺多高校都很重视信息化建设队伍的工作, 高校也能够积极与各级科研单位和科研机构合作, 加强了信息化建设队伍的培养, 对内, 高校能够加强内部人员的培训工作, 对外, 高校能够积极招揽信息化建设人才,很多高校已经建设成立一支高素养的信息化建设人才, 这对于智慧校园建设工作的不断完善是一种极大的促进。[][5]
纵然中国的智能校园构建取得的进步很大，但是还是有一些问题。智慧校园建设还不够完善，有很多方面还没考虑到，例如对于学生的补办证件，还有一些智慧校园建成运营后的实践调研贫乏。另外，有许多学校在智能校园的建设中主要侧重于硬件设备系统的建设，但对软件应用程序的建设却不太重视。智能校园的应用缺乏统一的标准，相关标准化研究工作的效率也不理想。
1.3 论文的主要研究内容
本文主要介绍了智慧校园学生办证系统的整体设计过程，它包括几个阶段，包括基础理论分析，需求分析，总体设计，数据库设计，详细的系统设计，系统实施和系统测试。
本人通过对高校调查研究，进行了分析与总结智慧校园系统不完善的一些部分，完成了系统的需求分析。从而完成了系统的功能设计，智慧校园学生办证系统包括登录、证件补办、证书申请、办理进度查询、证件审核、证件查询等几个模块。相应完成学生对证件进行遗失补办、证书申请、进度查询，后勤工作人员进行审核、查询等工作。它可以有效减轻学校事务管理和后勤部服务的沉重业务，改善学校管理，提高后勤服务的质量，实现减少人力和提高效率，并系统地处理证书，科学化、规范化和自动化。论文的主要研究内容如下：
(1)采用Visual Studio Code编辑器、B/S结构、MVVM设计模式、vue.js框架实现一个智慧校园学生办证系统。
(2)介绍建设系统用到的主要技术，包括MVVM设计模式与vue.js开源框架的开发流程。
(3)经过长期对高校的分析和研究，实现需求分析与基础理论分析。在需求分析的根基上，对系统实行了很周密的设计，包罗系统功能模块的设计、系统的总体架构以及数据库的遴选和设计。
（4）通过手动测试和黑盒的测试对系统进行严谨的测试，保证系统的质量。
第2章 系统需求分析
需求分析是软件生命周期中的重要环节，同时也是软件计划阶段的重要活动。此阶段不是考虑怎么“实现”而是是依据功能分析系统需要“实现”的内容。需求分析的宗旨是梳理用户和剖析提出的开发软件的“需求”。等确认后，将形成清晰，规范化和完善的文档，以确定软件要完成哪些任务以及需要实现哪些功能。需求分析阶段的工作可以分为以下几个方面：
（1）问题识别：确定已开发系统的概括要求，并提出了这些要求的达成的条件，以及清楚地了解用户的需求，这些要求应满足的标准，查看需要哪些功能以及哪些指标实现，这是从系统角度了解软件。
（2）分析与综合：寻找出系统各个组成部分之间的衔接，逐步完竣所有软件功能，设计限制和接口特性，剖判它们是不是满足需求，增加所需的部分并删除不合理的部分。最后一步，归纳了系统解决方案，并且给出要开发的系统的周密逻辑模型。
（3）制订规格说明书：是描述需求的文件称为软件需求规范来编制文件。
（4）评审：对功能的正确性，完整性和清晰性，以及其它需求给予评价。[][7]
当今社会越来越重视教育，高校学生人数庞大起来，每个学生都有学生证，校园卡，朋友圈频繁出现学生寻找学生证，校园卡的寻物启示，有很多学生丢失证件。一旦丢失证件就需要跑到学生处申请，还要排队等候，这无疑浪费了很多时间，尤其是那些校园占地面积大的，跑一趟到学生处办公室耗时甚多。有时候上课时间与工作人员上班时间冲突，这对急用证件的同学无疑造成了麻烦，也考虑到学生处工作人员业务繁忙，为了让办证流程简化，为了减轻后勤服务以及学校事务管理的繁重工作，提升后勤服务的质量，提升学校的统制水平，提高效率和裁汰人员，开发了智能校园学生证书系统。
2.1 需求分析
2.1.1 功能需求分析
通过实地调查与调查问卷进行需求分析，了解到智慧校园学生办证系统需要具备多种证件的办理，需要分为学生端与审核端两部分。学生通过学号密码登录进入系统办证，后勤人员则进行相应的证件审核、认证、派发。针对当前学生丢失，损坏证件都需要跑到学生处进行申请，登记，这无疑造成了时间的浪费与不必要的麻烦，为了让办证流程简化，提升学校的管制水平，提升后勤的服务质量，缓和校务管理和后勤服务的沉重业务，做到裁员增效，提升效率，智慧校园学生办证系统功能如图2.1所示：
图2.1系统功能图
根据系统功能图，可以得出主要功能模块有：
一、登录
登录是智慧校园学生办证系统的基础功能，学生需要通过学号密码进行登录成功，后台系统管理员则需要通过账号，密码登录进入智慧校园学生办证后台管理系统。方可进入系统进行相关证件申请办理的操作。具体业务需求如下：
（1）学生通过学号，密码登录成功可以进入智慧校园办证系统。
（2）学生如果想修改密码，可以填写原始密码进行验证以此来修改。
二、学生证补办
学生证损坏/丢失补办是智慧校园学生办证系统的基本功能，学生经常会使用到。具体业务需求如下：
（1）学生可查看到学生证损坏/丢失补办需要注意哪些事项，从而更好的填写补办学生证的信息。
（2）学生可以对学生证补办理信息表进行填写以及提交。
三、校园卡办理
由于学生每天都携带校园卡，校园卡丢失概率很高，校园卡补办是智慧校园学生办证系统最常使用到的功能。具体业务需求如下：
（1）学生可查看到校园卡补办需要注意哪些事项，从而更好的填写补办校园卡的信息。
（2）学生如果丢失校园卡，可对校园卡进行挂失的操作，把卡冻结。
（3）当学生进行了挂失操作后，把卡找回来了，可以对校园卡进行解冻的操作。
（4）学生可以对校园卡补办信息进行填写，申请丢失/损坏补办的操作。
四、荣誉证书办理
（1）学生可查看到申请荣誉证书需要具备什么，注意哪些事项，从而更好的对荣誉证书进行申请。
（2）学生可对荣誉证书进行申请，填写申请荣誉证书所需要的资料。
五、办理进度查询
学生可通过办理进度查询实时查看到自己办理的证件的进度。
六、用户管理
用户管理为智慧校园办证后台管理系统必备的基础功能，系统管理员需要依据用户的状态和实际信息维护系统中的数据，囊括修改用户的信息、添加用户和删除用户信息。
（1）后勤人员添加用户，有新生进入的时候，后勤人员可手动输入学生基本信息。
（2）后勤人员修改用户信息，根据学生的实际信息修改学生的基础信息，例如姓名、联系方式、身份证号、专业等关键信息。
（3）后勤人员删除用户信息。可根据实际情况对不在本校就读的学生信息进行删除，减少不必要的冗余，更好的对数据进行维护。
七、学生证业务管理
后勤人员需经常对学生证业务进行审核，以便学生急需使用智慧证件。具体的业务需求如下：
（1）后勤人员可以查看补办学生证同学的学生证申请信息，查看是否符合补办。
（2）后勤人员可以对补办学生证已获批准或未获批准。如果申请未获批准，则可以指出不通过的原因。
3）后勤人员可以对审核通过，审核不通过的补办学生证业务列表进行删除，以免造成冗余。
八、校园卡业务管理
由于校园卡丢失频繁，所以后勤管理员需要多查看校园卡业务列表，保证其实时性。具体的业务需求如下：
（1）后勤人员可以查看补办校园卡同学的校园卡申请信息，查看是否符合补办。
（2）后勤人员可以对补办校园卡已获批准或未获批准。如果申请未获批准，则可以指出不通过的原因。
（3）后勤人员可对校园卡进行冻结与解冻。
（4）后勤人员可以对审核通过，审核不通过的补办校园卡业务列表进行删除，以免造成冗余。
九、荣誉证书业务管理
（1）后勤人员可以查看申请同学的荣誉证书申请信息，查看是否符合要求进行申请。
（2）后勤人员可以对荣誉证书申请进行审核通过或者审核不通过，可以进行备注。
（3）后勤人员可以对审核通过，审核不通过的荣誉申请表列表进行删除，以免造成冗余。
2.2 用例模型建立
智慧校园学生办证系统角色主要包含系统管理员与学生用户，下面列举出学生的功能用例图与系统管理员的功能用例。
