基于Spring Boot+Vue框架的在线文档编辑系统


时间: 2021-08-07 16:42:19 人气: 87 评论: 0

在线文档编辑系统可以完成文档的在线编辑、云端存储,实现随时随地办公的目标,提高工作效率。通过本系统的设计,更好的理解软件工程的思想方法,更深刻的理解B/S架构的工作模式,理解在线文档编辑系统的工作流程,增强需求分析能力和设计能力,提高编程设计语言的使用能力,增强学生的实践创新能力,为走向工作岗位奠定基础。

设计(研究)主要内容及方案:

主要内容:

以VUE技术,基于Spring Boot框架,结合MySql数据库开发一个在线文档编辑系统,通过分析确定系统分为用户和管理员两种用户,他们各自拥有不同的功能,具体如下:

管理员功能如下:

1 管理员登录:录入用户名、密码及验证码来登录验证。

2 用户管理:可添加、修改及删除注册用户信息。

3 权限分配:可分配用户的管理、编辑与浏览等权限。

4文档管理:可查看、编辑与删除用户已保存的文档,当然也可以在线编辑文档。

5修改密码:可通过新旧密码来修改密码,维护系统的登录安全。

待实现的主要功能需求调研:

1.在线协作编辑

实现多人在线编辑的功能,可自行开发web编辑器插件,但是实现成本较高,经调研目前已经有很多在线编辑器插件可以调用

其中,CKEditor(原FCKEditor)是一个现成的使用旨在简化Web内容创建HTML文本编辑器

优点: 免费开源

2.实时自动保存

为了兼顾数据保存的简单高效和安全,我们选用 sessionStorage作为前端存储,因为sessionStorage的优点就是方便高效;同时为了保证数据的安全不丢失,我们在用户确认编写信息无误后,通过触发按钮的方式将数据提交后台,交由服务器进行存储,因为服务器存储数据安全性高。

方案:

该系统基于Spring Boot框架,使用Vue技术进行开发,后台数据库使用MySQL数据库,保证数据的安全和执行高效。具体研究方法如下:

文献研究法:广泛利用报刊、杂志、网络收集与本课题相关的文献资料。

经验总结法:找来一些现有系统,研究其实现过程,学习借鉴其中的优点。

以下为创建的数据字典:

主要参考文献:

[1]Alghamdi Mona,Cherif Asma,Imine Abdessamad.EdgeDoc: An edge-based distributed collaborative editing system[J].Pervasive and Mobile Computing2020(1):215.

[2] Chunxue Wu,Langfeng Li,Changwei Peng,Yan Wu,Naixue Xiong,Changhoon Lee.Design and analysis of an effective graphics collaborative editing system[J].EURASIP Journal on Image and Video ProcessingVolume, 2019(1):1-21.

[3]周义盼.基于WebSocket的协同编辑系统的设计与实现[D].哈尔滨工业大学,2019.

[4]董芮宁.基于分工协作的实时在线编辑系统的设计与实现[D].北京邮电大学,2019.

[5]苗星.WebRTC系统中协同编辑子系统的设计与实现[D].北京邮电大学,2017.

[6]沈佳棋,倪珊,王杰,丁洁.基于Vue+SpringBoot的分类学科竞赛管理系统设计[J].无线互联科技,2020,17(17):74-77.

[7]田海晴.基于SpringBoot和Vue框架的共享运营管理平台的设计与实现[D].山东大学,2020. 

[8]陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020(01):14-15+28. 

[9]何军陈倩怡.Vue+Springboot+Mybatis开发消费管理系统[J].电脑编程技巧与维护,2019(02):87-88+102. 

[10]焦鹏珲.基于SpringBoot和Vue框架的电子招投标系统的设计与实现[D].南京大学,2018. 


评论
188083800