基于vue_cli3 node.js的英语题库系统设计与实现.docx

《基于vue_cli3 node.js的英语题库系统设计与实现.docx》由会员分享，可在线阅读，更多相关《基于vue_cli3 node.js的英语题库系统设计与实现.docx（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、基于vue_cli3+node.js的英语题库系统设计与实现摘要：在应用程序的开发和管理的历史过程中，web应用的发展一日千里，而旧式框架的开发管理已经略显累赘，而与此同时，前后端分离的概念却已渐渐走入人心。2013年，华裔工程师尤雨溪在在GitHub上发布了早期版本的Vue.js框架，此框架轻便快捷，灵活易用。在GitHub的开源项目中，Vue名列前茅，GitHub Star超过了16万。据国家统计局统计分析，大部分的公民在一天内的学习研究的时间严重不充足，公民的学习研究参加率过低。当今正值互联网应用大爆发的时代，伴随着互联网的利用时间大幅增加的大前提下，完全可以把公民的学习形式从线下转移到

2、线上。本英语题库系统出于提升用户英语能力的需求，分析和参考类似的题库系统，结合实际的生产活动，设计开发出一套基于vue_cli3+node.js的英语题库系统。关键词：Vue.js, node.js, GitHub , web应用,题库系统Design and implementation of English question bank system based on Vue cli3 + node.jsAbsrtact: in the historical process of application development and management, the development

3、of web application has been developing rapidly, while the development and management of the old framework has been a little cumbersome, at the same time, the concept of front and back separation has gradually come into peoples mind. In 2013, Yu Xi, a Chinese American engineer, released an earlier ve

4、rsion of vue.js framework on GitHub, which is light, fast and easy to use. Among GitHubs open-source projects, Vue ranks first, with more than 160000 GitHub stars.According to the statistics and analysis of the National Bureau of statistics, most of the citizens do not have enough time to study in o

5、ne day, and the participation rate of citizens in the study is too low. Today is the era of Internet application explosion. With the rapid increase of Internet utilization time, the learning form of citizens can be transferred from offline to online. In order to improve the users English ability, th

6、is English question bank system analyzes and references the similar question bank system, designs and develops an English question bank system based on Vue cli3 + node.js in combination with the actual production activities.Keywords: vue.js, node.js, GitHub , web application , question bank system目

7、录第1章 绪 论11.1 研究背景和意义11.1.1 研究背景分析11.1.2 本课题的研究意义11.2 文献综述21.2.1 国外研究21.2.2 国内研究31.3 课题研究方法和内容31.3.1 研究方法31.3.2 研究内容4第2章 系统需求分析62.1 系统的背景和意义62.2 功能需求62.3 非功能需求72.4 前后端分离优势分析7第3章 系统设计93.1 前端架构设计93.1.1 JavaScript架构93.1.2 Vue-cli 3.093.1.3 Vue-Router93.1.4 UI框架93.1.5 通信技术103.1.6 ECMAScript6103.1.7 DOM10

8、3.1.8 BOM113.2 功能模块设计113.2.1 前台模块113.2.2 后台模块12第4章 系统实现124.1 开发环境124.1.1 硬件环境124.1.2 软件环境134.2 项目环境搭建134.3 登录模块开发134.3.1 登录注册模块实现134.3.2 试题录入模块实现14第5章 系统测试175.1 功能性测试175.1.1 登录注册测试175.1.2 5.1.2选题组卷测试185.2 安全性测试1922第1章 绪 论1.1 研究背景和意义1.1.1 研究背景分析在应用程序的开发和管理的发展过程中，伴随着开发的复杂化和巨型化，旧式框架的开发管理已经略显累赘，而与此同时，前后

9、端分离的概念却已渐渐走入人心。这些年来，Vue.js、Angular.js和React.js已经成为了最具竞争力的三大JS框架。Angular.js于2009年问世，react.js最初源自Facebook公司，并于2013年5月份开源。而Vue.js也受到了Angular.js和React.js等JavaScript框架的启发，兼具了它们的优点，具备了其它框架的技术优势。2013年，华裔工程师尤雨溪在结束了关于Angular.js的工作后，决定开发出新的JavaScript框架。在研究Angular.js和React.js等JavaScript框架的优势部分后，决心构建出一款轻便、快捷、灵活

