隨著全球經(jīng)濟的蓬勃發(fā)展,外語交流變得越來越普遍,因此口語教學成為了學校教育的重點之一,并且口語考試是口語教學的關鍵環(huán)節(jié)。然而,口語考試的實施卻遇到很多問題:傳統(tǒng)口語考試耗費大量時間和精力,成本高、收益小;現(xiàn)階段的在線口語考試以人機對話為主,并且需要教師聽取錄音進行評測,這些問題使得口語考試在中小學難以普及。因此,我們需要一款面向中小學用戶的、采用計算機智能評分的、高效可信的現(xiàn)代化口語考試平臺,本課題旨在對該口語考試平臺中的考試管理系統(tǒng)（教師客戶端）進行設計與研究。本課題突破了傳統(tǒng)桌面應用的開發(fā)模式,以Node.js為基礎,采用NW.js作為桌面客戶端的Hybrid框架,使用Web技術開發(fā)了跨平臺的桌面應用程序;在局域網(wǎng)通信方面,使用socket.io來實現(xiàn)師生間的雙向?qū)崟r通信;在界面搭建方面,使用HTML5、CSS3以及Vue.js來呈現(xiàn)美觀、簡潔、交互性強的頁面;在數(shù)據(jù)安全性方面;采用了3DES加密算法、MD5加密算法以及Base64編碼來進行加密和簽名,保證用戶信息在傳輸和存儲中不被泄露。論文首先對口語考試管理系統(tǒng)需要解決的問題進行了分析,并對本課題涉及的關鍵技術進行了深入研究;然... 

【文章來源】：北京郵電大學北京市 211工程院校 教育部直屬院校

【文章頁數(shù)】：78 頁

【學位級別】：碩士

【部分圖文】：

圖２?－?１?ＭＶＶＭ結(jié)構(gòu)圖??

一??Ｅ?ｉ?１??［?ｊ?＿?丨】??Ｄ〇Ｍ?…一?—廠一——」?ＪａｖａＳｃｒｉｐｔ??ＵＵＭ?？?Ｏｂｊｅｃｔ??Ｖｕｅ??圖２?－?１?ＭＶＶＭ結(jié)構(gòu)圖??Ｖｕｅ的核心原理包括雙向綁定（響應式）、模板引擎和虛擬ＤＯＭ，接對三者進行詳細闡述。??雙向綁定的實現(xiàn)方式有以下幾種：發(fā)布－訂閱模式、臟檢查和數(shù)據(jù)劫持，Ｖ用的是數(shù)據(jù)劫持的方式。在３．０版本以前，Ｖｕｅ通過Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ來數(shù)據(jù)劫持，在３．０版本中，Ｖｕｅ使用ＥＳ６的Ｐｒｏｘｙ語法取代ｊｅｃｔ．ｄｅｆｉｎｅＰｒｏｐｅｒｔｙ。初始化?Ｖｕｅ?實例時，Ｖｕｅ?通過?Ｏｂｊｅｃｔ．ｄｅｆｍｅＰｒｏｐｅｒｔｙ?（或ｏｘｙ）來監(jiān)聽對象屬性的ｇｅｔ和ｓｅｔ方法，在ｇｅｔ方法中會進行依賴收集，在法中觸發(fā)依賴更新。圖２?－?２展示了?Ｖｕｅ進行雙向數(shù)據(jù)綁定的流程。??

