计算机毕业设计 | vue+springboot 在线投稿系统 (附源码)

1，绪论

行业趋势与需求

随着互联网的发展和普及，越来越多的出版社、杂志社和媒体开始采用在线投稿系统。这种系统提供了一个便捷的平台，让作者可以直接将他们的文章提交到相应的出版机构，而无需邮寄或亲自递交稿件。这不仅节省了时间和成本，还大大提高了投稿的效率。

用户需求

对于作者来说，在线投稿系统提供了一个方便、快速和透明的方式来提交他们的作品。他们可以随时查看投稿状态，了解编辑部门对其作品的评价和反馈，从而更好地改进和优化自己的写作。此外，通过在线系统，作者还可以同时向多家出版机构提交稿件，增加了他们的曝光率和被接受的机会。

2，技术框架

后端技术

技术	说明	官网
SpringBoot	Web应用开发框架	https://spring.io/projects/spring-boot
SpringSecurity	认证和授权框架	https://spring.io/projects/spring-security
MyBatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
Druid	数据库连接池	https://github.com/alibaba/druid
JWT	JWT登录支持	https://github.com/jwtk/jjwt
Lombok	Java语言增强库	https://github.com/rzwitserloot/lombok
PageHelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper

前端技术

技术	说明	官网
Vue	前端框架	https://vuejs.org/
Vue-router	路由框架	https://router.vuejs.org/
Vuex	全局状态管理框架	https://vuex.vuejs.org/
Element	前端UI框架	https://element.eleme.io
Axios	前端HTTP框架	https://github.com/axios/axios
wangEditor	开源Web 富文本编辑器	https://www.wangeditor.com/
v-charts	基于Echarts的图表框架	有源码 获取源码

3，需求分析

系统需求分析

项目分为后台管理及用户端两个部分。

后台管理可供管理员、编辑、专家、作家登录并进行稿件或文章的编辑上传发表审核等工作。

用户端可供作者、专家、编辑等登录查阅稿件或文章并进行收藏，评论，留言等功能。

系统大致流程如下：

作家在编辑上传个人稿件后，需通过编辑审批；当编辑审批通过后，需配合专家完成发表；专家配合作家完成发表后，需编辑再次审批；编辑审批通过后，方可在用户端展示观看。

角色功能需求

管理员：个人中心；作家、编辑、专家管理；个人稿件管理；分配信息管理；稿件信息管理；类别管理；留言板管理；公告管理，轮播图管理

作家：个人中心；个人稿件管理；分配信息管理；稿件信息管理；我的收藏管理；留言板管理

编辑：个人中心；个人稿件管理；分配信息管理；稿件信息管理；我的收藏管理；留言板管理（具有稿件审批权及高价分配权）

专家：个人中心；分配信息管理；稿件信息管理；留言板管理；我的收藏管理

4，系统设计

5，用户端界面展示

三角色在同一界面进行登录，选择不同角色来进入不同的操作界面。

系统首页

稿件信息

稿件详情

稿件评论

公告信息

公告详情

留言板

个人中心

我的收藏

6，系统文章审批发表流程展示

1. 新增稿件

作者登录后台系统，在填写完稿件名称、章节、封面、类别、附件、简介和内容后，即可完成一篇稿件的上传，但只是完成了上传而已，这个时候需要编辑的审核后，再决定文章是否发表

2. 编辑审核稿件

编辑通过右侧的详情按钮来查看文章详情，从而决定审核结果

文章详情

审核文章，并发表评语

3. 编辑分配稿件

在编辑审核完后，需要分配给专家再次审阅

4. 专家完善文章

在经过编辑的分配后，专家可登录账号去修改文章信息，当专家点击发表后，经由编辑再次审核，即可发送到前台供人们观看

5. 编辑二次审核文章

在稿件管理模块，编辑可在此审核文章，当此次审核通过后，系统工作流全部完成，文章也可以在前台公开浏览

7，后台系统界面展示

登陆界面

多角色在同一界面进行登录，选择不同角色来进入不同的操作界面。

作者管理

专家管理

编辑管理

个人稿件管理

分配信息管理

稿件信息管理

类别管理

留言板管理

轮播图管理

公告管理