隨著互聯(lián)網(wǎng)的普及和信息技術(shù)的不斷發(fā)展,企業(yè)各種對(duì)外的業(yè)務(wù)活動(dòng)也已經(jīng)延伸到了互聯(lián)網(wǎng)上,這也促使越來(lái)越多的企業(yè)管理者從新的角度和思維來(lái)探索企業(yè)管理和經(jīng)營(yíng)。隨著辦公自動(dòng)化和信息數(shù)字化,企業(yè)管理系統(tǒng)的規(guī)模也越來(lái)越復(fù)雜,涉及到企業(yè)的方方面面,企業(yè)內(nèi)部溝通的需求也應(yīng)運(yùn)而生。企業(yè)內(nèi)部溝通的目的往往是針對(duì)某些問(wèn)題,亦或圍繞某個(gè)主題進(jìn)行深度討論,但一些個(gè)人通訊軟件或第三方企業(yè)即時(shí)通訊平臺(tái)在安全性和可用性方面無(wú)法完全滿足企業(yè)管理的需求。針對(duì)這一需求,南京某公司決定在其企業(yè)協(xié)同管理平臺(tái)中加入會(huì)話子系統(tǒng),在平臺(tái)內(nèi)部提供基于工作主題的即時(shí)通訊服務(wù)。本文所介紹的會(huì)話子系統(tǒng)基于企業(yè)管理平臺(tái),在解決企業(yè)內(nèi)部管理問(wèn)題時(shí),面向不同的事務(wù)或組織結(jié)構(gòu)提供基于主題的群組會(huì)話聊天服務(wù),包括視頻會(huì)議和支持多人協(xié)作的互動(dòng)白板功能,同時(shí)又能與企業(yè)管理模塊相兼容。本文研究工作主要集中在會(huì)話子系統(tǒng)前端的設(shè)計(jì)與實(shí)現(xiàn),該系統(tǒng)整體采用前后端分離架構(gòu),前端為基于React框架開(kāi)發(fā)的單頁(yè)面應(yīng)用,在開(kāi)發(fā)上以前端工程化的思想規(guī)范整個(gè)開(kāi)發(fā)流程,構(gòu)建前端的編譯生產(chǎn)發(fā)布流程。在Web即時(shí)通信方面,該系統(tǒng)使用HTML5提供的新技術(shù)WebSocket實(shí)現(xiàn)瀏覽器與... 

【文章來(lái)源】：南京大學(xué)江蘇省 211工程院校 985工程院校 教育部直屬院校

【文章頁(yè)數(shù)】：84 頁(yè)

【學(xué)位級(jí)別】：碩士

【文章目錄】：
摘要
Abstract
第一章 引言
    1.1 項(xiàng)目背景
    1.2 國(guó)內(nèi)外研究現(xiàn)狀
    1.3 本文主要研究工作
    1.4 本文組織結(jié)構(gòu)
第二章 相關(guān)技術(shù)綜述
    2.1 前后端分離架構(gòu)
    2.2 HTML5
        2.2.1 WebSocket
        2.2.2 WebRTC
        2.2.3 Canvas
    2.3 前端工程化
        2.3.1 NPM
        2.3.2 ECMAScript 6
        2.3.3 Babel
        2.3.4 Webpack
    2.4 前端框架
        2.4.1 React
        2.4.2 Redux
        2.4.3 Ant Design
        2.4.4 Socket.io
        2.4.5 Licode
    2.5 本章小結(jié)
