基于vue+node.js智慧校园学生办证系统

基于vue+node.js智慧校园学生办证系统摘要：随着计算机技术和网络技术的飞快发展，它加速了国内信息化建设的进程，信息技术对管理改革产生了深远的影响。为了适应新时代的发展趋势，各行各业都高度重视信息化建设。在教育领域，信息时代的到来为传统教育改革和学校管理发展提供新机遇。智慧校园的信息化建设。在传统的方式下，高校的学生丢失证件都需要到指定后勤部门申请，有时候后勤上班时间与上课时间相冲突，这无疑给急需使用证件的学生造成很大的不便利，消耗了人力，物力，财力。在大数据背景之下,传统的校园管理方式已经明显不能满足信息化时代的发展。针对目前高校存在办证繁琐的问题，结合实际情况,开发一个基于B/S结构，MVVM设计模式，node.js，vue.js框架的智慧校园学生办证是很有必要的。在实现上，VisualStudioCode将用作前端和后端开发工具。VisualStudioCode是一个免费的开源现代轻量级代码编辑器，它支持插件扩展，并针对Web开发和云应用程序开发进行了优化。MySQL将用作数据库的开发，MySQL性能卓越服务稳定，自主性强、使用成本低。能更好的用于智慧校园学生办证系统的开发。关键词：智慧校园，高校信息化，便利性Vueandnode.js-BasedintelligentcampusstudentcertificatesystemAbstract：Withtherapiddevelopmentofcomputertechnologyandnetworktechnology,itacceleratestheprocessofinformationconstructioninChina,andinformationtechnologyhasaprofoundimpactonmanagementreform.Inordertoadapttothedevelopmenttrendofthenewera,allwalksoflifeattachgreatimportancetoinformationconstruction.Inthefieldofeducation,thearrivaloftheinformationageprovidesnewopportunitiesforthereformoftraditionaleducationandthedevelopmentofschoolmanagement.Informationconstructionofsmartcampus.Inthetraditionalway,studentsinCollegesanduniversitiesneedtoapplytothedesignatedlogisticsdepartmentwhentheylosetheircertificates.Sometimestheworkingtimeoflogisticsisinconflictwiththeclasstime,whichundoubtedlycausesgreatinconveniencetothestudentswhoneedtousecertificatesurgently,andconsumeshuman,materialandfinancialresources.Underthebackgroundofbigdata,thetraditionalcampusmanagementcannotmeetthedevelopmentofinformationage.Inviewofthecomplicatedproblemsexistinginuniversities,itisnecessarytodevelopasmartcampusstudentcertificatebasedonB/Sstructure,MVVMdesignmode,node.js,vue.jsframework.Inimplementation,visualstudiocodewillbeusedasafront-endandback-enddevelopmenttool.Visualstudiocodeisafreeopensourcemodernlightweightcodeeditor,whichsupportsplug-inextensionsandisoptimizedforwebdevelopmentandcloudapplicationdevelopment.MySQLwillbeusedasdatabasedevelopment.MySQLhasexcellentperformance,stableservice,strongautonomyandlowcost.Itcanbebetterusedinthedevelopmentofsmartcampusstudentcardsystem.Keywords:Smartcampus,universityinformatization,convenience目录TOC\o"1-3"\h\u第1章绪论 第1章绪论1.1系统开发的背景及意义随着计算机技术和网络技术的快速发展，科学正在进入信息化时代，信息技术本身对教育改革产生了深远的影响。在信息社会和知识经济时代，智能校园已成为高校开展信息化建设的热点，这是校园管理达到现代水平的重要标志。智能校园建设的主要内容是通过信息技术有效整合，优化和整合学校管理部门和后勤服务部门的各种资源，实现有效的管理和资源的充分利用。实现校务管理与后勤服务流程的优化整合，实现教学管理和学习生活过程的优化，从而提高各管理部门的工作效率，因此，作为智能校园建设的重要组成的部分，智能校园学生证书制度的建设尤为突出。现代化的学校少不了现代化的教学设施、设备的武装。朋友圈，微信群经常出现学生丢失学生证，校园卡的情况。一旦丢失需要去到学生处办公室重新办理，还要排队等候，这无疑浪费了很多时间，尤其是那些校园占地面积大的，跑一趟到学生处办公室耗时甚多。有时候上课时间与工作人员上班时间冲突，这对急用证件的同学无疑造成了麻烦，也考虑到学生处工作人员业务繁忙，为了让办证流程简化，节省人力，物力，财力故开发智慧校园学生办证系统。智慧校园学生办证系统建设的目的和意义：1、智慧校园学生办证系统建设为学校的学生，教师，后勤部门的管理人员提供具有灵巧性的校证服务便捷管理平台，这是学校科学管理的必要前提和基本途径。2、智慧校园学生办证的开发势在必行,构建智慧校园学生办证系统是高校信息化发展的必然趋势，是高校现代化管理的标志，构建智慧校园学生办证系统将有力促进智能化校园建设的进程。3、智慧校园学生办证系统主要是针对学校学生处的大量业务处理工作和节省学生时间而开发的\t"/item/%E5%AD%A6%E7%94%9F%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/_blank"管理软件。构建智慧校园学生办证系统将有效减轻学校事务管理和后勤服务的繁重工作，提高学校的管理水平，后勤的服务质量，能减少人员，提高效率。4、智慧校园学生办证系统主要用在学校学生办证管理上，总体任务是实现学生信息和证书处理的系统，科学，标准化和自动化的过程。1.2国内外智慧校园证件办理研究现状1.2.1国外智慧校园状况马来西亚政府提出“智能学校”的建设，力求实现个人全方位的发展、培养技术方面的发展、身体和情绪方面的发展,以求实现教育信息化与智能化,作为数字化校园的微升级,逐步实现智慧校园的建设。2008年教育界对“智慧校园”认识的面纱被揭开。美国南加利福尼亚大学校园能源系统可看作是智慧校园建设的一部分,系统操作人员通过计算机,可获得一个可视化的校园监控结果,其校园的企业建筑整合系统（EnterpriseBuildingsIntergrator,EBI）,也为校园智慧性助力。2011年韩国教育科学技术部在10月发布的《推进智能教育战略实施计划》中提出了五大战略举措,教育科学技术部新文件的制定和实施,不仅能够推进智能教育,还会推进智能教育向智慧教育的发展,整体提升教育水平。虽然国外有对智慧校园进行建设，但是国外对于智慧校园的研究较少，智慧校园系统尚不完善，理论模型少，在一些方面有所欠缺。1.2.2国内智慧校园状况国内有浙江大学、北京师范大学、南京邮电大学、华南理工大学等这些院校首批开始进行智慧校园建设。当前，已有上百所院校对智慧校园进行建设。具有代表性并且较早提出建设智慧校园的浙江大学,在信息化“十二五”规划中,明确提出要构建基于“云”的智慧校园平台,充分运用物联网、移动互联网等新技术,建立浙江大学统一的网络办公、信息综合发布等平台，在校园安全和智慧图书馆上作重点建设。同济大学智慧校园设计着重把建设节约型校园考虑进来,提出建设“智慧校园”,在校园的体制与机制创新上有突破,逐步形成可持续发展的运营方式,为建立可持续发展的同济大学提供有力的基础性保障。除此之外，当前在国内已有挺多高校借助相关技术手段，实现了各种智慧校园平台，以促进教育管理工作的创新发展，为学生，教师，工作人员提供了非常大的便捷。现在有挺多高校都很重视信息化建设队伍的工作,高校也能够积极与各级科研单位和科研机构合作,加强了信息化建设队伍的培养,对内,高校能够加强内部人员的培训工作,对外,高校能够积极招揽信息化建设人才,很多高校已经建设成立一支高素养的信息化建设人才,这对于智慧校园建设工作的不断完善是一种极大的促进。纵然中国的智能校园构建取得的进步很大，但是还是有一些问题。智慧校园建设还不够完善，有很多方面还没考虑到，例如对于学生的补办证件，还有一些智慧校园建成运营后的实践调研贫乏。另外，有许多学校在智能校园的建设中主要侧重于硬件设备系统的建设，但对软件应用程序的建设却不太重视。智能校园的应用缺乏统一的标准，相关标准化研究工作的效率也不理想。1.3论文的主要研究内容本文主要介绍了智慧校园学生办证系统的整体设计过程，它包括几个阶段，包括基础理论分析，需求分析，总体设计，数据库设计，详细的系统设计，系统实施和系统测试。本人通过对高校调查研究，进行了分析与总结智慧校园系统不完善的一些部分，完成了系统的需求分析。从而完成了系统的功能设计，智慧校园学生办证系统包括登录、证件补办、证书申请、办理进度查询、证件审核、证件查询等几个模块。相应完成学生对证件进行遗失补办、证书申请、进度查询，后勤工作人员进行审核、查询等工作。它可以有效减轻学校事务管理和后勤部服务的沉重业务，改善学校管理，提高后勤服务的质量，实现减少人力和提高效率，并系统地处理证书，科学化、规范化和自动化。论文的主要研究内容如下：采用VisualStudioCode编辑器、B/S结构、MVVM设计模式、vue.js框架实现一个智慧校园学生办证系统。介绍建设系统用到的主要技术，包括MVVM设计模式与vue.js开源框架的开发流程。经过长期对高校的分析和研究，实现需求分析与基础理论分析。在需求分析的根基上，对系统实行了很周密的设计，包罗系统功能模块的设计、系统的总体架构以及数据库的遴选和设计。（4）通过手动测试和黑盒的测试对系统进行严谨的测试，保证系统的质量。第2章系统需求分析需求分析是软件生命周期中的重要环节，同时也是软件计划阶段的重要活动。此阶段不是考虑怎么“实现”而是是依据功能分析系统需要“实现”的内容。需求分析的宗旨是梳理用户和剖析提出的开发软件的“需求”。等确认后，将形成清晰，规范化和完善的文档，以确定软件要完成哪些任务以及需要实现哪些功能。需求分析阶段的工作可以分为以下几个方面：（1）问题识别：确定已开发系统的概括要求，并提出了这些要求的达成的条件，以及清楚地了解用户的需求，这些要求应满足的标准，查看需要哪些功能以及哪些指标实现，这是从系统角度了解软件。（2）分析与综合：寻找出系统各个组成部分之间的衔接，逐步完竣所有软件功能，设计限制和接口特性，剖判它们是不是满足需求，增加所需的部分并删除不合理的部分。最后一步，归纳了系统解决方案，并且给出要开发的系统的周密逻辑模型。（3）制订规格说明书：是描述需求的文件称为软件需求规范来编制文件。（4）评审：对功能的正确性，完整性和清晰性，以及其它需求给予评价。当今社会越来越重视教育，高校学生人数庞大起来，每个学生都有学生证，校园卡，朋友圈频繁出现学生寻找学生证，校园卡的寻物启示，有很多学生丢失证件。一旦丢失证件就需要跑到学生处申请，还要排队等候，这无疑浪费了很多时间，尤其是那些校园占地面积大的，跑一趟到学生处办公室耗时甚多。有时候上课时间与工作人员上班时间冲突，这对急用证件的同学无疑造成了麻烦，也考虑到学生处工作人员业务繁忙，为了让办证流程简化，为了减轻后勤服务以及学校事务管理的繁重工作，提升后勤服务的质量，提升学校的统制水平，提高效率和裁汰人员，开发了智能校园学生证书系统。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用例模型建立智慧校园学生办证系统角色主要包含系统管理员与学生用户，下面列举出学生的功能用例图与系统管理员的功能用例。图2.2“学生”用例图“学生”为系统管理员添加的角色，如图2.2所示，“学生”可以通过登录智慧校园学生办证系统，进行学生证补办，校园卡补办，荣誉证书办理，办理进度查询等操作。图2.3“系统管理员”用例图“系统管理员”在系统中拥有最高的权限级别，如图2.3所示，系统管理员可以通过登录进入系统，对所有用户信息进行管理，拥有学生证业务管理，校园卡业务管理，荣誉证书业务管理等功能。2.3可行性分析2.3.1技术可行性智慧校园学生办证系统是使用VisualStudioCode编辑器开发的，前端是使用当今三种流行的框架之一vue.js开发的，为了避免在前端页面开发过程中DOM选择器的复杂操作，使用vue.js,vue.js是一个轻量级开发工具，Vue.js响应式双向绑定数据，实时反映确凿的数据更改并映照到数据源，简化Web前端开发过程并提高开发效率，使用node.js进行后端开发，，为了确保Node.js的稳固性和性能,它选择了当前最快的浏览器内核V8用作执行引擎。数据库运用了MySQL及其对应插件工具Navicat对数据库操纵。以自学过的知识和学校学习到的知识对系统进行开发，反复揣摩，实践。2.3.2操作可行性本系统页面清晰明了，简明扼要，符合大众审美，并且有对应的提示，方便用户上手操作。第3章系统设计与实现3.1系统总体架构设计学生或者系统管理员通过浏览器登录成功，就可以访问系统进行相关的操纵。系统总体架构如下图3.1所示：图3.1系统总体架构图由图可知，智慧校园学生办证系统系统总体架构主要分为三层：展现层：主要负责与用户和外部系统的交互，特别是提供系统可操作的WEB功能，数据交换程序或数据接口，满足不同的场景使用。使用vue.js开发框架，webPack打包工具。业务应用层：业务应用层实现业务需求的功能服务，包罗系统所需的计算过程和所有功能算法，并与数据访问层和表示层进行交互。分为学生端与管理端，学生端有登录、学生证补办、校园卡办理等，管理端有登录、学生证业务管理、校园卡业务管理、用户管理等。遵从“高内聚，低耦合”的原则，提高灵便性。平台层：主要分三层：数据访问层，包括Dao（数据访问对象）；数据存储层，包含MySQL关系型数据库；系统框架层，采取基于vue.js和node.js框架进行开发的。3.2功能模块设计通过长期的研究以及分析，决定将智慧校园学生办证系统分为两端，学生端和管理端。学生端业务包含登录、学生证补办、校园卡办理、荣誉证书办理、办理进度查询，管理端基础功能包括登录、用户管理、学生证业务管理、校园卡业务管理、荣誉证书业务管理等。功能结构如（图3.2系统功能模块图）所示。图3.2系统功能模块图以下对各个模块功能详细说明：学生端：一、登录（1）登录进入页面：通过学号，密码登录成功进入智慧校园办证系统。（2）修改密码。二、学生证补办（1）查看学生证损坏/丢失补办注意事项：有提示方便信息填写。（2）学生证补办理信息表进行填写以及提交。三、校园卡办理（1）查看校园卡功能操作注意的事项。（2）校园卡挂失：防止资金被盗用。（3）校园卡解冻：恢复校园卡正常使用。（4）校园卡补办信息进行填写及提交。四、荣誉证书办理（1）查看到申请荣誉证书具备的材料以及注意事项。（2）学生可对荣誉证书进行申请，填写申请荣誉证书所需要的资料。五、办理进度查询实时查看自己办理的证件的进度。管理端：一、登录系统的管理员可以通过正确的帐号和密码登录进入智能校园学生办证后台管理系统。二、用户管理（1）添加基本用户信息，包括学生ID，姓名，宿舍号等。学生ID不能重复。（2）修改用户基本信息。（3）删除用户信息，用户离开学校无关联时，方可删除。三、学生证业务管理（1）查看补办学生证同学的学生证申请信息。（2）审核，对补办学生证申请进行审核通过或者审核不通过，审核失败则可以备注不通过的原因。（3）学生证业务列表进行删除，未审核列表不可以删除。四、校园卡业务管理（1）查看补办校园卡同学申请信息。（2）审核，对补办校园卡申请进行审核通过或者审核不通过，审核失败则可以备注不通过的原因。（3）冻结与解冻。（4）校园卡业务列表进行删除，未审核列表不可以删除。五、荣誉证书业务管理（1）查看申请信息。（2）审核，后勤人员可以对荣誉证书申请进行审核通过或者审核不通过，可以进行备注。（3）荣誉申请表列表进行删除，未审核列表不可以删除。3.3数据库设计数据库设计是创立数据库及它的应用系统，为了方便它可以有用地保存数据来满足用户的应用需求。囊括信息管理要求跟数据操作。数据库操纵要求是指对数据的操作，比如删除，修改，添加，检查，统计信息等；信息管理要求明确应管理哪些数据对象并将它保存在数据库中。数据库访问优化设计的目标是提高数据库访问效率并简化复杂查询的SQL语句。智慧校园学生办证系统是为了学生办证，后勤工作者管理而开发的系统。需要用到数据库进行数据存储以及数据操纵而且对数据的一致性有严格的要求，因而数据库与表结构的建立的好与坏会直接影响系统的运行效果。本系统采用MySQL配合Navicat工具对数据进行操作存储。本节对系统用到的数据库表组织进行详尽设计。3.3.1表设计依据需求分析，系统需要设立以下数据库表来保存数据和信息。有用户信息表、管理员表、学生证信息表、校园卡信息表、荣誉证书信息表等等。数据表设计如下：（1）用户信息表（zh_user）表3.3zh_user表列名数据类型可为空注释stu_idVARCHAR(10)NOTNULL用户学号stu_passwordVARCHAR(20)NOTNULL用户密码stu_nameVARCHAR(30)NULL用户姓名stu_sexVARCHAR(10)NULL用户性别dorm_numVARCHAR(30)NULL宿舍号card_idVARCHAR(40)NULL身份证号major_nameVARCHAR(40)NULL专业名称stu_classVARCHAR(40)NULL班级stu_phoneVARCHAR(20)NULL手机号码sdeptVARCHAR(40)NULL系部usecard_statusVARCHAR(10)NULL校园卡使用状态用户信息表存储的数据是智慧校园办证系统的用户，包含有stu_id用户学号，stu_password用户密码等关键信息,校园卡使用状态为0为正常使用，1为冻结中。（2）管理员表（zh_manager）表3.4zh_manager表列名数据类型可为空注释manager_idVARCHAR(20)NOTNULL账号manager_pwdVARCHAR(20)NOTNULL管理员密码管理员表存储的数据是智慧校园办证系统的管理者，包含有manager_id帐号，Manager_pwd管理员密码等关键信息。（3）学生证信息表（stu_idcard_info）表3.5stu_idcard_info表列名数据类型可为空注释stu_idVARCHAR(10)NOTNULL用户学号stu_nameVARCHAR(30)NULL用户姓名stu_sexVARCHAR(10)NULL用户性别major_nameVARCHAR(40)NULL专业名称edu_sysVARCHAR(10)NULL用户学制stu_bornVARCHAR（20）NULL出生日期entrance_dateVARCHAR（30）NULL入学日期date_issueVARCHAR（30）NULL发证日期term_validityVARCHAR（30）NULL有效期stu_reasonVARCHAR（300）NULL学生证申请原因stu_remarkVARCHAR（300）NULL学生证备注stu_statusVARCHAR（10）NULL学生证审核状态学生证信息表，用来保存学生补办学生证填写的信息，包含有学号、姓名、学制、出生日期等。其中学生证审核状态，未审核是用0表示，审核通过是用1表示，审核不通过是用2表示。（4）校园卡信息表（wiscard_info）表3.6wiscard_info表列名数据类型可为空注释stu_idVARCHAR(10)NOTNULL用户学号stu_nameVARCHAR(30)NULL用户姓名stu_sexVARCHAR(10)NULL用户性别sdeptVARCHAR(40)NULL系部hairpin_dateVARCHAR（30）NULL发卡日期cam_validityVARCHAR（30）NULL校园卡有效期wiscard_reasonVARCHAR（300）NULL校园卡申请原因wiscard_remarkVARCHAR（300）NULL校园卡备注wiscard_statusVARCHAR（10）NULL校园卡审核状态校园卡信息表，用来保存学生补办校园卡填写的信息，包含有学号、学制、出生日期等。其中校园卡审核状态，0为未审核，1为审核通过，2为审核不通过.（5）荣誉证书信息表（honor_info）表3.7honor_info表列名数据类型可为空注释stu_idVARCHAR(10)NOTNULL用户学号stu_nameVARCHAR(30)NULL用户姓名stu_sexVARCHAR(10)NULL用户性别honor_nameVARCHAR(20)NULL荣誉称号名称political_statusVARCHAR(20)NULL政治面貌hstart_dateVARCHAR(20)NULL申请开始日期hend_dateVARCHAR(20)NULL申请结束日期main_storyVARCHAR(400)NULL主要事迹honor_statusVARCHAR(20)NULL审核状态honor_remarkVARCHAR(300)NULL备注3.3.2ER关系图E-R图，也被称作实体连接图，它是用来形容现实世界关联的概念模型的有用方法。这是表达概念关系模型的一种方式。组成E-R图的三个基本元素是连接，属性和实体类型。在实体关联数据模型中，存在三个常规约束：多对多约束（关联），一对多约束（关联）和一对一约束（关联）。以下是主要数据库表的关系图：图3.8数据库表的关系图本系统各数据库表都存在一定的关联关系，管理员可以管理n个用户，一个用户只可以拥有一个学生证，一张校园卡，可以拥有多张荣誉证书。3.4系统实现结合系统的整体架构和功能模块设计，智慧校园学生办证系统分为学生端与管理端，在实现过程中，比较重视用户的体验感，页面设计也简洁明了，作为政务类系统，采取了代表着冷静、理智、庄重的蓝色作为底色。其中最重要的功能模块有学生业务办理模块、校园卡业务办理模块、荣誉证书申请模块。下面将列举几个功能模块进行详细的讲解。3.4.1登录功能模块由于是政务系统，登录功能模块对用户的密码保密性需要加强，采取了MD5对密码进行了加密存储，并使用JSONWEBTOKEN进行信息的安全传输，并且为了可以明显减轻服务端的内存压力，JSONWEBTOKEN方式将用户状态分散到了客户端中。学生只能通过自己的学号密码登录进入系统。以下附上简要的代码：functionhashPassword(user,options){if(user.changed('stu_password')){user.stu_password=MD5(user.stu_password).toString()}}图3.9登录页实现图3.4.2首页设计实现首页是对智慧校园学生办证系统的业务进行展现，采取了代表着庄重、理智的蓝色。设计主要以简约风为主，清晰明了，让用户操作起来也方便。使用vue框架进行编写，以路由的方式进行跳转。使用了Normalize.css，其让HTML网页元素在不同浏览器的形式更一致，统一。以下是首页的效果图：图3.10首页实现图3.4.3学生证功能模块学生经常会出现丢失/损坏学生证的情况，由于使用的次数比较多，故开发此项业务。因办理证件需要填写的个人信息比较多，所以输入设置的校验比较多，需要校验成功才可以对数据进行提交，使用了v-model进行数据的双向绑定。以下附上部分简要的代码：this.$refs['stusubForm'].validate(async(valid)=>{if(valid){this.loading=truethis.error=''}}exportdefault{raiseStuCard(data){returnrequest.post('/stuCards',data)}}exportdefault{raiseStuCard(data){returnrequest.post('/stuCards',data)}}图3.11学生证信息提交实现图3.4.5荣誉证书功能模块学生每年需要申请的证书非常多，为了减少各资源的消耗，开发了此荣誉证书业务。由教师设定好荣誉称号名称，申请开始日期以及申请结束日期。学生再填写相应的信息进行荣誉证书的申请。学生端通过获取后台的返回的数据进行渲染在荣誉证书申请页面上。以下附上简要代码：honorsubRules:{stu_name:[{type:'string',required:true,message:'请输入名字',trigger:'blur'},{min:2,max:5,message:'长度在2到5个字符',trigger:'blur'}]}图3.12荣誉证书信息提交实现图3.5本章小结本章对智慧校园学生办证系统的登录模块、首页、学生证业务模块以及荣誉证书进行了介绍，通过部分的页面展现让大家更快的了解智慧校园学生办证系统的主要功能以及其安全性。第4章系统测试4.1系统测试4.1.1测试的目的给予系统软件质量保障是软件测试目的,也就是确保软件能够满足设计与实践要求；提供信息给后面的风险评估；软件开发过程时符合高质量的。4.1.2测试的意义软件测试在软件开发中起着关键作用，其对已开发完的系统功能进行测试，软件测试可以测试软件的质量，并且代表对需求，编码和用户体验的最终检查。软件的缺陷会暴露出来，从而进行完善，使得系统在安全、性能、用户体验等方面更好，进一步保证软件的质量。4.1.3软件测试方法软件的测试方法又很多琳琅满目。黑盒测试和白盒测试是测试的主要方法。白盒测试方法主要有代码检査法、静态结构分析法、静态质量度量法、逻辑覆盖法、基本路径测试法、域测试、符号测试、路径覆盖和程序变异等等。按测试设计方法分类有：1、黑盒测试:无法会意或者使用系统的内部结构和知识，把将软件系统视为“黑箱”。从软件的行为，而不是内部结构出发来设计测试。2、白盒测试：设计者可以看到软件系统的内部结构，并且使用软件的内部知识来指导测试数据及方法的选择。3、灰盒测试：它主要用于集成测试过程，在白盒测试跟黑盒测试之间。从测试是自动还是手动上分类有：1、手动测试：测试人员手动去输入用例，使用鼠标去手动测试，查察结果。2、自动化测试：在预设条件下或用应用程序对系统进行测测试API。本系统将采用接口测试与黑盒测试的方法：1、接口测试：接口测试用于检验系统之间与外部系统以及各个内部子系统之间的交互点这是很主要的，测试系统组件之间的接口的测试是接口测试。检测数据交换是测试的重点，把持和转运管理过程以及系统之间的相互逻辑依存关系等。2、黑盒测试：确定好测试的用例，揣摩测试的结果是对还是错，凭据程序功能需求规范考虑，一个一个的去测试产品是否达到用户需求的功能。4.1.4系统接口测试结果接口测试的本质就是数据的接收和传输，工作原理是URL通过post或者get请求像服务器发送一些东西，然后得到一些相对应的返回值。接口测试为了测试接口（API）的正确性与稳定性。系统采用了postman接口测试工具对api进行测试。以下是部分接口测试代码以及效果图：asyncraiseUser(req,res){try{constUser=awaituser.create(req.body)res.status(201).send({User})}catch(error){res.status(400).send({code:400,error:'用户创建失败'})}}图4.1创建用户返回成功结果图上图是创建用户结果成功返回的图，状态码是201，201表示已创建，请求成功并且服务器创建了新的资源。图4.2创建用户返回失败结果图上图因为设置了学号以及身份证号的唯一性，当学号身份证号二者其一出现重复了，会返回http错误状态码400，表示错误请求。图4.3测试查询用户代码截图图4.4测试登录接口代码截图图4.4登录成功返回结果图上图是通过正确的学号密码验证成功的结果图，http状态码返回200。密码采取了MD5存储，以及使用JSONWEBTOKEN，这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。图4.5登录失败返回结果图上图当用户名或者密码错误的时候将返回http状态码403，拒绝请求。4.1.5黑盒测试用例以及结果由于系统业务逻辑比较多，在这里将会给出部分的测试用例以及测试结果。表4.7学生登录成功测试用例用例名称学生登录成功目的测试学生通过正确学号和密码成功登录进入系统。前提学生进入智慧校园学生办证系统登录页。测试流程填写正确的学号以及密码。点击登录按钮，成功进去系统。预期结果页面跳转到智慧校园学生办证系统的首页。测试结果通过。表4.8学生登录失败测试用例用例名称学生登录失败目的测试学生通过错误学号或者密码无法登录进入系统。前提学生进入智慧校园学生办证系统登录页。测试流程1）填写错误的学号或者密码。2）点击登录按钮，无法进入系统。预期结果登录框提示登录失败，无法进行页面跳转。测试结果通过。表4.9学生证业务测试用例用例名称学生证业务目的学生证业务功能模块前提学生进入智慧校园学生办证系统的首页。测试流程1）点击学生证丢失/损坏业务。2）将看到办理证件注意事项，点击下一步按钮。3）对学生证信息表进行填写。4）填写完成后，点击提交按钮。5）提交成功后页面将跳转到首页。预期结果1）跳转到注意事项页，点击下一步将跳转到学生证信息表填写页。2）点击学生证信息表按钮将返回到首页。3）当信息校验错误的时候会显示红色的提示框。4）信息填写完成后，点击提交按钮，成功提交并且跳转到首页。测试结果通过。表4.10荣誉证书业务测试用例用例名称荣誉证书业务目的荣誉证书业务功能模块前提学生进入智慧校园学生办证系统的首页。测试流程1）点击荣誉证书申请办理业务。2）将看到办理证件注意事项，点击下一步按钮。3）填写申请荣誉证书对应的信息。4）填写完成后，点击提交按钮。5）提交成功后页面将跳转到首页。预期结果1）跳转到注意事项页，点击下一步将跳转到荣誉证书信息表填写页。2）点击荣誉证书信息表按钮将返回到首页。3）在荣誉证书信息填写页，如果有荣誉称号可以申请，则会显示荣誉名称，并显示对应的申请开始日期以及申请结束日期。如果没有则为空。4）当信息校验错误的时候会显示红色的提示框。5）信息填写完成后，点击提交按钮，成功提交并且跳转到首页。测试结果通过。第5章结束语5.1全文总结本文对智慧校园学生办证系统的开发过程进行了一系列的阐释。通过国内外研究，多种方式对高校、学生、教师进行调查研究，确定了基本的功能模块。web前端采用vue.js框架进行开发，后端使用基于node.js的异步ORM框架Sequelize进行开发的。数据库使用的是MYSQL，使用的是Navicat数据库管理工具。文中通过用例图，功能模块图，系统总体架构图，E-R图等图对系统功能、逻辑结构等进行呈现，清晰明了，一目了然。简单扼要的表达软件设计中的动态和静态信息。在系统的实现部分，本文给出了登录功能、学生证业务功能、荣誉证书业务功能的静态页面图以及其实现流程的一些阐述。5.2论文展望及不足当今社会互联网行业飞速发展，新技术不断衍生。智慧校园办证系统的要求也将不断提高，信息的安全性，办理时效，多种业务办理等等。该智慧校园办证系统尚存在不足与需要改善的地方，接下来需要学习更多的技术对其完善：（1）校园卡业务充值功能，可以通过微信支付、支付宝支付、QQ支付等一些支付方式进行支付。（2）荣誉证书业务模块将开发电子版荣誉证书，当审核通过后将派发电子版荣誉证书。（3）系统的安全性加强，希望可以结合人脸识别技术对办理证件的用户进行人脸识别，进一步提高系统的安全性。参考文献[1]辛建平.国内外智慧校园建设的现状[J].电脑知识与技术：学术交流,2018(5Z):2-2.

[2]席渊.基于RFID的航空机载设备仓库管理系统的开发[J].中国优秀硕士学位论文全文数据库,2016(02):81-81.

[3]安平.浅析项目范围管理在区域卫生信息平台建设中的重要性[J].科技信息,2012(13):215-215.

[4]陈岩.轻量级响应式框架Vuejs应用分析[J].中国管理信息化,2018(03):183-185.

[5]曹希锋.物联网技术在消防管理中的应用——以辽宁智慧消防管理系统为例[J].警察技术,2018(1):4-4.

[6]廖维丽.普通高校数字化校园建设工作思考[J].经济研究导刊,2012(28):325-326.

[7]张德时.高校数字化校园建设规划科学研究[J].黑龙江高教研究,2010(08):45-47.

[8]庞宇张明扬.论校园“一卡通”在中职学校管理中的作用[J].科技资讯,2011(09):238-238.

[9]唐燕.数字校园综合信息证件卡设计[J].内江科技,2013(01):164-165.

[10]陈永刚张巍丁锋.浅析高校数字化校园建设[J].电子制作,2014(19):170-170.

[11]滑翔.高校学生管理信息系统的开发[J].吕梁教育学院学报,2010(04):47-49.

[12]张捷..NET架构体系及开发研究[J].电子测试,2017(9X):2-2.

[13]尹庆莉.校园一卡通的应用探讨[J].中国教育信息化,2009(23):9-10.

[14]蒋家傅钟勇王玉龙李宗培黄美仪.基于教育云的智慧校园系统构建[J].现代教育技术,2013(02):111-116.致谢时光匆匆如流水，转眼便是大学毕业时节，春梦秋云，天下没有不散的宴席。四年的读书生活在这个季节即将划上一个句号，而于我的人生却只是一个逗号，我将面对又一次征程的开始。在设计智慧校园办证系统中，首先我要感谢我的导师潘伯新老师，在毕业论文中对我们一步步的指导，呕心沥血，付出了很多精力，熬夜为我们修改论文，在论文撰写过程中及时对我 遇到的困难和疑惑给予悉心指点，提出了许多有益的改善性意见。在这里对您表达深深的谢意。感谢计算机系的全体领导和老师，由于你们的悉心教导，我学到了专业的计算机知识，掌握了扎实的专业技能。感谢我的室友们，从遥远的家来到这个陌生的城市里，是你们和我共同维系着彼此之间的感情，维系着寝室那份家的融洽。苟富贵勿相忘，三年的舍友，一辈子的朋友。感谢我的家人在此期间给予我的关爱、包容、支持以及鼓励，正是由于他们的支持和照顾，我才能安心学习，并顺利完成我的学业。毕业在即，在今后的工作和生活中，我会铭记师长们的教诲，继续不懈努力和追求，来报答所有支持和帮忙过我的人。

HYPERLINK如何给电脑重做系统给电脑重做系统，自己学学，可少花钱，哈哈[图]

一、准备工作:

如何重装电脑系统

首先，在启动电脑的时候按住DELETE键进入BIOS，选择AdvancedBIOSFeatures选项，按Enter键进入设置程序。选择FirstBootDevice选项，然后按键盘上的PageUp或PageDown键将该项设置为CD-ROM，这样就可以把系统改为光盘启动。

其次，退回到主菜单，保存BIOS设置。（保存方法是按下F10，然后再按Y键即可）

1.准备好WindowsXPProfessional简体中文版安装光盘,并检查光驱是否支持自启动。

2.可能的情况下，在运行安装程序前用磁盘扫描程序扫描所有硬盘检查硬盘错误并进行修复，否则安装程序运行时如检查到有硬盘错误即会很麻烦。

3.用纸张记录安装文件的产品密匙(安装序列号)。

4.可能的情况下，用驱动程序备份工具(如:驱动精灵2004V1.9Beta.exe)将原WindowsXP下的所有驱动程序备份到硬盘上(如∶F:Drive)。最好能记下主板、网卡、显卡等主要硬件的型号及生产厂家，预先下载驱动程序备用。

5.如果你想在安装过程中格式化C盘或D盘(建议安装过程中格式化C盘)，请备份C盘或D盘有用的数据。

二、用光盘启动系统:

(如果你已经知道方法请转到下一步),重新启动系统并把光驱设为第一启动盘,保存设置并重启。将XP安装光盘放入光驱,重新启动电脑。刚启动时，当出现如下图所示时快速按下回车键，否则不能启动XP系统光盘安装。如果你不知道具体做法请参考与这相同的-->如何进入纯DOS系统:

光盘自启动后,如无意外即可见到安装界面,将出现如下图1所示

查看原图

全中文提示,“要现在安装WindowsXP,请按ENTER”，按回车键后,出现如下图2所示

查看原图

许可协议,这里没有选择的余地，按“F8”后如下图3

HYPERLINK

查看原图

这里用“向下或向上”方向键选择安装系统所用的分区，如果你已格式化C盘请选择C分区，选择好分区后按“Enter”键回车，出现下图4所示

查看原图

这里对所选分区可以进行格式化,从而转换文件系统格,或保存现有文件系统,有多种选择的余地,但要注意的是NTFS格式可节约磁盘空间提高安全性和减小磁盘碎片但同时存在很多问题MacOS和98/Me下看不到NTFS格式的分区,在这里选“用FAT文件系统格式化磁盘分区(快),按“Enter”键回车，出现下图5所示

查看原图

格式化C盘的警告,按F键将准备格式化c盘,出现下图6所示

HYPERLINK

查看原图

由于所选分区C的空间大于2048M(即2G),FAT文件系统不支持大于2048M的磁盘分区,所以安装程序会用FAT32文件系统格式对C盘进行格式化,按“Enter”键回车，出现下图7所示

查看原图图7中正在格式化C分区;只有用光盘启动或安装启动软盘启动XP安装程序,才能在安装过程中提供格式化分区选项；如果用MS-DOS启动盘启动进入DOS下,运行i386\winnt进行安装XP时,安装XP时没有格式化分区选项。格式化C分区完成后,出现下图8所示

被过滤广告

查看原图

图8中开始复制文件,文件复制完后，安装程序开始初始化Windows配置。然后系统将会自动在15秒后重新启动。重新启动后,出现下图9所示

HYPERLINK

查看原图

9

查看原图

过5分钟后，当提示还需33分钟时将出现如下图10

HYPERLINK

查看原图

区域和语言设置选用默认值就可以了，直接点“下一步”按钮，出现如下图11

查看原图

这里输入你想好的姓名和单位，这里的姓名是你以后注册的用户名，点“下一步”按钮，出现如下图12

HYPERLINK

查看原图

如果你没有预先记下产品密钥（安装序列号）就大件事啦！这里输入安装序列号，点“下一步”按钮，出现如下图13

HYPERLINK

查看原图

安装程序自动为你创建又长又难看的计算机名称,自己可任意更改，输入两次系统管理员密码，请记住这个密码，Administrator系统管理员在系统中具有最高权限，平时登陆系统不需要这个帐号。接着点“下一步”出现如下图14

查看原图

日期和时间设置不用讲,选北京时间，点“下一步”出现如下图15

HYPERLINK

查看原图

开始安装,复制系统文件、安装网络系统，很快出现如下图16

查看原图

让你选择网络安装所用的方式，选典型设置点“下一步”出现如下图17

HYPERLINK

查看原图

点“下一步”出现如下图18

HYPERLINK

查看原图

继续安装，到这里后就不用你参与了，安装程序会自动完成全过程。安装完成后自动重新启动，出现启动画面，如下图19

HYPERLINK

查看原图

第一次启动需要较长时间，请耐心等候，接下来是欢迎使用画面，提示设置系统，如下图20

查看原图

点击右下角的“下一步”按钮，出现设置上网连接画面，如下图21所示

HYPERLINK

查看原图

点击右下角的“下一步”按钮，出现设置上网连接画面，如下图21所示

查看原图

这里建立的宽带拨号连接,不会在桌面上建立拨号连接快捷方式,且默认的拨号连接名称为“我的ISP”(自定义除外);进入桌面后通过连接向导建立的宽带拨号连接,在桌面上会建立拨号连接快捷方式,且默认的拨号连接名称为“宽带连接”(自定义除外)。如果你不想在这里建立宽带拨号连接,请点击“跳过”按钮。

在这里我先创建一个宽带连接,选第一项“数字用户线(ADSL)或电缆调制解调器”,点击“下一步”按钮，如下图22所示

HYPERLINK

查看原图

目前使用的电信或联通(ADSL)住宅用户都有帐号和密码的,所以我选“是,我使用用户名和密码连接”,点击“下一步”按钮，如下图23所示

查看原图

输入电信或联通提供的帐号和密码,在“你的ISP的服务名”处输入你喜欢的名称,该名称作为拨号连接快捷菜单的名称,如果留空系统会自动创建名为“我的ISP”作为该连接的名称,点击“下一步”按钮，如下图24所示

查看原图

已经建立了拨号连接,微软当然想你现在就激活XP啦,不过即使不激活也有30天的试用期,又何必急呢?选择“否,请等候几天提醒我”,点击“下一步”按钮，如下图25所示

HYPERLINK

查看原图

输入一个你平时用来登陆计算机的用户名，点下一步出现如下图26

HYPERLINK

查看原图

点击完成，就结束安装。系统将注销并重新以新用户身份登陆。登陆桌面后如下图27

HYPERLINK

查看原图

六、找回常见的图标

在桌面上点开始-->连接到-->宽带连接，如下图32

查看原图

左键点“宽带连接”不放手，将其拖到桌面空白处,可见到桌面上多了一个“宽带连接”快捷方式。结果如下图33

HYPERLINK

查看原图

然后，右键在桌面空白处点击，在弹出的菜单中选“属性”，即打开显示“属性窗口”如下图34

查看原图

在图中单击“桌面”选项卡，出现如下图35

HYPERLINK

查看原图

在图中的左下部点击“自定义桌面”按钮，出现如下图36

查看原图

在图中的上部，将“我的文档”、“我的电脑”、“网上邻居”和“InternetExplorer”四个项目前面的空格上打钩，然后点“确定”，再“确定”，你将会看到桌面上多了你想要的图标。如下图37

键盘上每个键作用!!!

F1帮助

F2改名

F3搜索

F4地址

F5刷新

F6切换

F10菜单

CTRL+A全选

CTRL+C复制

CTRL+X剪切

CTRL+V粘贴

CTRL+Z撤消

CTRL+O打开

SHIFT+DELETE永久删除

DELETE删除

ALT+ENTER属性

ALT+F4关闭

CTRL+F4关闭

ALT+TAB切换

ALT+ESC切换

ALT+空格键窗口菜单

CTRL+ESC开始菜单

拖动某一项时按CTRL复制所选项目

拖动某一项时按CTRL+SHIFT创建快捷方式

将光盘插入到CD-ROM驱动器时按SHIFT键阻止光盘自动播放

Ctrl+1,2,3...切换到从左边数起第1,2,3...个标签

Ctrl+A全部选中当前页面内容

Ctrl+C复制当前选中内容

Ctrl+D打开“添加收藏”面版(把当前页面添加到收藏夹中)

Ctrl+E打开或关闭“搜索”侧边栏(各种搜索引擎可选)

Ctrl+F打开“查找”面版

Ctrl+G打开或关闭“简易收集”面板

Ctrl+H打开“历史”侧边栏

Ctrl+I打开“收藏夹”侧边栏/另:将所有垂直平铺或水平平铺或层叠的窗口恢复

Ctrl+K关闭除当前和锁定标签外的所有标签

Ctrl+L打开“打开”面版(可以在当前页面打开Iternet地址或其他文件...)

Ctrl+N新建一个空白窗口(可更改,Maxthon选项→标签→新建)

Ctrl+O打开“打开”面版(可以在当前页面打开Iternet地址或其他文件...)

Ctrl+P打开“打印”面板(可以打印网页,图片什么的...)

Ctrl+Q打开“添加到过滤列表”面板(将当前页面地址发送到过滤列表)

Ctrl+R刷新当前页面

Ctrl+S打开“保存网页”面板(可以将当前页面所有内容保存下来)

Ctrl+T垂直平铺所有窗口

Ctrl+V粘贴当前剪贴板内的内容

Ctrl+W关闭当前标签(窗口)

Ctrl+X剪切当前选中内容(一般只用于文本操作)

Ctrl+Y重做刚才动作(一般只用于文本操作)

Ctrl+Z撤消刚才动作(一般只用于文本操作)

Ctrl+F4关闭当前标签(窗口)

Ctrl+F5刷新当前页面

Ctrl+F6按页面打开的先后时间顺序向前切换标签(窗口)

Ctrl+F11隐藏或显示菜单栏

Ctrl+Tab以小菜单方式向下切换标签(窗口)

Ctrl+Enter域名自动完成[url=].**.com[/url](内容可更改,Maxthon选项→地址栏→常规)/另:当输入焦点在搜索栏中时,为高亮关键字

Ctrl+拖曳保存该链接的地址或已选中的文本或指定的图片到一个文件夹中(保存目录可更改,Maxthon选项→保存)

Ctrl+小键盘'+'当前页面放大20%

Ctrl+小键盘'-'当前页面缩小20%

Ctrl+小键盘'*'恢复当前页面的缩放为原始大小

Ctrl+Alt+S自动保存当前页面所有内容到指定文件夹(保存路径可更改,Maxthon选项→保存)

Ctrl+Shift+小键盘'+'所有页面放大20%

Ctrl+Shift+小键盘'-'所有页面缩小20%

Ctrl+Shift+F输入焦点移到搜索栏

Ctrl+Shift+G关闭“简易收集”面板

Ctrl+Shift+H打开并激活到你设置的主页

Ctrl+Shift+N在新窗口中打开剪贴板中的地址,如果剪贴板中为文字,则调用搜索引擎搜索该文字(搜索引擎可选择,Maxthon选项→搜索)

Ctrl+Shift+S打开“保存网页”面板(可以将当前页面所有内容保存下来,等同于Ctrl+S)

Ctrl+Shift+W关闭除锁定标签外的全部标签(窗口)

Ctrl+Shift+F6按页面打开的先后时间顺序向后切换标签(窗口)

Ctrl+Shift+Tab以小菜单方式向上切换标签(窗口)

Ctrl+Shift+Enter域名自动完成

Alt+1保存当前表单

Alt+2保存为通用表单

Alt+A展开收藏夹列表

资源管理器

END显示当前窗口的底端

HOME显示当前窗口的顶端

NUMLOCK+数