10、、易用的框架。2014年2月，作者在GitHub上发布了早期版本的Vue.js框架。一年后，正式发布了1.0版本，此框架开始走向大众，为人们所了解。2016年，Vue 2.0版本正式发布。在GitHub的开源项目中，Vue名列前茅，GitHub Star超过了16万。Vue-cli3是脚手架的工具，它是基于Vue.js的可以进行快速开发的系统。可以减少用户配置工程量，简单的进行系统开发。它是一个插件集合，集成了丰富的前端工具，基本的脚手架工具，在此框架下都有集成。而且，Vue还有一套图形化的界面-VueUI，能够简化创建和管理用户项目。综上所述，Vue.js框架已经成为了最热门的Js框架之一。

11、由于Vue简单好学、性能优秀、编码轻松的原因，现已被广大中小型公司所采用。1.1.2 本课题的研究意义运用Vue框架来开发本课题，可以简化编码，使开发工作变得更加简单轻松。Vue有许许多多的新特性，灵活运用这些新特性，可以大大简化系统的开发难度。在Vue中，可以通过组件这一强大的特性，将页面分割成不同的部分，扩展HTML元素，并且可自定义函数。同时，在Vue中，使用者可以通过绑定view和model，以此来观测视图和模型的变化。例如，在Vue中，即可以使用单向绑定，通过改变model来实现view地更新，也可以使用双向绑定，将view与model双向绑定，在更新view或model的时候，mo

12、del和view也会随之更新。同时，Vue支持各种各样的过渡效果，使系统界面更加缤纷多彩。由此可知，采用了该技术来开发此英语题库系统，能够极大地提高研发效率，降低不需要的浪费，对用户的体验有着极大的改善。可见，该技术对前端开发有着极高的正面意义。1.2 文献综述1.2.1 国外研究相对国内则言，国外的前后端分离运动要进行得更早一些，而JavaScript框架的研究也更加深入一些。2009年推出了Angular.js框架，后来为Google公司所收购。Angular.js最广为人知的特性有MVC开发模式，使项目的可维护性大幅提高，便于业务人员修改和维护。其次，Angular.js的模块化开发有助

13、于开发人员将每一个的功能块切割开，分成各种各样的模块，开发人员可以选择在某个模块进行研发，接着把模块运用在页面中。但Angular.js过于笨重，没有做到轻量化，不利于中小型公司的使用和开发。同时，Angular.js不适合交互过于频繁的网页。与之相比，Vue.js要更加轻便快捷，便于开发，更加适合小型企业使用。React.js最初源自Facebook，并于2013年5月份开源。Sebastian Markbage（2018）称React.js的稳定性和灵活性都有了相当的发展，引入了较多的函数调用，使其能够更好地优化。与Angular.js相比，React.js的设计更加出众。React.js

14、极具灵活性，可以与当下流行的库与框架进行配合，具有优秀的灵活性。其次，React.js采用了声明式设计，能够极其方便的描述应用。再者，React.js中的运用了Virtual DOM算法，在JS与DOM中建立Virtual DOM，对比新旧状态的差异，最后再写入DOM中，这种方法可以降低开发的复杂性，使其更具性价比。但与Vue.js相比，React.js的学习成本过高，需要长时间的学习才能彻底掌握。而且，Vue.js的适应性更加强大，拥有更高的效率和更多的模板。1.2.2 国内研究目前，国内的前后端分离技术的研究正如火如荼地进行中，伴随着web研究的大爆发，前后端分离成为了主流。与此同时，对于

15、前端框架的研究也在进行中，当下国内的互联网公司中较为流行的JavaScript框架是React.js和Vue.js。当前，由于Vue十分简洁，组件轻捷，效率极高，不少互联网公司的项目都采用了Vue.js。尤雨溪（2018）研究指出，Vue的设计初衷是尽其所能的缩减前端开发的难度，使开发人员更容易上手。Vue轻便、快捷的特点，有助于减轻中小型企业和个人开发者的负担，在短时间内理解和掌握相关知识，开发出相关的项目。1.3 课题研究方法和内容1.3.1 研究方法本论文在编写的过程之中，运用了下面的这几种研究方法：比较研究法，即使依照与论文题目相近的项目，对其的相似、相异情况进行判断和分析，寻找其联系

