博主简介：🍅博客专家、Java领域优质创作者、华为云/阿里云等平台优质作者、专注于IT技术领域和学生毕业项目实战,指导学生毕业设计并参与学生毕业答辩指导🍅
技术范围：✌Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、安卓app、大数据、物联网、机器学习等设计与开发、简历模板、学习资料、面试题库、就业指导、技术互助等✌。
业务领域：✌免费功能设计定制、任务书、中期检查PPT、开题报告、系统功能实现、项目定制、论文辅导、撰写和降重、长期答辩辅导答疑、远程会议一对一专业讲解答辩辅导、模拟演练答辩、和代码讲解理解逻辑思路✌。
【万字文档+PPT+源码】基于springboot+vue投稿和稿件处理系统-可用于毕设-课程设计-练手学习
摘 要
图书的出版速度越来越快，种类也越来越丰富，向出版社投稿的作者也越来越多。由于地域的限制，作者通常都需要将稿件邮寄到出版社，而这样的效率极低，不利于书籍的修订和出版。传统的稿件处理和管理系统由手工完成,浪费了大量的人力、物力,而且不利于工作效率的提高和管理水平的提升。随着网络的发展，逐渐兴起了网络书稿的热潮。这样可以实现从投稿，审稿，编辑，发行等全过程的网络化，比传统模式更加灵活方便。
投稿和稿件处理系统的主要使用者分为管理员、用户与专家，实现功能包括：首页、用户管理、投稿中心、稿件管理、稿件分类等功能。由于本网站的功能模块设计比较全面，所以使得整个投稿和稿件处理系统的过程得以实现。本系统的使用可以实现本springboot投稿和稿件处理系统的信息化，可以方便管理员进行更加方便快捷的管理，可以提高投稿和稿件处理系统的管理效率
第1章绪论
1.1研究目的及意义
投稿和稿件处理的特点是信息处理量比较大，所管理的稿件种类比较繁多，而且由于稿件信息等单据发生量特别大，关联信息多，查询和统计的方式不尽相同。在管理过程中经常会出现信息的重复传递，因此投稿和稿件处理系统必须实现计算机化处理。传统的投稿方式有邮寄和电子邮件两种。邮寄方式投递时间长，反馈时间更长，并有投递错误、半路遗失的可能，既慢又不保险。E- mail方式基于网络环境下,利用广大Internet服务提供商提供的电子邮件服务投递邮件，比起传统的邮寄，这种方式在时效性和安全性上都迈进了一大步，但同时也存在着许多不足:如作者本人邮箱容量的限制、编辑邮箱的承载量的限制等。而投稿和稿件处理系统开发的总体任务是实现投稿和稿件处理的系统化、规范化、白动化、信息化与智能化，从而达到提高投稿和稿件处理系统效率的目的。
建立基于Springboot的投稿和稿件处理系统后，其前台的用户可以在线写稿、预览、投递，并能在第一时间内收到用稿通知；后台管理员则可在线审批来稿，从而实现投稿-采编发布一体化。提高工作效率、加强信息资源共享。
1.2国内研究现状
根据调查得知，以前编辑部对稿件管理的主要方式是基于文本、表格等纸介质的手工处理，数据处理手工操作，工作量大，出错率高，出错后不易更改。编辑部征稿、刊登稿件信息发表不便;投稿主要通过邮寄的形式，交通不便、地理、路途事故等多种原因，到达编辑部的可能性较低。后来，借助Internet,编辑部借助网络来推广，作者也可以通过E-mail来投稿，此种方式给双方带来了不少便利;但有很多缺点，数据繁多，容易丢失和出错，且不易查找。总的来说，缺乏系统，规范的信息管理手段，没有完全发挥计算机的效力，资源闲置比较突出。
期刊的稿件处理效率直接影响着期刊的发展，利用网络技术可以提高工作效率已是不争的事实。推广使用基于网络的稿件远程处理模式，以加快稿件的处理速度,提高稿件处理过程的透明度，增强稿件作者与审稿专家、期刊编辑间的互动交流，这种模式在现有的技术条件下也是完全可以实现的。通过互联网搜索引擎发现，国内已有数十种杂志基本实现了稿件的远程处理,大型杂志社和编辑部逐步使用办公自动化管理自身工作流程，开发出各类功能强大、使用便捷、符合自身特点的信息化管理软件系统，如中华医学会杂志社稿件处理系统、科技期刊（学报）编务处理系统，大大优化了工作流程，提高工作质量和效率。但国内期刊大部分期刊还没有付诸实施。国外的学术期刊在这方面则相对好得多，目前具备稿件远程处理功能的教育技术专业期刊大部分集中于美国，虽然总体水平也并不高，使用面也不广，但毕竟在期刊出版信息化、数字化方面开始了探索与实践，值得国内教育技术期刊借鉴。对于自身人力物力相对缺乏的中小型期刊，紧跟信息化趋势是一个新课题。
第2章开发工具及相关技术介绍
2.1Vue.js 介绍
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。
2.2Vue.js 主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。
2.3Spring Boot框架
Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。
2.4Mysql数据库
数据库是系统开发过程中不可或缺的一部分。 在WEB应用方面，MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中，这非常灵活，并且还可以提高系统在实际应用中的速度。 数据库访问最常用于标准SQL语言，MySQL用于SQL语言，因此它具有高度兼容性。数据库的操作是必不可少的，包括对数据库表的增加、删除、修改、查询等功能。现如今，数据库可以分为关系型数据库和非关系型数据库，Mysql属于关系性数据库，Mysql数据库是一款小型的关系型数据库，它以其自身特点：体积小、速度快、成本低等，Mysql数据库是目前最受欢迎的开源数据库。
在WEB应用技术中， Mysql数据库支持不同的操作系统平台，虽然在不同平台下的安装和配置都不相同，但是差别也不是很大，Mysql在Windows平台下两种安装方式，二进制版和免安装版。安装完Mysql数据库之后，需要启动服务进程，相应的客户端就可以连接数据库，客户端可通过命令行或者图形界面工具登录数据库。
2.5Vue.js 语言特点
易用：在有HTML，CSS，JavaScript的基础上，快速上手；Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js；Vue.js 的 API 的对于其他框架的参考不仅是参考，其中也包含了许多 Vue.js 的独特功能。
灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
性能：20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。
第3章系统分析
3.1可行性分析
本系统将在经济、技术、操作这三个角度上进行可行性分析。
3.1.1经济可行性
整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。
3.1.2技术可行性
技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于springboot语言，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
3.1.3操作可行性
投稿和稿件处理系统的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用springboot技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。
3.2性能分析
对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的 投稿和稿件处理系统。
投稿和稿件处理系统的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现 投稿和稿件处理系统的用户角色及相对应的功能模块，让 投稿和稿件处理系统的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反， 投稿和稿件处理系统的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。
第4章系统设计
4.1系统架构设计
投稿和稿件处理系统的系统项目的概述设计分析，主要内容投稿和稿件处理系统信息的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。
基于投稿和稿件处理系统的设计基于现有的互联网，可以实现管理员：首页、用户管理、在线投稿、稿件分类、稿件管理、专家管理功能模块等。根据系统功能需求建立的模块关系图如下图：
4.2开发流程设计
投稿和稿件处理系统的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。
从 投稿和稿件处理系统的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。
4.3数据库设计
数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。4.3.1实体ER图
数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。
概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：
(1) 专家信息实体图，如图4-3所示：
(2) 投稿中心实体图如图4-4所示：
(3) 稿件管理实体图如图4-5所示：
这些功能可以充分满足投稿和稿件处理系统的需求。此系统功能较为全面如下图系统功能结构如图4-6所示。
第5章系统实现
5.1数据库访问层的实现
该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。
jdbc.driverClass=com.MySQL.jdbc.Driver
jdbc.url=jdbc:MySQL://localhost:3306/tsi
jdbc.username=root
jdbc.password=123第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。
后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中*是不允许使用的，除非适合聚合函数一起使用才可以。
5.2 登录模块的实现
主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布考试信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。
登录流程图如下图所示。
用户登录界面如下图所示。
5.3注册模块的实现
用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。
用户注册流程图如下图所示。
5.4用户资料修改模块的实现
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
5.5投搞中心管理模块的实现
如果投搞中心数据的信息需要修改，管理员可以通过查询投搞中心数据的基本信息来查询投搞中心数据，查询投搞中心数据是通过ajax技术来进行查询的，需要传递投搞中心数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。
投搞中心展示界面如下图所示。
5.6专家管理模块的实现
根据需求，需要对专家进行添加、删除或修改详情信息。删除或修改专家时，系统根据专家的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询用户状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。
添加专家时，会给出数据填写的页面，该页面根据填写好的专家编号同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。
专家管理流程图如下图所示。
专家管理页面设计效果如下图所示。
5.7稿件管理模块的实现
添加稿件时，输入必填字段后，表现层的ShangpinController接受传过来的稿件参数，再调用ShangpinController类的addShangpin方法，经过ShangpinService业务层到ShangpinMapper持久层的处理，完成对整个添加稿件的操作。addShangpin方法也和用户管理中的addUser方法类似，同时做添加和修改工作。
修改稿件时，选择需要修改的稿件信息进行修改，调用ShangpinController控制器的editShangpin方法，拿到该稿件原本的信息并显示到页面，管理员再对需要修改的稿件字段进行修改，完成后调用addShangpin方法，调用业务层的updateByKey方法，更新数据库的稿件表的数据。
订单管理流程图如下所示。
稿件管理界面如下图所示。
5.8稿件分类管理模块的实现
根据需求，需要对稿件分类进行添加、删除或修改详情信息。删除或修改稿件分类时，系统根据稿件分类的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询稿件分类状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。
添加稿件分类时，会给出数据填写的页面，该页面根据填写好的活动编号同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。
稿件分类管理流程图如下图所示。
稿件分类管理页面设计效果如下图所示。
文档截图
