企业管理平台会话子系统前端的设计与实现
发布时间：2021-01-05 05:32
随着互联网的普及和信息技术的不断发展,企业各种对外的业务活动也已经延伸到了互联网上,这也促使越来越多的企业管理者从新的角度和思维来探索企业管理和经营。随着办公自动化和信息数字化,企业管理系统的规模也越来越复杂,涉及到企业的方方面面,企业内部沟通的需求也应运而生。企业内部沟通的目的往往是针对某些问题,亦或围绕某个主题进行深度讨论,但一些个人通讯软件或第三方企业即时通讯平台在安全性和可用性方面无法完全满足企业管理的需求。针对这一需求,南京某公司决定在其企业协同管理平台中加入会话子系统,在平台内部提供基于工作主题的即时通讯服务。本文所介绍的会话子系统基于企业管理平台,在解决企业内部管理问题时,面向不同的事务或组织结构提供基于主题的群组会话聊天服务,包括视频会议和支持多人协作的互动白板功能,同时又能与企业管理模块相兼容。本文研究工作主要集中在会话子系统前端的设计与实现,该系统整体采用前后端分离架构,前端为基于React框架开发的单页面应用,在开发上以前端工程化的思想规范整个开发流程,构建前端的编译生产发布流程。在Web即时通信方面,该系统使用HTML5提供的新技术WebSocket实现浏览器与...
【文章来源】：南京大学江苏省 211工程院校 985工程院校 教育部直属院校
【文章页数】：84 页
【学位级别】：硕士
【文章目录】：
摘要
Abstract
第一章 引言
1.1 项目背景
1.2 国内外研究现状
1.3 本文主要研究工作
1.4 本文组织结构
第二章 相关技术综述
2.1 前后端分离架构
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 本章小结
第三章 会话子系统前端的分析与设计
3.1 会话子系统总体规划
3.2 会话子系统需求分析
3.2.1 会话基础需求分析
3.2.2 事务会话模块需求分析
3.2.3 发布会话模块需求分析
3.2.4 视频会议模块需求分析
3.2.5 互动白板模块需求分析
3.2.6 非功能性需求分析
3.3 会话子系统前端概要设计
3.3.1 会话子系统总体结构
3.3.2 前端架构设计
3.3.3 会话消息体数据结构设计
3.3.4 会话数据前端缓存设计
3.4 会话子系统前端详细设计
3.4.1 会话通用组件详细设计
3.4.2 事务会话模块详细设计
3.4.3 视频会议模块详细设计
3.4.4 互动白板模块详细设计
3.5 本章小结
第四章 会话子系统前端实现
4.1 前端实现概述
4.2 会话通用组件的实现
4.2.1 消息发送
4.2.2 响应式布局
4.2.3 消息提醒的实现
4.2.4 搜索聊天记录的实现
4.3 事务会话模块的实现
4.3.1 最近会话列表的实现
4.3.2 消息监听分发
4.4 视频会议模块的实现
4.4.1 会议房间初始化
4.4.2 消息订阅与推送
4.4.3 悬浮窗模式的实现
4.5 互动白板模块的实现
4.5.1 绘图操作的实现
4.5.2 插入文字、图片
4.5.3 框选、移动操作
4.5.4 撤销、回退操作
4.5.5 历史数据保存
4.6 会话子系统部署与使用
4.7 本章小结
第五章 总结与展望
5.1 总结
5.2 进一步工作展望
参考文献
致谢
【参考文献】：
期刊论文
[1]基于Dom Diff算法分析React刷新机制[J]. 严新巧,白俊峰. 电脑知识与技术. 2017(18)
[2]Web新兴前端框架与模式研究[J]. 占东明,洪家伟,陈希杨,徐礼飞,辛鄢放. 电子商务. 2016(10)
[3]前端工程化的研究与实践[J]. 张志飞. 电脑知识与技术. 2016(25)
[4]WebSocket与MQTT在Web即时通信系统中的应用[J]. 刘峰,陈朴,贾军营. 计算机系统应用. 2016(05)
[5]“互联网+”下企业财务管理模式的探讨[J]. 马红兰. 税收经济研究. 2015(06)
[6]基于WebRTC的实时视音频通信研究综述[J]. 张向辉,黄佳庆,吴康恒,雷志斌. 计算机科学. 2015(02)
[7]WebRTC技术初探[J]. 屈振华,李慧云,张海涛,龙显军. 电信科学. 2012(10)
[8]浅析企业即时通讯工具的弊端及其应对策略[J]. 张珍珍. 知识经济. 2010(04)
硕士论文
[1]基于Node.js的Web前端框架的研究与实现[D]. 温馨.东南大学 2017
[2]Web前端工程组件化的分析与改进[D]. 戴翔宇.吉林大学 2016
本文编号：2958119
【文章来源】：南京大学江苏省 211工程院校 985工程院校 教育部直属院校
【文章页数】：84 页
【学位级别】：硕士
【文章目录】：
摘要
Abstract
第一章 引言
1.1 项目背景
1.2 国内外研究现状
1.3 本文主要研究工作
1.4 本文组织结构
第二章 相关技术综述
2.1 前后端分离架构
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 本章小结
第三章 会话子系统前端的分析与设计
3.1 会话子系统总体规划
3.2 会话子系统需求分析
3.2.1 会话基础需求分析
3.2.2 事务会话模块需求分析
3.2.3 发布会话模块需求分析
3.2.4 视频会议模块需求分析
3.2.5 互动白板模块需求分析
3.2.6 非功能性需求分析
3.3 会话子系统前端概要设计
3.3.1 会话子系统总体结构
3.3.2 前端架构设计
3.3.3 会话消息体数据结构设计
3.3.4 会话数据前端缓存设计
3.4 会话子系统前端详细设计
3.4.1 会话通用组件详细设计
3.4.2 事务会话模块详细设计
3.4.3 视频会议模块详细设计
3.4.4 互动白板模块详细设计
3.5 本章小结
第四章 会话子系统前端实现
4.1 前端实现概述
4.2 会话通用组件的实现
4.2.1 消息发送
4.2.2 响应式布局
4.2.3 消息提醒的实现
4.2.4 搜索聊天记录的实现
4.3 事务会话模块的实现
4.3.1 最近会话列表的实现
4.3.2 消息监听分发
4.4 视频会议模块的实现
4.4.1 会议房间初始化
4.4.2 消息订阅与推送
4.4.3 悬浮窗模式的实现
4.5 互动白板模块的实现
4.5.1 绘图操作的实现
4.5.2 插入文字、图片
4.5.3 框选、移动操作
4.5.4 撤销、回退操作
4.5.5 历史数据保存
4.6 会话子系统部署与使用
4.7 本章小结
第五章 总结与展望
5.1 总结
5.2 进一步工作展望
参考文献
致谢
【参考文献】：
期刊论文
[1]基于Dom Diff算法分析React刷新机制[J]. 严新巧,白俊峰. 电脑知识与技术. 2017(18)
[2]Web新兴前端框架与模式研究[J]. 占东明,洪家伟,陈希杨,徐礼飞,辛鄢放. 电子商务. 2016(10)
[3]前端工程化的研究与实践[J]. 张志飞. 电脑知识与技术. 2016(25)
[4]WebSocket与MQTT在Web即时通信系统中的应用[J]. 刘峰,陈朴,贾军营. 计算机系统应用. 2016(05)
[5]“互联网+”下企业财务管理模式的探讨[J]. 马红兰. 税收经济研究. 2015(06)
[6]基于WebRTC的实时视音频通信研究综述[J]. 张向辉,黄佳庆,吴康恒,雷志斌. 计算机科学. 2015(02)
[7]WebRTC技术初探[J]. 屈振华,李慧云,张海涛,龙显军. 电信科学. 2012(10)
[8]浅析企业即时通讯工具的弊端及其应对策略[J]. 张珍珍. 知识经济. 2010(04)
硕士论文
[1]基于Node.js的Web前端框架的研究与实现[D]. 温馨.东南大学 2017
[2]Web前端工程组件化的分析与改进[D]. 戴翔宇.吉林大学 2016
本文编号：2958119
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/2958119.html