16、与规律的方法。根据此标准，先对相近的项目进行观察与分析，再找出研究的本质。在编写本论文的时候，参考了不少基于Vue.js框架的研究论文，通过研究参考其他论文的结构框架，得到了不少有用的参考资料。同时，在编写的过程中，根据研究方向和研究目标，收集、挑选、整理好相关的文献，对论文进行分析和研究，从而得出问题的本质，形成了对客观事实的基本印象。在设计系统的时候，参考了不少的开发文档和相关书籍，从而提高了对Vue.js的理解，提高了系统的用户体验。实证研究法，即对研究目标进行调研、勘察和分析，从局部到整体，从特殊到一般，通过对客观世界的观察与分析，对某些物体、某些特例进行一定程度的观察。在分析得出的规

17、律后，获得事物的一般规律，归纳出真正研究的结果，得出事物的发展规律。在系统的编写过程中，有时候会出现意料之外的状况。在某次开发中，发现即使无需登录校验，也可以直接访问系统主界面。在通过对该特例的观测中，发现了需要对页面跳转进行判断，才允许进入登录界面，从而得出结论，形成要进行权限校验的理论观点。访谈法，主要是通过调查人员直接访谈被调查人员，从得知对方的知识和体验。在访谈的过程中，调查人员可以依据自己想要的结果，预先设置好要提出的问题。在访谈的过程中，可以对被调查人员提出问题。若得到答案，可以根据问题的答案，进行分析。此外，还可以展开座谈会的形式，把被调查人员聚集在一起，让被调查人员自由发言。在

18、谈话会结束后，再收集谈话信息，进行下一步的分析，总结和归纳出事实中的客观规律。待到信息整理完成后，对结果进行验证，从而得出结论。在本论文的编写过程中，通过对相关从业人员进行意见咨询，了解到关于双向绑定的相关知识，通过v-model来对小题进行赋值。1.3.2 研究内容本论文探究的是基于MVVM模式下的，Vue.js框架在英语题库系统中的应用。论文分为以下几部分，其详细的内容如下：第一章：绪论。主要分析该论文的研究背景、研究方向和研究目标，分析该设计要选用什么样的技术。首先，先分析了国内国外的研究状况，先对相关技术进行数据收集，将各项资料进行研究和对比，对各项技术的长处和短处都进行探究研习，为后

19、期的开发提供参考。第二章：系统需求分析。该章节首先分析了本课题的背景与意义，对用户和系统的需求进行了分析，对该系统的功能模块进行了分析。介绍项目所需要用到的开发语言，对前端开发的如HTML、CSS和JavaScript等传统开发技术做了基本的阐述。并对前后端分离架构做了基本的介绍，将前后端分离与前后端不分离做了相应的对比，解释了前后端分离运动的由来。接下来，又对组成JavaScript的三部分ECMAScript、DOM和BOM做了基本的说明，分析了三者在前端开发中的必要性。第三章：系统设计。该章节对系统所需的技术进行了介绍，主要用到的技术都予以基本的阐释。其次，系统的各个模块进行介绍，第四章

20、：系统实现。主要对开发的硬件环境和软件环境进行介绍，接着再对各主要模块的实现进行了阐述。第五章：系统测试。在系统完成了基本设置后，对系统的主要功能进行设置，再对测试结果进行汇总和评析，由此得出测试结论。第六章：结束语。本章节主要表达了对学校、老师以及同学好友的感谢，以及对自己未来发展做了进一步的展望。第2章 系统需求分析系统的需求分析分为功能需求和非功能需求两个方面。功能需求讲解了系统的主要功能，而非功能需求介绍了系统的安全性和可靠性等除主要功能的特性。接下来的系统设计，主要介绍了系统的各部分组成和代码架构。2.1 系统的背景和意义据国家统计局统计分析，大部分的公民在一天内的学习研究的时间严重

21、不充足，公民的学习研究参加率过低。而与此同时，中国公民在一天内的互联网使用的平均时间却相当高，远远地凌驾于公民一天内的学习研究的时间。当今正值互联网应用大爆发的时代，伴随着互联网的利用时间大幅增加的大前提下，完全可以把公民的学习形式从线下转移到线上。随着互联网各项技术的流行，开发人员可以把相应的试题集放在数据库中存储和管理，并采用智能化、科学化的方式来组织、编写试题，最后再分发给用户所使用。2.2 功能需求本英语题库系统出于提升用户英语能力的需求，分析和参考类似的题库系统，结合实际的生产活动，设计开发出一套基于vue_cli3+node.js的英语题库系统。本英语题库系统的主要要求如下所示：第

