新能源汽車(chē)遠(yuǎn)程監(jiān)控平臺(tái)的前端實(shí)現(xiàn)
發(fā)布時(shí)間:2022-12-18 02:22
現(xiàn)如今,汽車(chē)已經(jīng)深入社會(huì)的方方面面,給人們的生活出行帶來(lái)了很大方便。但與此同時(shí),傳統(tǒng)汽車(chē)導(dǎo)致的能源消耗和尾氣排放問(wèn)題變得愈發(fā)嚴(yán)峻,嚴(yán)重威脅到了生態(tài)安全,新能源汽車(chē)就在這樣的大背景下應(yīng)運(yùn)而生。為了進(jìn)一步確保使用規(guī)范,促進(jìn)技術(shù)發(fā)展,國(guó)家對(duì)新能源汽車(chē)的性能和安全都設(shè)立了嚴(yán)格標(biāo)準(zhǔn),要求企業(yè)需要建立完善的針對(duì)新能源汽車(chē)的遠(yuǎn)程監(jiān)控平臺(tái),實(shí)時(shí)監(jiān)測(cè)車(chē)輛運(yùn)行狀態(tài)以預(yù)防事故發(fā)生。本文主要講述的就是與監(jiān)控平臺(tái)相關(guān)的前端實(shí)現(xiàn)。通過(guò)分析現(xiàn)有監(jiān)控方案的缺點(diǎn)及傳統(tǒng)技術(shù)架構(gòu)所擁有的局限性,本文最終選定以React.js為主的前端技術(shù)作為監(jiān)控平臺(tái)的解決方案。該監(jiān)控平臺(tái)基于B/S架構(gòu)開(kāi)發(fā),僅借助瀏覽器就可以訪問(wèn),并支持實(shí)時(shí)監(jiān)測(cè)由車(chē)載終端采集和上傳的數(shù)據(jù),無(wú)須安裝額外的客戶端軟件。此外,平臺(tái)在數(shù)據(jù)可視化方面做了大量的美化,降低了數(shù)據(jù)的抽象性和枯燥性,使用戶在使用過(guò)程中能迅速獲取和篩選目標(biāo)信息,大大提高了工作效率。監(jiān)控平臺(tái)還具備下發(fā)指令的功能,對(duì)于有安全隱患的車(chē)輛可以及時(shí)采取措施,避免事故的發(fā)生。在具體實(shí)現(xiàn)方面,本文首先針對(duì)前端開(kāi)發(fā)技術(shù)做了比較選型,然后確定了系統(tǒng)需求和開(kāi)發(fā)原則,并以此為基礎(chǔ)給出了系統(tǒng)的整體架構(gòu)方案和設(shè)計(jì)流程...
【文章頁(yè)數(shù)】:86 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
中文摘要
英文摘要
1 緒論
1.1 課題背景及研究意義
1.2 國(guó)內(nèi)外研究現(xiàn)狀
1.2.1 國(guó)外車(chē)輛遠(yuǎn)程監(jiān)控系統(tǒng)的發(fā)展
1.2.2 國(guó)內(nèi)新能源汽車(chē)遠(yuǎn)程監(jiān)控平臺(tái)的發(fā)展
1.3 主要研究?jī)?nèi)容
1.4 論文組織結(jié)構(gòu)安排
2 相關(guān)技術(shù)介紹及選型
2.1 軟件體系架構(gòu)選型
2.2 開(kāi)發(fā)模式選型
2.3 Node.js平臺(tái)簡(jiǎn)介
2.4 后端服務(wù)框架選型
2.5 跨域技術(shù)選型
2.6 本章小結(jié)
3 平臺(tái)前端功能架構(gòu)及相關(guān)設(shè)計(jì)
3.1 需求分析
3.1.1 平臺(tái)功能性需求
3.1.2 平臺(tái)非功能性需求
3.2 平臺(tái)設(shè)計(jì)原則
3.2.1 Web前后端分離原則
3.2.2 組件化和模塊化原則
3.3 平臺(tái)功能及流程設(shè)計(jì)
3.3.1 平臺(tái)功能架構(gòu)
3.3.2 平臺(tái)流程設(shè)計(jì)
3.4 整體架構(gòu)設(shè)計(jì)
3.4.1 功能表現(xiàn)層
3.4.2 業(yè)務(wù)處理層
3.4.3 數(shù)據(jù)處理層
3.4.4 數(shù)據(jù)采集層
3.5 本章小結(jié)
4 監(jiān)控平臺(tái)的前端具體實(shí)現(xiàn)
4.1 Web后端的功能實(shí)現(xiàn)
4.1.1 Web后端開(kāi)發(fā)環(huán)境配置
4.1.2 數(shù)據(jù)庫(kù)映射模塊的實(shí)現(xiàn)
4.1.3 報(bào)文解析模塊的實(shí)現(xiàn)
4.1.4 登錄合法性驗(yàn)證模塊的實(shí)現(xiàn)
4.1.5 路由接口模塊的實(shí)現(xiàn)
4.1.6 監(jiān)聽(tīng)服務(wù)器的搭建
4.2 Web前端的功能實(shí)現(xiàn)
4.2.1 Web前端開(kāi)發(fā)環(huán)境搭建
4.2.2 登錄界面的實(shí)現(xiàn)
4.2.3 監(jiān)控主界面的布局設(shè)計(jì)
4.2.4 監(jiān)控主界面的實(shí)現(xiàn)
4.2.5 應(yīng)用狀態(tài)管理的實(shí)現(xiàn)
4.2.6 車(chē)輛狀態(tài)列表界面的實(shí)現(xiàn)
4.2.7 單車(chē)實(shí)時(shí)參數(shù)界面的實(shí)現(xiàn)
4.2.8 單車(chē)儀表監(jiān)控界面的實(shí)現(xiàn)
4.2.9 遠(yuǎn)程終端控制界面的實(shí)現(xiàn)
4.3 本章小結(jié)
5 監(jiān)控平臺(tái)的應(yīng)用測(cè)試
5.1 Web后端服務(wù)器功能測(cè)試
5.2 登錄模塊功能測(cè)試
5.3 報(bào)文解析和跨域請(qǐng)求功能測(cè)試
5.4 模擬儀表和實(shí)時(shí)定位功能測(cè)試
5.5 遠(yuǎn)程控制模塊功能測(cè)試
5.6 本章小結(jié)
6 總結(jié)和展望
6.1 論文總結(jié)
6.2 工作展望
參考文獻(xiàn)
附錄
A 作者在攻讀學(xué)位期間參與的科研項(xiàng)目目錄
B 作者在攻讀學(xué)位期間參加的科技競(jìng)賽目錄
C 學(xué)位論文數(shù)據(jù)集
致謝
【參考文獻(xiàn)】:
期刊論文
[1]新能源汽車(chē)的發(fā)展路徑探索[J]. 刁萌萌,董建平,趙思文,王顥蒙. 交通節(jié)能與環(huán)保. 2018(06)
[2]淺談車(chē)聯(lián)網(wǎng)技術(shù)在新能源汽車(chē)設(shè)計(jì)中的應(yīng)用[J]. 戴安康. 電子制作. 2018(24)
[3]基于MVC模式的音樂(lè)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J]. 閔嫻有,鄭皓月,黃健舟,冉瑞生. 電腦知識(shí)與技術(shù). 2018(26)
[4]Web前端工程化解決方案研究[J]. 周偉,鄭世玨. 信息技術(shù). 2018(08)
[5]基于CORS的AJAX跨域訪問(wèn)研究與應(yīng)用[J]. 葉文全. 湖北第二師范學(xué)院學(xué)報(bào). 2018(02)
[6]基于MVC模式的安卓系統(tǒng)工程結(jié)構(gòu)設(shè)計(jì)[J]. 陳偉. 中國(guó)科技信息. 2016(19)
[7]Node.js中Express框架路由機(jī)制的研究[J]. 程桂花,沈煒,何松林,張珂杰. 工業(yè)控制計(jì)算機(jī). 2016(08)
[8]基于JSON Web Token的無(wú)狀態(tài)賬戶系統(tǒng)的設(shè)計(jì)[J]. 李凱. 現(xiàn)代計(jì)算機(jī)(專業(yè)版). 2016(16)
[9]電動(dòng)汽車(chē)遠(yuǎn)程監(jiān)控技術(shù)研究及其平臺(tái)開(kāi)發(fā)[J]. 杜常清,杜剛,朱一多,李晃. 汽車(chē)工程. 2015(09)
[10]新能源時(shí)代還有多遠(yuǎn)?[J]. 王楠楠. 交通建設(shè)與管理. 2015(09)
碩士論文
[1]基于web前端的性能優(yōu)化框架模型研究[D]. 杜艷美.西南科技大學(xué) 2018
[2]可視化頁(yè)面編輯平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 李隆隆.南京大學(xué) 2018
[3]基于Node.js的Web前端框架的研究與實(shí)現(xiàn)[D]. 溫馨.東南大學(xué) 2017
[4]我國(guó)新能源汽車(chē)企業(yè)的競(jìng)爭(zhēng)戰(zhàn)略研究[D]. 王洋.東南大學(xué) 2017
[5]跨站腳本攻擊的檢測(cè)防御技術(shù)研究[D]. 許明陽(yáng).蘭州理工大學(xué) 2017
[6]基于REST風(fēng)格的網(wǎng)絡(luò)管理平臺(tái)研究與實(shí)現(xiàn)[D]. 董龍華.北京郵電大學(xué) 2016
[7]基于CAN、GPRS技術(shù)的電動(dòng)汽車(chē)遠(yuǎn)程監(jiān)控系統(tǒng)研究[D]. 胡瑤.武漢理工大學(xué) 2012
[8]基于B/S和智能客戶端船機(jī)備件管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 馬云峰.天津大學(xué) 2008
[9]基于XML和J2EE架構(gòu)的MVC視圖層渲染引擎的設(shè)計(jì)與實(shí)現(xiàn)[D]. 呂海濤.中國(guó)海洋大學(xué) 2007
本文編號(hào):3721139
【文章頁(yè)數(shù)】:86 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
中文摘要
英文摘要
1 緒論
1.1 課題背景及研究意義
1.2 國(guó)內(nèi)外研究現(xiàn)狀
1.2.1 國(guó)外車(chē)輛遠(yuǎn)程監(jiān)控系統(tǒng)的發(fā)展
1.2.2 國(guó)內(nèi)新能源汽車(chē)遠(yuǎn)程監(jiān)控平臺(tái)的發(fā)展
1.3 主要研究?jī)?nèi)容
1.4 論文組織結(jié)構(gòu)安排
2 相關(guān)技術(shù)介紹及選型
2.1 軟件體系架構(gòu)選型
2.2 開(kāi)發(fā)模式選型
2.3 Node.js平臺(tái)簡(jiǎn)介
2.4 后端服務(wù)框架選型
2.5 跨域技術(shù)選型
2.6 本章小結(jié)
3 平臺(tái)前端功能架構(gòu)及相關(guān)設(shè)計(jì)
3.1 需求分析
3.1.1 平臺(tái)功能性需求
3.1.2 平臺(tái)非功能性需求
3.2 平臺(tái)設(shè)計(jì)原則
3.2.1 Web前后端分離原則
3.2.2 組件化和模塊化原則
3.3 平臺(tái)功能及流程設(shè)計(jì)
3.3.1 平臺(tái)功能架構(gòu)
3.3.2 平臺(tái)流程設(shè)計(jì)
3.4 整體架構(gòu)設(shè)計(jì)
3.4.1 功能表現(xiàn)層
3.4.2 業(yè)務(wù)處理層
3.4.3 數(shù)據(jù)處理層
3.4.4 數(shù)據(jù)采集層
3.5 本章小結(jié)
4 監(jiān)控平臺(tái)的前端具體實(shí)現(xiàn)
4.1 Web后端的功能實(shí)現(xiàn)
4.1.1 Web后端開(kāi)發(fā)環(huán)境配置
4.1.2 數(shù)據(jù)庫(kù)映射模塊的實(shí)現(xiàn)
4.1.3 報(bào)文解析模塊的實(shí)現(xiàn)
4.1.4 登錄合法性驗(yàn)證模塊的實(shí)現(xiàn)
4.1.5 路由接口模塊的實(shí)現(xiàn)
4.1.6 監(jiān)聽(tīng)服務(wù)器的搭建
4.2 Web前端的功能實(shí)現(xiàn)
4.2.1 Web前端開(kāi)發(fā)環(huán)境搭建
4.2.2 登錄界面的實(shí)現(xiàn)
4.2.3 監(jiān)控主界面的布局設(shè)計(jì)
4.2.4 監(jiān)控主界面的實(shí)現(xiàn)
4.2.5 應(yīng)用狀態(tài)管理的實(shí)現(xiàn)
4.2.6 車(chē)輛狀態(tài)列表界面的實(shí)現(xiàn)
4.2.7 單車(chē)實(shí)時(shí)參數(shù)界面的實(shí)現(xiàn)
4.2.8 單車(chē)儀表監(jiān)控界面的實(shí)現(xiàn)
4.2.9 遠(yuǎn)程終端控制界面的實(shí)現(xiàn)
4.3 本章小結(jié)
5 監(jiān)控平臺(tái)的應(yīng)用測(cè)試
5.1 Web后端服務(wù)器功能測(cè)試
5.2 登錄模塊功能測(cè)試
5.3 報(bào)文解析和跨域請(qǐng)求功能測(cè)試
5.4 模擬儀表和實(shí)時(shí)定位功能測(cè)試
5.5 遠(yuǎn)程控制模塊功能測(cè)試
5.6 本章小結(jié)
6 總結(jié)和展望
6.1 論文總結(jié)
6.2 工作展望
參考文獻(xiàn)
附錄
A 作者在攻讀學(xué)位期間參與的科研項(xiàng)目目錄
B 作者在攻讀學(xué)位期間參加的科技競(jìng)賽目錄
C 學(xué)位論文數(shù)據(jù)集
致謝
【參考文獻(xiàn)】:
期刊論文
[1]新能源汽車(chē)的發(fā)展路徑探索[J]. 刁萌萌,董建平,趙思文,王顥蒙. 交通節(jié)能與環(huán)保. 2018(06)
[2]淺談車(chē)聯(lián)網(wǎng)技術(shù)在新能源汽車(chē)設(shè)計(jì)中的應(yīng)用[J]. 戴安康. 電子制作. 2018(24)
[3]基于MVC模式的音樂(lè)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J]. 閔嫻有,鄭皓月,黃健舟,冉瑞生. 電腦知識(shí)與技術(shù). 2018(26)
[4]Web前端工程化解決方案研究[J]. 周偉,鄭世玨. 信息技術(shù). 2018(08)
[5]基于CORS的AJAX跨域訪問(wèn)研究與應(yīng)用[J]. 葉文全. 湖北第二師范學(xué)院學(xué)報(bào). 2018(02)
[6]基于MVC模式的安卓系統(tǒng)工程結(jié)構(gòu)設(shè)計(jì)[J]. 陳偉. 中國(guó)科技信息. 2016(19)
[7]Node.js中Express框架路由機(jī)制的研究[J]. 程桂花,沈煒,何松林,張珂杰. 工業(yè)控制計(jì)算機(jī). 2016(08)
[8]基于JSON Web Token的無(wú)狀態(tài)賬戶系統(tǒng)的設(shè)計(jì)[J]. 李凱. 現(xiàn)代計(jì)算機(jī)(專業(yè)版). 2016(16)
[9]電動(dòng)汽車(chē)遠(yuǎn)程監(jiān)控技術(shù)研究及其平臺(tái)開(kāi)發(fā)[J]. 杜常清,杜剛,朱一多,李晃. 汽車(chē)工程. 2015(09)
[10]新能源時(shí)代還有多遠(yuǎn)?[J]. 王楠楠. 交通建設(shè)與管理. 2015(09)
碩士論文
[1]基于web前端的性能優(yōu)化框架模型研究[D]. 杜艷美.西南科技大學(xué) 2018
[2]可視化頁(yè)面編輯平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 李隆隆.南京大學(xué) 2018
[3]基于Node.js的Web前端框架的研究與實(shí)現(xiàn)[D]. 溫馨.東南大學(xué) 2017
[4]我國(guó)新能源汽車(chē)企業(yè)的競(jìng)爭(zhēng)戰(zhàn)略研究[D]. 王洋.東南大學(xué) 2017
[5]跨站腳本攻擊的檢測(cè)防御技術(shù)研究[D]. 許明陽(yáng).蘭州理工大學(xué) 2017
[6]基于REST風(fēng)格的網(wǎng)絡(luò)管理平臺(tái)研究與實(shí)現(xiàn)[D]. 董龍華.北京郵電大學(xué) 2016
[7]基于CAN、GPRS技術(shù)的電動(dòng)汽車(chē)遠(yuǎn)程監(jiān)控系統(tǒng)研究[D]. 胡瑤.武漢理工大學(xué) 2012
[8]基于B/S和智能客戶端船機(jī)備件管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 馬云峰.天津大學(xué) 2008
[9]基于XML和J2EE架構(gòu)的MVC視圖層渲染引擎的設(shè)計(jì)與實(shí)現(xiàn)[D]. 呂海濤.中國(guó)海洋大學(xué) 2007
本文編號(hào):3721139
本文鏈接:http://sikaile.net/kejilunwen/qiche/3721139.html
最近更新
教材專著