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,后台系统界面展示
登陆界面
多角色在同一界面进行登录,选择不同角色来进入不同的操作界面。