22、一，UI设计先进清晰，常用按钮摆放位置合理，对用户的操作习惯予以了特别优化，可以让使用人员最短时间内掌握该题库的使用方法。第二，系统可以实现对学生做题进行判断和分析，对错题进行反馈。第三，该系统兼容性优秀，系统相当灵活，便于优化，性能较好，能够得到学生用户的学习情况。该英语题库系统符合软件测试的基本流程，在需求分析阶段，能做到理解产品需求，分析系统的优势与不足。在测试英语题库系统的过程中，做到了对系统生命周期的全面管理，包括了登录注册、选题组卷、测试报告、考试记录、在线做题、题库管理、系统判题等主要模块，其中题库管理、系统判题主要由录题人员来管理，而登录注册、选题组卷、在线做题由学生来操作，在

23、自动判卷测试完成后，系统会返回测试报告，学生会增加一个考试记录。2.3 非功能需求系统的非功能需求，着重的是系统在满足功能以外的需求，主要涵盖了系统的安全性、美观性和可靠性等。本系统在开发的过程中，运用了v-html指令。V-html指令能能获取真正的html效果，同时，v-html还能防止xss攻击。若在网页中注入了js脚本，并通过js来读储存了登录帐号和登录密码的用户信息，再把此信息发送至骇客的相关客户端，由此骇客便能取得用户的登录账户与登录密码，再使用用户信息进行非法操作。此外，js脚本还有嵌入到html页面，从而拥有转跳到非法网站的可能性，让用户损失用户信息和用户资产。对此，v-htm

24、l不会将js识别出来，防止xss攻击。在系统完善主要功能的同时，页面的美观性也是系统设计的重点。在系统开发的过程中，尽可能的使系统符合用户的使用习惯，让系统布局的设计尽可能的合理。为了减轻系统用户的学习成本，在开发系统的过程中，系统的操作也尽其所能的符合主流网页的操作方式。在系统界面的设计上，使用了Element-UI后台组件库来进行布局，是界面的外观更加的友好美观。2.4 前后端分离优势分析在传统的系统架构中，最开始的是产品经理提出需求。在提出需求后，把需求交给前端人员开发。前端人员运用HTML、CSS以及JavaScript等经典的网页编程语言，编写出前端页面。待前端人员编写完毕后，就把前

25、端页面转交给予后端人员。后段人员运用相应技术，将页面转换为Jsp，既往前端页面中，嵌入相关的java代码。这就导致了前后端不分离、耦合度较高的结果。该开发方式较为适合简单页面使用，但伴随着web的大爆发，前端人员与后段人员的联系更为混乱，往往出现牵一发而动全身的状况。为了改善当下这个状况，前后端分离技术应运而生。而在前后端分离的架构中，前端人员与后段人员并不存在强依赖关系。在前端人员与后段人员规定好api文档后，前端人员只需要集中精神于html界面的开发中，而并不需要理解后端的业务逻辑开发。而后端人员也无需分心在前端开发中，只需要处理业务逻辑即可。在api接口文档中，可以先定义好要传输的参数，

26、而前端页面再发送Ajax请求以此传输数据，而不是传递整个网页，由此，不需要依赖于后端。而后段人员可以依靠api文档进行接口开发，将数据返回并渲染在前端页面上。由此可见，此架构也便于后期的维护。若前端发生改动，只要对应得函数和参数没有发生改变，后段人员就无需进行改动。图2-1前后端分离图示第3章 系统设计在前一章中，对本系统的背景和意义都作了介绍，从居民的作息时间得出了网络题库系统的前景和优势。同时，对系统的需求分析做出了阐释。而在本章节中，对Vue.js以及Element-UI等关键技术进行了介绍，同时，对各个功能模块进行了分析和介绍。3.1 前端架构设计3.1.1 JavaScript架构在