??析流程如圖２－３所示。??Ｃｏｍｐｉｌｅｒ?！??｜?｜?—？Ｒｅｎｄｅｒ??—?—?丁????Ｉ??？＊?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????圖２?－?３?Ｖｕｅ模板解析流程圖??虛擬ＤＯＭ在本質(zhì)上就是一個ＪａｖａＳｃｒｉｐｔ對象，該對象模擬了真實ＤＯＭ的??結(jié)構(gòu)。Ｖｕｅ進行模板解析時會生成一個ｒｅｎｄｅｒ函數(shù)，執(zhí)行ｒｅｎｄｅｒ函數(shù)會返回虛擬??ＤＯＭ，將虛擬ＤＯＭ映射為真實的ＤＯＭ即可完成視圖渲染。每當有Ｍｏｄｅｌ發(fā)??生變化時，Ｖｕｅ都從新執(zhí)行ｒｅｎｄｅｒ函數(shù)，生成新的虛擬ＤＯＭ，再對新的虛擬ＤＯＭ??和舊的虛擬ＤＯＭ執(zhí)行Ｄｉｆｆ算法，從而進行局部的視圖更新，如圖２－４所示。??廣｜＾＾｜—依?器??匕】二一’??Ｉ??ｆ?１?！??ｉ???ｉ?、??Ｃｏｍｐｉｌｅｒ?ｊ??ｉ?ｒ－＊－?Ｒｅｎｄｅｒ??——…斗?＾—??ｉ?ｓｔａｔｉｃＲｅｎｄｅｒＦｎｓ??????＾????圖２?－?４?Ｖｕｅ渲染流程圖??除此之外，Ｖｕｅ在２＋版本中引入了服務端渲染的功能，服務端渲染指的是??將組件在服務端渲染為ｈｔｍｌ字符串，再將ｈｔｍｌ字符串下發(fā)到瀏覽器中并將其激??活為完全可交互的應用程序。服務端渲染可以實現(xiàn)更好的ＳＥＯ

【參考文獻】：
期刊論文
[1]高并發(fā)用戶條件下軟件性能測試技術研究[J]. 張騰標.  電腦編程技巧與維護. 2018(06)
[2]淺析HTML5+CSS3在網(wǎng)頁設計中的新特性及優(yōu)勢[J]. 張琳.  西安文理學院學報(自然科學版). 2017(06)
[3]基于Node.js的移動視頻監(jiān)控系統(tǒng)[J]. 房峰,高美鳳.  計算機系統(tǒng)應用. 2017(10)
[4]基于WebSocket的即時通信研究及其性能分析[J]. 覃家皓.  移動通信. 2017(12)
[5]Promise方式實現(xiàn)Node.js應用的實踐[J]. 鄧森泉,楊海波.  計算機系統(tǒng)應用. 2017(04)
[6]Base64編碼算法的研究及Delphi實現(xiàn)[J]. 劉華.  電腦知識與技術. 2017(02)
[7]基于WebSocket的即時通信系統(tǒng)研究與實現(xiàn)[J]. 張藝.  軟件. 2015(03)
[8]Node.js:一種新的Web應用構(gòu)建技術[J]. 王金龍,宋斌,丁銳.  現(xiàn)代電子技術. 2015(06)
[9]大規(guī)模在線英語口語測試實踐和反思——基于暢言互動英語學習平臺的大學英語口語測試研究[J]. 胡茶娟,邸平.  現(xiàn)代教育技術. 2013(06)
[10]基于Socket.IO的互動教學即時反饋系統(tǒng)的設計與實現(xiàn)[J]. 李廣文.  中國現(xiàn)代教育裝備. 2012(18)

博士論文
[1]智能流程異常處理的若干關鍵技術研究[D]. 尚宗敏.山東大學 2009

碩士論文
[1]基于WebSocket的服務器推送技術的研究與實現(xiàn)[D]. 胡洋洋.南京郵電大學 2018
[2]基于.net的課程考試系統(tǒng)設計與實現(xiàn)[D]. 任大雁.山東大學 2018
[3]基于nodejs的web應用系統(tǒng)高并發(fā)處理模式的研究與實現(xiàn)[D]. 席季季.北京郵電大學 2018
[4]面向前端框架開發(fā)的持續(xù)集成方案的研究與實現(xiàn)[D]. 陳清.東南大學 2017
[5]基于多粒度加權網(wǎng)絡模型的軟件系統(tǒng)穩(wěn)定性分析方法研究[D]. 陳丹.湖北大學 2017
[6]兼容DES、AES和SM4算法的IP核設計[D]. 楊凱.西安電子科技大學 2017
[7]基于Node-Webkit平臺的JavaScript工具集研究與實現(xiàn)[D]. 朱麗英.電子科技大學 2016
[8]基于WebSocket協(xié)議的Web應用性能測試[D]. 趙晗.中國科學院大學（工程管理與信息技術學院） 2014
[9]操作系統(tǒng)的軟件兼容性研究[D]. 張亮.同濟大學 2006



本文編號：3485913