第三章 會(huì)話子系統(tǒng)前端的分析與設(shè)計(jì)
    3.1 會(huì)話子系統(tǒng)總體規(guī)劃
    3.2 會(huì)話子系統(tǒng)需求分析
        3.2.1 會(huì)話基礎(chǔ)需求分析
        3.2.2 事務(wù)會(huì)話模塊需求分析
        3.2.3 發(fā)布會(huì)話模塊需求分析
        3.2.4 視頻會(huì)議模塊需求分析
        3.2.5 互動(dòng)白板模塊需求分析
        3.2.6 非功能性需求分析
    3.3 會(huì)話子系統(tǒng)前端概要設(shè)計(jì)
        3.3.1 會(huì)話子系統(tǒng)總體結(jié)構(gòu)
        3.3.2 前端架構(gòu)設(shè)計(jì)
        3.3.3 會(huì)話消息體數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)
        3.3.4 會(huì)話數(shù)據(jù)前端緩存設(shè)計(jì)
    3.4 會(huì)話子系統(tǒng)前端詳細(xì)設(shè)計(jì)
        3.4.1 會(huì)話通用組件詳細(xì)設(shè)計(jì)
        3.4.2 事務(wù)會(huì)話模塊詳細(xì)設(shè)計(jì)
        3.4.3 視頻會(huì)議模塊詳細(xì)設(shè)計(jì)
        3.4.4 互動(dòng)白板模塊詳細(xì)設(shè)計(jì)
    3.5 本章小結(jié)
第四章 會(huì)話子系統(tǒng)前端實(shí)現(xiàn)
    4.1 前端實(shí)現(xiàn)概述
    4.2 會(huì)話通用組件的實(shí)現(xiàn)
        4.2.1 消息發(fā)送
        4.2.2 響應(yīng)式布局
        4.2.3 消息提醒的實(shí)現(xiàn)
        4.2.4 搜索聊天記錄的實(shí)現(xiàn)
    4.3 事務(wù)會(huì)話模塊的實(shí)現(xiàn)
        4.3.1 最近會(huì)話列表的實(shí)現(xiàn)
        4.3.2 消息監(jiān)聽(tīng)分發(fā)
    4.4 視頻會(huì)議模塊的實(shí)現(xiàn)
        4.4.1 會(huì)議房間初始化
        4.4.2 消息訂閱與推送
        4.4.3 懸浮窗模式的實(shí)現(xiàn)
    4.5 互動(dòng)白板模塊的實(shí)現(xiàn)
        4.5.1 繪圖操作的實(shí)現(xiàn)
        4.5.2 插入文字、圖片
        4.5.3 框選、移動(dòng)操作
        4.5.4 撤銷、回退操作
        4.5.5 歷史數(shù)據(jù)保存
    4.6 會(huì)話子系統(tǒng)部署與使用
    4.7 本章小結(jié)
第五章 總結(jié)與展望
    5.1 總結(jié)
    5.2 進(jìn)一步工作展望
參考文獻(xiàn)
致謝


【參考文獻(xiàn)】：
期刊論文
[1]基于Dom Diff算法分析React刷新機(jī)制[J]. 嚴(yán)新巧,白俊峰.  電腦知識(shí)與技術(shù). 2017(18)
[2]Web新興前端框架與模式研究[J]. 占東明,洪家偉,陳希楊,徐禮飛,辛鄢放.  電子商務(wù). 2016(10)
[3]前端工程化的研究與實(shí)踐[J]. 張志飛.  電腦知識(shí)與技術(shù). 2016(25)
[4]WebSocket與MQTT在Web即時(shí)通信系統(tǒng)中的應(yīng)用[J]. 劉峰,陳樸,賈軍營(yíng).  計(jì)算機(jī)系統(tǒng)應(yīng)用. 2016(05)
[5]“互聯(lián)網(wǎng)+”下企業(yè)財(cái)務(wù)管理模式的探討[J]. 馬紅蘭.  稅收經(jīng)濟(jì)研究. 2015(06)
[6]基于WebRTC的實(shí)時(shí)視音頻通信研究綜述[J]. 張向輝,黃佳慶,吳康恒,雷志斌.  計(jì)算機(jī)科學(xué). 2015(02)
[7]WebRTC技術(shù)初探[J]. 屈振華,李慧云,張海濤,龍顯軍.  電信科學(xué). 2012(10)
[8]淺析企業(yè)即時(shí)通訊工具的弊端及其應(yīng)對(duì)策略[J]. 張珍珍.  知識(shí)經(jīng)濟(jì). 2010(04)

碩士論文
[1]基于Node.js的Web前端框架的研究與實(shí)現(xiàn)[D]. 溫馨.東南大學(xué) 2017
[2]Web前端工程組件化的分析與改進(jìn)[D]. 戴翔宇.吉林大學(xué) 2016



本文編號(hào)：2958119