27、本系统的开发中，使用了Vue.js2.0作为JavaScript框架。Vue.js简洁方便，组件轻便，能够快速学习并上手，有助于提高前端工程开发的效率，减轻开发人员的负担。3.1.2 Vue-cli 3.0Vue-cli是Vue.js框架的脚手架工具，它能自动生成关于Vue.js的模板，提供了基本的渲染和标记，生成基本的代码。通过Vue-cli，可以大大减轻工作强度，提高生产效率。3.1.3 Vue-RouterVue-Router是Vue.js的路由集成，可以提供Vue-Router的使用，根据接收到的请求地址，实现不同组件的切换。3.1.4 UI框架Element-UI是一款后台组件库，它

28、是依照Vue.js2.0的一款UI框架。在Vue-cli3与Element-UI的组合使用下，可创建出便捷、优美的页面。3.1.5 通信技术在开发本系统的时候，使用了Ajax技术来进行异步请求。在前端页面中，可以使用Ajax来向后端接口请求，依次调用各种数据和函数。前端得到数据后，便能在页面进行渲染。3.1.6 ECMAScript6ECMAScript是一种脚本语言，被认为是JavaScript的国际标准。它可以实现快速开发，且相对来说部署的过程较为轻松，容易为研发人员学习并使用。由此可见，JavaScript可以看作对ECMAScript的实现。3.1.7 DOMDOM即是文档对象模型（D

29、ocument Object Model），是HTML文件的基础。DOM节点树将所有的HTML元素包含于其中，为HTML页面建立了相应的模型。在完成HTML编写后，浏览器能够使用HTML解析器来建立DOM节点树，通过此节点树，有助于使各节点串联起来。同样在CSS完成编写后，也可以让浏览器中的CSS解析器建立出样式表规则，再把此类的规则挂在DOM节点树上，以此渲染出CSS样式。当DOM节点树完成后，浏览器遵循自顶而下，自左往右的规律，将HTML页面渲染出来。图3-1普通的html页面以节点树的形式表示：图3-2以节点树的形式展示html页面3.1.8 BOMBOM既是浏览器对象模型（Browse

30、r Object Model），该接口用于控制浏览器的行为。多个的对象组成了BOM，而BOM的顶级对象是window对象，是BOM的核心。window对象表示了浏览器的窗口，而开发人员可以通过操作BOM来对浏览器的窗口进行一系列的操作与变化。像是利用窗口来打开某外部链接，调整屏幕的大小等操作。3.2 功能模块设计3.2.1 前台模块1、登陆注册功能：用户可以在注册页面注册账号，注册成功后即可登入英语题库系统。2、查看题库功能：学生用户在登陆成功后，可以根据关键字搜索相应的题目，系统以列表形式展示出符合学生用户的题目。3、在线做题功能：学生在浏览题目后，点击列表中自己想要的题目。在点击后，学生用

31、户能够进入做题界面，自主训练。在训练完成后，可以提交试卷。4、接收试题功能：学生用户成功登陆后，能接收教师所发送的试题。5、查看成绩功能：学生在完成测试后，返回测试报告，学生信息栏会增加一个考试记录。3.2.2 后台模块1、教师管理功能：教师可以对试题进行管理，选题组卷，以及把选好的试题发给学生用户。2、题库管理功能：用户可以添加题目，更新题目，删除题目。3、系统判题功能：系统能够自动判断学生用户上交的题目，并根据试卷的得分，统计学生用户的学习情况。图3-3功能模块设计第4章 系统实现在分析完本系统的需求，了解该系统的开发背景和研发意义，并探索研究了开发此系统所需的技术后，我们还需要对开发该系

32、统的硬件配置和软件环境进行分析汇总，再对各个模块进行分类探究。4.1 开发环境4.1.1 硬件环境CPU：Inter Celeron 2950M双核处理器GPU：NVIDIA GT940M 2GMEMORY：4G DDR3LSTORAGE：500HDD4.1.2 软件环境OS：Window7 64位操作系统Web Brower：Google Chrome编辑器：Visual Studio Code4.2 项目环境搭建 1、PC机上要安装好vsCode软件、node.js第12版以及MySQL(5.4)，电脑还要正确配好npm(依赖安装)和vue-cli（前端脚手架）环境。2、用vsCode写系

33、统前，要先根据自己的需求分析报告，进行各个数据库表的建立。保证数据库准确无误后再进行系统的编写。3、用node.js创建一个vue项目，然后搭建vue-cli3前端框架和koa2持久层框架，在搭建vue框架时，要注意每一个依赖是否引入成功，例如es-link,node-sass等。确保项目与数据库连接成功。若依赖或插件引入不完整，后面整个项目的编译，打包都可能出现问题。搭建好框架后，要检查系统需要的依赖包是否齐全。这些别要工作准备完成后，才开始编写系统主业务。4.3 登录模块开发 4.3.1 登录注册模块实现使用Element-UI完成登陆页面的基本布局，给表单背景色，并设置好各种各样的间距设

