基于Node.js和socket.io的口语考试管理系统的设计与研究
发布时间：2021-11-09 19:12
随着全球经济的蓬勃发展,外语交流变得越来越普遍,因此口语教学成为了学校教育的重点之一,并且口语考试是口语教学的关键环节。然而,口语考试的实施却遇到很多问题:传统口语考试耗费大量时间和精力,成本高、收益小;现阶段的在线口语考试以人机对话为主,并且需要教师听取录音进行评测,这些问题使得口语考试在中小学难以普及。因此,我们需要一款面向中小学用户的、采用计算机智能评分的、高效可信的现代化口语考试平台,本课题旨在对该口语考试平台中的考试管理系统（教师客户端）进行设计与研究。本课题突破了传统桌面应用的开发模式,以Node.js为基础,采用NW.js作为桌面客户端的Hybrid框架,使用Web技术开发了跨平台的桌面应用程序;在局域网通信方面,使用socket.io来实现师生间的双向实时通信;在界面搭建方面,使用HTML5、CSS3以及Vue.js来呈现美观、简洁、交互性强的页面;在数据安全性方面;采用了3DES加密算法、MD5加密算法以及Base64编码来进行加密和签名,保证用户信息在传输和存储中不被泄露。论文首先对口语考试管理系统需要解决的问题进行了分析,并对本课题涉及的关键技术进行了深入研究;然...
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：78 页
【学位级别】：硕士
【部分图文】：
图２?－?１?ＭＶＶＭ结构图??
一??Ｅ?ｉ?１??［?ｊ?＿?丨】??Ｄ〇Ｍ?…一?—厂一——」?ＪａｖａＳｃｒｉｐｔ??ＵＵＭ?？?Ｏｂｊｅｃｔ??Ｖｕｅ??图２?－?１?ＭＶＶＭ结构图??Ｖｕｅ的核心原理包括双向绑定（响应式）、模板引擎和虚拟ＤＯＭ，接对三者进行详细阐述。??双向绑定的实现方式有以下几种：发布－订阅模式、脏检查和数据劫持，Ｖ用的是数据劫持的方式。在３．０版本以前，Ｖｕｅ通过Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ来数据劫持，在３．０版本中，Ｖｕｅ使用ＥＳ６的Ｐｒｏｘｙ语法取代ｊｅｃｔ．ｄｅｆｉｎｅＰｒｏｐｅｒｔｙ。初始化?Ｖｕｅ?实例时，Ｖｕｅ?通过?Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ?（或ｏｘｙ）来监听对象属性的ｇｅｔ和ｓｅｔ方法，在ｇｅｔ方法中会进行依赖收集，在法中触发依赖更新。图２?－?２展示了?Ｖｕｅ进行双向数据绑定的流程。??
??析流程如图２－３所示。??Ｃｏｍｐｉｌｅｒ?！??｜?｜?—？Ｒｅｎｄｅｒ??—?—?丁????Ｉ??？＊?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????图２?－?３?Ｖｕｅ模板解析流程图??虚拟ＤＯＭ在本质上就是一个ＪａｖａＳｃｒｉｐｔ对象，该对象模拟了真实ＤＯＭ的??结构。Ｖｕｅ进行模板解析时会生成一个ｒｅｎｄｅｒ函数，执行ｒｅｎｄｅｒ函数会返回虚拟??ＤＯＭ，将虚拟ＤＯＭ映射为真实的ＤＯＭ即可完成视图渲染。每当有Ｍｏｄｅｌ发??生变化时，Ｖｕｅ都从新执行ｒｅｎｄｅｒ函数，生成新的虚拟ＤＯＭ，再对新的虚拟ＤＯＭ??和旧的虚拟ＤＯＭ执行Ｄｉｆｆ算法，从而进行局部的视图更新，如图２－４所示。??广｜＾＾｜—依?器??匕】二一’??Ｉ??ｆ?１?！??ｉ???ｉ?、??Ｃｏｍｐｉｌｅｒ?ｊ??ｉ?ｒ－＊－?Ｒｅｎｄｅｒ??——…斗?＾—??ｉ?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????＾????图２?－?４?Ｖｕｅ渲染流程图??除此之外，Ｖｕｅ在２＋版本中引入了服务端渲染的功能，服务端渲染指的是??将组件在服务端渲染为ｈｔｍｌ字符串，再将ｈｔｍｌ字符串下发到浏览器中并将其激??活为完全可交互的应用程序。服务端渲染可以实现更好的ＳＥＯ
【参考文献】：
期刊论文
[1]高并发用户条件下软件性能测试技术研究[J]. 张腾标. 电脑编程技巧与维护. 2018(06)
[2]浅析HTML5+CSS3在网页设计中的新特性及优势[J]. 张琳. 西安文理学院学报(自然科学版). 2017(06)
[3]基于Node.js的移动视频监控系统[J]. 房峰,高美凤. 计算机系统应用. 2017(10)
[4]基于WebSocket的即时通信研究及其性能分析[J]. 覃家皓. 移动通信. 2017(12)
[5]Promise方式实现Node.js应用的实践[J]. 邓森泉,杨海波. 计算机系统应用. 2017(04)
[6]Base64编码算法的研究及Delphi实现[J]. 刘华. 电脑知识与技术. 2017(02)
[7]基于WebSocket的即时通信系统研究与实现[J]. 张艺. 软件. 2015(03)
[8]Node.js:一种新的Web应用构建技术[J]. 王金龙,宋斌,丁锐. 现代电子技术. 2015(06)
[9]大规模在线英语口语测试实践和反思——基于畅言互动英语学习平台的大学英语口语测试研究[J]. 胡茶娟,邸平. 现代教育技术. 2013(06)
[10]基于Socket.IO的互动教学即时反馈系统的设计与实现[J]. 李广文. 中国现代教育装备. 2012(18)
博士论文
[1]智能流程异常处理的若干关键技术研究[D]. 尚宗敏.山东大学 2009
硕士论文
[1]基于WebSocket的服务器推送技术的研究与实现[D]. 胡洋洋.南京邮电大学 2018
[2]基于.net的课程考试系统设计与实现[D]. 任大雁.山东大学 2018
[3]基于nodejs的web应用系统高并发处理模式的研究与实现[D]. 席季季.北京邮电大学 2018
[4]面向前端框架开发的持续集成方案的研究与实现[D]. 陈清.东南大学 2017
[5]基于多粒度加权网络模型的软件系统稳定性分析方法研究[D]. 陈丹.湖北大学 2017
[6]兼容DES、AES和SM4算法的IP核设计[D]. 杨凯.西安电子科技大学 2017
[7]基于Node-Webkit平台的JavaScript工具集研究与实现[D]. 朱丽英.电子科技大学 2016
[8]基于WebSocket协议的Web应用性能测试[D]. 赵晗.中国科学院大学（工程管理与信息技术学院） 2014
[9]操作系统的软件兼容性研究[D]. 张亮.同济大学 2006
本文编号：3485913
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：78 页
【学位级别】：硕士
【部分图文】：
图２?－?１?ＭＶＶＭ结构图??
一??Ｅ?ｉ?１??［?ｊ?＿?丨】??Ｄ〇Ｍ?…一?—厂一——」?ＪａｖａＳｃｒｉｐｔ??ＵＵＭ?？?Ｏｂｊｅｃｔ??Ｖｕｅ??图２?－?１?ＭＶＶＭ结构图??Ｖｕｅ的核心原理包括双向绑定（响应式）、模板引擎和虚拟ＤＯＭ，接对三者进行详细阐述。??双向绑定的实现方式有以下几种：发布－订阅模式、脏检查和数据劫持，Ｖ用的是数据劫持的方式。在３．０版本以前，Ｖｕｅ通过Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ来数据劫持，在３．０版本中，Ｖｕｅ使用ＥＳ６的Ｐｒｏｘｙ语法取代ｊｅｃｔ．ｄｅｆｉｎｅＰｒｏｐｅｒｔｙ。初始化?Ｖｕｅ?实例时，Ｖｕｅ?通过?Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ?（或ｏｘｙ）来监听对象属性的ｇｅｔ和ｓｅｔ方法，在ｇｅｔ方法中会进行依赖收集，在法中触发依赖更新。图２?－?２展示了?Ｖｕｅ进行双向数据绑定的流程。??
??析流程如图２－３所示。??Ｃｏｍｐｉｌｅｒ?！??｜?｜?—？Ｒｅｎｄｅｒ??—?—?丁????Ｉ??？＊?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????图２?－?３?Ｖｕｅ模板解析流程图??虚拟ＤＯＭ在本质上就是一个ＪａｖａＳｃｒｉｐｔ对象，该对象模拟了真实ＤＯＭ的??结构。Ｖｕｅ进行模板解析时会生成一个ｒｅｎｄｅｒ函数，执行ｒｅｎｄｅｒ函数会返回虚拟??ＤＯＭ，将虚拟ＤＯＭ映射为真实的ＤＯＭ即可完成视图渲染。每当有Ｍｏｄｅｌ发??生变化时，Ｖｕｅ都从新执行ｒｅｎｄｅｒ函数，生成新的虚拟ＤＯＭ，再对新的虚拟ＤＯＭ??和旧的虚拟ＤＯＭ执行Ｄｉｆｆ算法，从而进行局部的视图更新，如图２－４所示。??广｜＾＾｜—依?器??匕】二一’??Ｉ??ｆ?１?！??ｉ???ｉ?、??Ｃｏｍｐｉｌｅｒ?ｊ??ｉ?ｒ－＊－?Ｒｅｎｄｅｒ??——…斗?＾—??ｉ?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????＾????图２?－?４?Ｖｕｅ渲染流程图??除此之外，Ｖｕｅ在２＋版本中引入了服务端渲染的功能，服务端渲染指的是??将组件在服务端渲染为ｈｔｍｌ字符串，再将ｈｔｍｌ字符串下发到浏览器中并将其激??活为完全可交互的应用程序。服务端渲染可以实现更好的ＳＥＯ
【参考文献】：
期刊论文
[1]高并发用户条件下软件性能测试技术研究[J]. 张腾标. 电脑编程技巧与维护. 2018(06)
[2]浅析HTML5+CSS3在网页设计中的新特性及优势[J]. 张琳. 西安文理学院学报(自然科学版). 2017(06)
[3]基于Node.js的移动视频监控系统[J]. 房峰,高美凤. 计算机系统应用. 2017(10)
[4]基于WebSocket的即时通信研究及其性能分析[J]. 覃家皓. 移动通信. 2017(12)
[5]Promise方式实现Node.js应用的实践[J]. 邓森泉,杨海波. 计算机系统应用. 2017(04)
[6]Base64编码算法的研究及Delphi实现[J]. 刘华. 电脑知识与技术. 2017(02)
[7]基于WebSocket的即时通信系统研究与实现[J]. 张艺. 软件. 2015(03)
[8]Node.js:一种新的Web应用构建技术[J]. 王金龙,宋斌,丁锐. 现代电子技术. 2015(06)
[9]大规模在线英语口语测试实践和反思——基于畅言互动英语学习平台的大学英语口语测试研究[J]. 胡茶娟,邸平. 现代教育技术. 2013(06)
[10]基于Socket.IO的互动教学即时反馈系统的设计与实现[J]. 李广文. 中国现代教育装备. 2012(18)
博士论文
[1]智能流程异常处理的若干关键技术研究[D]. 尚宗敏.山东大学 2009
硕士论文
[1]基于WebSocket的服务器推送技术的研究与实现[D]. 胡洋洋.南京邮电大学 2018
[2]基于.net的课程考试系统设计与实现[D]. 任大雁.山东大学 2018
[3]基于nodejs的web应用系统高并发处理模式的研究与实现[D]. 席季季.北京邮电大学 2018
[4]面向前端框架开发的持续集成方案的研究与实现[D]. 陈清.东南大学 2017
[5]基于多粒度加权网络模型的软件系统稳定性分析方法研究[D]. 陈丹.湖北大学 2017
[6]兼容DES、AES和SM4算法的IP核设计[D]. 杨凯.西安电子科技大学 2017
[7]基于Node-Webkit平台的JavaScript工具集研究与实现[D]. 朱丽英.电子科技大学 2016
[8]基于WebSocket协议的Web应用性能测试[D]. 赵晗.中国科学院大学（工程管理与信息技术学院） 2014
[9]操作系统的软件兼容性研究[D]. 张亮.同济大学 2006
本文编号：3485913
本文链接：https://www.wllwen.com/guanlilunwen/glzh/3485913.html
