网站域名的作用是什么意思,网站建设考核指标,青岛市建设工程,拓客系统基于vuenode.js智慧校园学生办证系统
摘要#xff1a;随着计算机技术和网络技术的飞快发展#xff0c;它加速了国内信息化建设的进程#xff0c;信息技术对管理改革产生了深远的影响。为了适应新时代的发展趋势#xff0c;各行各业都高度重视信息化建设。在教育领域#…基于vuenode.js智慧校园学生办证系统
摘要随着计算机技术和网络技术的飞快发展它加速了国内信息化建设的进程信息技术对管理改革产生了深远的影响。为了适应新时代的发展趋势各行各业都高度重视信息化建设。在教育领域信息时代的到来为传统教育改革和学校管理发展提供新机遇。智慧校园的信息化建设。在传统的方式下高校的学生丢失证件都需要到指定后勤部门申请有时候后勤上班时间与上课时间相冲突这无疑给急需使用证件的学生造成很大的不便利消耗了人力物力财力。在大数据背景之下,传统的校园管理方式已经明显不能满足信息化时代的发展。 针对目前高校存在办证繁琐的问题结合实际情况,开发一个基于B/S结构MVVM设计模式node.jsvue.js框架的智慧校园学生办证是很有必要的。 在实现上Visual Studio Code将用作前端和后端开发工具。 Visual Studio Code是一个免费的开源现代轻量级代码编辑器它支持插件扩展并针对Web开发和云应用程序开发进行了优化。MySQL将用作数据库的开发MySQL性能卓越服务稳定自主性强、使用成本低。能更好的用于智慧校园学生办证系统的开发。 关键词智慧校园高校信息化便利性
Vue and node.js-Based intelligent campus student certificate system AbstractWith 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 用例模型建立 智慧校园学生办证系统角色主要包含系统管理员与学生用户下面列举出学生的功能用例图与系统管理员的功能用例。 图2.2 “学生”用例图 “学生”为系统管理员添加的角色如图2.2所示“学生”可以通过登录智慧校园学生办证系统进行学生证补办校园卡补办荣誉证书办理办理进度查询等操作。
图2.3“系统管理员”用例图 “系统管理员”在系统中拥有最高的权限级别如图2.3所示系统管理员可以通过登录进入系统对所有用户信息进行管理拥有学生证业务管理校园卡业务管理荣誉证书业务管理等功能。 2.3 可行性分析 2.3.1 技术可行性 智慧校园学生办证系统是使用Visual Studio Code编辑器开发的前端是使用当今三种流行的框架之一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功能数据交换程序或数据接口满足不同的场景使用。[][8]使用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.3 zh_user表 列名 数据类型 可为空 注释 stu_id VARCHAR(10) NOT NULL 用户学号 stu_password VARCHAR(20) NOT NULL 用户密码 stu_name VARCHAR(30) NULL 用户姓名 stu_sex VARCHAR(10) NULL 用户性别 dorm_num VARCHAR(30) NULL 宿舍号 card_id VARCHAR(40) NULL 身份证号 major_name VARCHAR(40) NULL 专业名称 stu_class VARCHAR(40) NULL 班级 stu_phone VARCHAR(20) NULL 手机号码 sdept VARCHAR(40) NULL 系部 usecard_status VARCHAR(10) NULL 校园卡使用状态 用户信息表存储的数据是智慧校园办证系统的用户包含有stu_id用户学号stu_password用户密码等关键信息,校园卡使用状态为0为正常使用1为冻结中。
2管理员表zh_manager 表3.4 zh_manager表 列名 数据类型 可为空 注释 manager_id VARCHAR(20) NOTNULL 账号 manager_pwd VARCHAR(20) NOTNULL 管理员密码 管理员表存储的数据是智慧校园办证系统的管理者包含有manager_id帐号Manager_pwd管理员密码等关键信息。 3学生证信息表stu_idcard_info 表3.5 stu_idcard_info表 列名 数据类型 可为空 注释 stu_id VARCHAR(10) NOT NULL 用户学号 stu_name VARCHAR(30) NULL 用户姓名 stu_sex VARCHAR(10) NULL 用户性别 major_name VARCHAR(40) NULL 专业名称 edu_sys VARCHAR(10) NULL 用户学制 stu_born VARCHAR20 NULL 出生日期 entrance_date VARCHAR30 NULL 入学日期 date_issue VARCHAR30 NULL 发证日期 term _ validity VARCHAR30 NULL 有效期 stu_reason VARCHAR300 NULL 学生证申请原因 stu_remark VARCHAR300 NULL 学生证备注 stu_status VARCHAR10 NULL 学生证审核状态 学生证信息表用来保存学生补办学生证填写的信息包含有学号、姓名、学制、出生日期等。其中学生证审核状态未审核是用0表示审核通过是用1表示审核不通过是用2表示。 4校园卡信息表wiscard_info 表3.6 wiscard_info表 列名 数据类型 可为空 注释 stu_id VARCHAR(10) NOT NULL 用户学号 stu_name VARCHAR(30) NULL 用户姓名 stu_sex VARCHAR(10) NULL 用户性别 sdept VARCHAR(40) NULL 系部 hairpin_date VARCHAR30 NULL 发卡日期 cam_ validity VARCHAR30 NULL 校园卡有效期 wiscard_reason VARCHAR300 NULL 校园卡申请原因 wiscard_remark VARCHAR300 NULL 校园卡备注 wiscard_status VARCHAR10 NULL 校园卡审核状态 校园卡信息表用来保存学生补办校园卡填写的信息包含有学号、学制、出生日期等。其中校园卡审核状态0为未审核1为审核通过2为审核不通过. 5荣誉证书信息表honor_info 表3.7 honor_info表 列名 数据类型 可为空 注释 stu_id VARCHAR(10) NOT NULL 用户学号 stu_name VARCHAR(30) NULL 用户姓名 stu_sex VARCHAR(10) NULL 用户性别 honor_name VARCHAR(20) NULL 荣誉称号名称 political status VARCHAR(20) NULL 政治面貌 hstart_date VARCHAR(20) NULL 申请开始日期 hend_date VARCHAR(20) NULL 申请结束日期 main_story VARCHAR(400) NULL 主要事迹 honor status VARCHAR(20) NULL 审核状态 honor_remark VARCHAR(300) NULL 备注
3.3.2 ER关系图 E-R图也被称作实体连接图它是用来形容现实世界关联的概念模型的有用方法。这是表达概念关系模型的一种方式。组成E-R图的三个基本元素是连接属性和实体类型。在实体关联数据模型中存在三个常规约束多对多约束关联一对多约束关联和一对一约束关联。以下是主要数据库表的关系图
图3.8 数据库表的关系图 本系统各数据库表都存在一定的关联关系管理员可以管理n个用户一个用户只可以拥有一个学生证一张校园卡可以拥有多张荣誉证书。 3.4 系统实现 结合系统的整体架构和功能模块设计智慧校园学生办证系统分为学生端与管理端在实现过程中比较重视用户的体验感页面设计也简洁明了作为政务类系统采取了代表着冷静、理智、庄重的蓝色作为底色。其中最重要的功能模块有学生业务办理模块、校园卡业务办理模块、荣誉证书申请模块。下面将列举几个功能模块进行详细的讲解。
3.4.1登录功能模块 由于是政务系统登录功能模块对用户的密码保密性需要加强采取了MD5对密码进行了加密存储并使用JSON WEB TOKEN进行信息的安全传输并且为了可以明显减轻服务端的内存压力JSON WEB TOKEN方式将用户状态分散到了客户端中。 学生只能通过自己的学号密码登录进入系统。以下附上简要的代码 function hashPassword (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 true this.error‘’}} export default{ raiseStuCard(data){ return request.post(‘/stuCards’, data) } } export default{ raiseStuCard(data){ return request.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 测试的目的 给予系统软件质量保障是软件测试目的, 也就是确保软件能够满足设计与实践要求提供信息给后面的风险评估软件开发过程时符合高质量的。[][9] 4.1.2 测试的意义 软件测试在软件开发中起着关键作用其对已开发完的系统功能进行测试软件测试可以测试软件的质量并且代表对需求编码和用户体验的最终检查。软件的缺陷会暴露出来从而进行完善使得系统在安全、性能、用户体验等方面更好进一步保证软件的质量。 4.1.3 软件测试方法 软件的测试方法又很多琳琅满目。黑盒测试和白盒测试是测试的主要方法。白盒测试方法主要有代码检査法、静态结构分析法、静态质量度量法、逻辑覆盖法、基本路径测试法、域测试、符号测试、路径覆盖和程序变异等等[][10]。 按测试设计方法分类有 1、黑盒测试:无法会意或者使用系统的内部结构和知识把将软件系统视为“黑箱”。从软件的行为而不是内部结构出发来设计测试。[][11] 2、白盒测试设计者可以看到软件系统的内部结构并且使用软件的内部知识来指导测试数据及方法的选择。[][11] 3、灰盒测试它主要用于集成测试过程在白盒测试跟黑盒测试之间。 从测试是自动还是手动上分类有 1、手动测试测试人员手动去输入用例使用鼠标去手动测试 查察结果。 2、自动化测试在预设条件下或用应用程序对系统进行测测试API。
本系统将采用接口测试与黑盒测试的方法 1、接口测试接口测试用于检验系统之间与外部系统以及各个内部子系统之间的交互点这是很主要的测试系统组件之间的接口的测试是接口测试。检测数据交换是测试的重点把持和转运管理过程以及系统之间的相互逻辑依存关系等。 2、黑盒测试确定好测试的用例揣摩测试的结果是对还是错凭据程序功能需求规范考虑一个一个的去测试产品是否达到用户需求的功能。 4.1.4系统接口测试结果 接口测试的本质就是数据的接收和传输工作原理是URL通过post或者get请求像服务器发送一些东西然后得到一些相对应的返回值。接口测试为了测试接口API的正确性与稳定性。系统采用了postman接口测试工具对api进行测试。以下是部分接口测试代码以及效果图 async raiseUser (req, res) { try { const User await user.create(req.body) res.status(201).send({ User }) } catch (error) { res.status(400).send({ code: 400, error: ‘用户创建失败’ }) } }
图4.1创建用户返回成功结果图 上图是创建用户结果成功返回的图状态码是201201表示已创建请求成功并且服务器创建了新的资源。 图4.2创建用户返回失败结果图 上图因为设置了学号以及身份证号的唯一性当学号身份证号二者其一出现重复了会返回http错误状态码400表示错误请求。 图4.3测试查询用户代码截图 图4.4测试登录接口代码截图 图4.4登录成功返回结果图 上图是通过正确的学号密码验证成功的结果图http状态码返回200。密码采取了MD5存储以及使用JSON WEB TOKEN这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。 图4.5登录失败返回结果图 上图当用户名或者密码错误的时候将返回http状态码403拒绝请求。 4.1.5黑盒测试用例以及结果 由于系统业务逻辑比较多在这里将会给出部分的测试用例以及测试结果。 表4.7 学生登录成功测试用例 用例名称 学生登录成功 目的 测试学生通过正确学号和密码成功登录进入系统。 前提 学生进入智慧校园学生办证系统登录页。 测试流程 1填写正确的学号以及密码。 2点击登录按钮成功进去系统。 预期结果 页面跳转到智慧校园学生办证系统的首页。 测试结果 通过。
表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.
致 谢
时光匆匆如流水转眼便是大学毕业时节春梦秋云天下没有不散的宴席。四年的读书生活在这个季节即将划上一个句号而于我的人生却只是一个逗号我将面对又一次征程的开始。 在设计智慧校园办证系统中首先我要感谢我的导师潘伯新老师在毕业论文中对我们一步步的指导呕心沥血付出了很多精力熬夜为我们修改论文在论文撰写过程中及时对我 遇到的困难和疑惑给予悉心指点提出了许多有益的改善性意见。在这里对您表达深深的谢意。 感谢计算机系的全体领导和老师由于你们的悉心教导我学到了专业的计算机知识掌握了扎实的专业技能。 感谢我的室友们从遥远的家来到这个陌生的城市里是你们和我共同维系 着彼此之间的感情维系着寝室那份家的融洽。苟富贵勿相忘三年的舍友一辈子的朋友。 感谢我的家人在此期间给予我的关爱、包容、支持以及鼓励正是由于他们的支持和照顾我才能安心学习并顺利完成我的学业。 毕业在即在今后的工作和生活中我会铭记师长们的教诲继续不懈努力 和追求来报答所有支持和帮忙过我的人。