34、置。完成相应的设置后，给登陆界面设置好背景图片，最后再给页面放置好标题和解释的标注信息。图4-1登陆界面使用Element-UI封装好的各种主键，为注册页面提供相应的布局。同时，绑定各种数据，用于登陆时提交表单的作用。密码框可以指定type为password，不显示密文。图4-2输入注册信息在登陆界面中，运用jwt中间件做token权限验证。图4-3生成的码便是唯一标识，用于放在后端重新解析成用户ID，然后给开发人员用作查询。系统实行了表单验证的功能，在登陆页面中，将相应的属性预定好的传入检验规则，再对属性予以判断。图4-3生成唯一标识4.3.2 试题录入模块实现图4-4生成一个结构，一道大题

35、下有五道小题，然后每个小题下有四个选项。在开发中，使用v-model实现双重绑定，对topicContent、topicAnalysis予以赋值。图4-4对小题予以赋值图4-5使用Element-UI完成基本布局图4-6完成数据绑定图4-7录入题目界面在使用Element-UI完成基本布局后，创建相应api文件，用来导入相应的题目的接口。先使用import导入相应的包，在使用export定义默认对象。1、添加题目功能：在进入系统后，点击“添加”按钮，便会弹出添加题目的界面。在输入题目和答案后，系统会相应的请求api接口，执行录题功能。2、显示题目试卷：在选取了相应的题目后，系统会向api接口寻

36、找相应的题目，在找到对应的题目后，使用v-for的实现数据绑定，显示出相应的试卷与题目。3、在学生完成试题后，点击“提交”按钮，即可提交答案，让系统对试卷判断正误。第5章 系统测试在完成了本系统的开发后，仍旧需要对系统进行测试，检查系统的安全性与可靠性。本章节将对该系统的用户登录注册、在线答题、系统判卷以及选题组卷等功能进行测试。5.1 功能性测试5.1.1 登录注册测试本小节对系统的登录与注册等功能进行了检测，检测详情如下图所示：图5-1 用户登录测试界面用户需要在登陆页面正确输入用户账号和密码，若账号和密码都正确，用户方可成功登陆，进入系统主界面。本测试用于英语题库系统，对其检测用户的注册

37、用户功能和登陆账号功能，其详细过程如下表所示：表5-1用户登陆功能测试功能操作步骤预期情况实际情况结果注册用户1. 点击“注册”，出现注册页面2. 输入用户帐号和密码，单击“保存”按钮新增用户，数据库表单增加新用户新增用户，数据库表单增加新用户成功登录帐号用户输入帐号和密码，点击登录用户成功登录用户成功登录成功由测试结果可知，该功能基本完善。5.1.2 5.1.2选题组卷测试本小节对系统的选题与组卷等功能进行了检测，检测详情如下图所示：图5-21选题组卷测试界面用户在录入试题界面输入题目和答案，同时题目难度和题目类型做出判断，确定该试题属于简单题、中等题还是较难题。图5-22在线做题测试界面用

38、户在在线做题测试界面可以选择最先要完成的题目，完成选择后，再完成该题目下的小题的作答。本测试用于英语题库系统，对其检测用户的录入题目功能、选题组卷功能和提交试卷功能，其详细过程如下表所示：表5-2题选题组卷测试功能操作步骤预期情况实际情况结果录入题目录题员录入题目，点击“保存”按钮题目添加成功题目添加成功成功选题目组卷学生注册账号 自己选题目组卷学生得到试题集学生得到试题集成功学生提交试卷学生完成试卷，点击“提交”按钮自动判卷测试完后返回测试报告，学生增加一个考试记录自动判卷测试完后返回测试报告，学生增加一个考试记录成功由表所示，题库系统的选题组卷功能符合设计目的。5.2 安全性测试安全性测试

39、包括了xss攻击、登陆安全性测试等，主要对系统的登录时输入错误账号、考试中途退出以及插入非法js语句进行性不同的测试。测试的结果如下表所示：表5-3题库系统安全性测试功能操作步骤预期情况实际情况结果登录安全性测试输入错误的帐号与密码帐号或密码存在错误，无法登录帐号或密码存在错误，无法登录成功退出考试测试刷新页面与中途退出考试如果中途退出考试或刷新页面就作废如果中途退出考试或刷新页面就作废成功Xss攻击测试在文本中插入非法的js语句页面不予以执行js语句页面不执行js语句成功由表所示，题库系统的安全性符合设计目的。结束语大学里的学习生活就要结束了，一转眼，就到了毕业的时光。此时此刻，我最想感谢的

40、就是在我陷入困惑的时候，学校里的各位老师、各位同学，都能及时的向我伸出援助之手。在我面对苦难的时候，是老师和同学们给予我鼓励，在我困惑的时候，是老师和同学们给予我指导。在你们的鼓励和指导之下，我掌握了新的知识，拥有了面对困难的勇气。首先，我要感谢的是我的学校对我的指导。学校为学生搭建了一个优秀的平台，在这个平台之上，我获得了索取知识的机会，让我获得了接触新知识的机会。在学校的优良学习氛围里，我认识了许许多多优秀的教师，接触了上进认真的同学，从他们的身上，我提升了自己的学识和能力。在学校里，我的专业技能得到了增长，我的见识得到了提升。我由衷地祝福学校能够再创辉煌，学术水平越来也好，师资力量越来越

41、优秀，教学环境越来越优美。同时，我还要感谢老师们对我的大力栽培。在学习上，老师们给予我很多的帮助。从我进入校园的第一天，老师就对我们的专业知识和专业技能进行大力指导，为我们的学习和研究打下了深厚的基础。在我陷入困惑的时候，老师们都会及时的向我伸出援助之手，向我们提出指引，让我们走出困境。在专业技能外，我还从老师的身上，学会了遇到困难，不能轻易放弃的道理。在生活中，我们难免会遇到这样那些的困难，在这个时候，我们不应该放弃，而是要做到坚持不懈，努力向前。在我完成论文的时候，我也离不开同学好友的帮助。在师兄师姐、同学好友的帮助下，我确定了研究的方向。在我技术开发的过程中，常常会碰到这样那样的疑问。但

42、在同学好友的帮助之下，我得以解决各式各样的难题，与此同时，我的专业技术也日益上升，解决问题、收集信息的能力也在不断提高。我的学习与成长，离不开师兄师姐、同学好友的陪伴和指导。我希望在今后的日子中，你们能再接再厉，再创辉煌。最后，我还要感谢的是家人的陪伴和付出，没有家人的帮助，我不可能得到成长和进步。感谢你们提出的意见和指导，谢谢大家。参考文献1严蔚敏. 数据结构（C语言版）.北京：清华大学出版社，2012-052 万川梅. MySQL数据库应用教程.北京：北京理工大学出版社，2017-073 徐云晴. 网页设计与制作项目教程（HTML+CSS+Bootstrap）.北京. 北京理工大学出版社4

43、 （美）鲍尔斯. JavaScript经典实例. 中国电力出版社.2012-03 5 梁灏.Vue.js实战.北京：清华大学出版社.2017-10-01.6 朴灵. 深入浅出Node.js. 人民邮电出版社. 2013-12-17 Michael McMillan.数据结构与算法JavaScript描述. 人民邮电出版社.2014-088 Step By Step Guide To Develop Web Apps With Complete Source Code Of Node js with Koa 2. CreateSpace Independent Publishing Platfo

44、rm. 2016-10-289Junhui Song. Design and Implementation of a Vue.js-Based College Teaching System. International Journal of Emerging Technologies in Learning (iJET), 2019, Vol.14 (13), pp.59-6910 Damien M OHalloran.phylo-node: A molecular phylogenetic toolkit using Node.js. PLoS ONE, 2017, Vol.12 (4)致 谢首先，我要感谢我的指导老师。在论文编写的时候，为我提出了许多值得参考的建议，在遇到困难的时候，能对问题做出详细的解答。对此，我对我的指导老师表示感谢。其次，我还要感谢我的同学们。在编写论文的过程中，给我提供了许多的帮助。在遇到技术上的问题时，同学们能及时的提供有用的意见。同时，我还要感谢参考文献的撰写者们，是他们为我提供了技术上的支持，为论文的编写提供了方向和指引。