基于jsp的网上投稿系统设计与实现(编辑管理).doc

河北农业大学
本科毕业设计(论文)
题 目：基于Jsp的网上投稿系统设计与实现(编辑管理)
摘 要
对于传统的论文投稿方式，手工稿处理起来有很大的缺陷。编辑部对于稿件管理的主要方式是基于文本，表格等纸质的手工处理，数据基本靠手工操作，工作量大，出错率搞，出错后不已更改。编辑部征稿、刊登稿件信息发表不便。利用网络技术可以提高工作效率已是不争的事实。推广使用基于网络的稿件远程处理模式, 以加快稿件的处理速度, 提高稿件处理过程的透明度, 增强稿件作者与审稿专家、期刊编辑间的互动交流, 这种模式在现有的技术条件下也是完全可以实现的。因此，开发一个基于JSP的编辑管理系统是很必需的。同时利用MYSQL数据库来管理稿件和作者信息，既方便又节约时间，可以大大提高工作效率。
为了解决目前通过电子邮件网上投稿及评审存在的弊端，提高报社工作效率，实现在线投稿与查询、在线审稿是报社发展的必然趋势。
本文对投稿评审管理系统的研究目的与意义进行了介绍，并对该系统的现状进行了分析，通过投稿评审管理系统结合实际情况，本文利用软件工程的方法对系统了分析和设计。
编辑管理是实现编辑部对稿件的管理功能，具体功能如下：（1）查看作者投送的稿件；（2）向专家分发待审的稿件；（3）可以修改稿件的进度或状态（用户可以看到稿件的状态）；（4）向作者返回审稿意见，要求其修改，并接收最终稿件。
在安全性方面,通过提供不同用户的访问权限控制,使其符合不同职务的权限要求,确保文件访问与操作的安全,为日常办公提供更好的服务。测试结果表明,系统基本达到预期的目标。

关键词：网上审稿 JSP MYSQL JAVA
ABSTRACT
For the traditional way of paper submitted manual draft to handle a lot of defects. Editorial board for the main way of manuscript management is based on the text, form paper such as manual processing, data blackcurrant manual operation, workload is big, error rate, unceasingly changes after error. Editorial office filling, published manuscript information published inconvenience. Network technology can be used to improve the work efficiency is tangible. Promote the use of web-based manuscript remote processing mode, to speed up the manuscript processing speed, improve the transparency of the working process, strengthen the manuscript the author, journal editors with reviewing experts, the interaction between the model under the condition of existing technology is entirely achievable. Therefore, to develop a editing management system based on JSP, it is very necessary. At the same time using the MYSQL database to manage the manuscript and the author information, convenient and save time, can greatly improve the work efficiency.
In order to solve the disadvantages of current through e-mail online submission and review existing work efficiency, improve the newspaper, realize the online submission and query, online review is an inevitable trend of social development of University journals.
This paper introduces the objective and significance of the study contribute review management system, and the status of the system is analyzed, through the submission review management system combined with the actual situation ,the system analysis and design using the method of software engineering.
Editing management is the management function to realize the editorial department of manuscripts, specific function as follows: (1) the view of contributions for the author to project; (2) to the expert of contributions for the distribution of pending; (3) can modify the progress of the manuscript or state (the user can see the manuscript states); (4) return to review opinions to the author, to modify, and receive the final manuscript.
In the aspect of safety, control by providing different users access rights, to meet the different positions competency requirements, make sure the file access and operation safety, provide better service for the daily office. The test results show that, the system reached the expected goal.
Keywords: online review   MYSQL JSP  JAVA
目 录
1.引言 1
1.1研究背景 1
1.2研究现状及发展趋势 1
2.系统分析 2
2.1技术需求分析 2
2.1.1 JSP技术 2
2.1.2 mysql相关介绍 3
2.1.3 B/S结构特点 3
2.1.4 css+div技术 3
2.2 功能分析 4
3.系统设计 4
3.1数据库设计 4
3.2页面设计 6
4.系统实现 10
4.1页面代码 10
4.2功能介绍 15
4.2.1 用户注册登陆管理 15
4.2.2 系统开发者信息模块 15
4.2.3 主编信息模块 15
4.2.4 主编操作模块 15
4.3架构设计 15
5.结论 16
参 考 文 献 16
致谢 17

1.引言
1.1研究背景
随着计算机科学与技术和网络通信技术的发展，信息技术的应用显得越来越广泛。从最开始的用于科学计算，到现在渗透到人们的生活中。使得人们的工作和生活方式发生了很大的改变。人们不单单从信件等传统方式中获取信息，而是越来越多的转向网络信息的获取和收集。
息化时代提供给人们的是便捷，高效，智能，公开，安全的工作平台。在线投稿与审稿系统正是为适应这种大环境下而设计开发的。他不仅简化了传统投稿审稿的繁琐步骤，大大节省了时间，更为作者，专家和编辑提供了智能，安全，便捷的互动平台。
建立基于WEB的在线投稿处理系统后，其前台的用户可以在线写稿、预览、投递，并能在第一时间内收到用稿通知；后台管理员则可在线阅读、审批来稿，从而实现投稿- 采编- 发布一体化。提高工作效率、加强信息资源共享。
1.2研究现状及发展趋势
国外的在线投稿网站代表是Elsevier。Elsevier是荷兰一家全球著名的学术期刊出版商，每年出版大量的学术图书和期刊，大部分期刊被SCI、SSCI、EI收录，是世界上公认的高品位学术期刊。近几年该公司将其出版的2,500多种期刊和11,000图书全部数字化，即ScienceDirect全文数据库，并通过网络提供服务。该数据库涉及众多学科：计算机科学、工程技术、能源科学、环境科学、材料科学、数学、物理、化学、天文学、医学、生命科学、商业、及经济管理、社会科学等。国内11所学术图书馆于2000年首批联合订购SDOS数据库中1998年以来的全文期刊。
Elsevier Science的1,263种全文电子期刊的学科分类如下：
Agricultural and Biological Sciences　（农业和生物科学） 133种
Chemistry and Chemical Engineering　（化学和化学工程学） 220种
Clinical Medicine　（临床医学） 291种
Computer Science　（计算机科学） 124种
Earth and Planetary Science　（地球和行星学） 118种
Engineering, Energy and Technology　（工程、能量和技术） 280种
Environmental Science and Technology　（环境科学与技术） 127种
Life Science　（生命科学） 437种
国内的在线投稿系统主要代表有：
1、搜外
有限的接受投稿，搜外可以通过邮件、在投稿专贴中回帖、申请专栏作者三种体例进行投稿。没有针对大众的投稿后台。
在链接要求方面，其对文章中链接要求较为严酷，仅许可在文章末尾附带文本链接，如许也使得搜外的文章展示页显得清爽大气。
在展示度方面，搜外投稿多展示在内页，首页展示量有限。
2、站长之家
作为过内最专业的站长网站，站长之家的投稿也做得比较专业。可以通过邮箱和注册两种体例进行投稿，有专业的后台进行投稿。因为站长之家运营时间很早，已经积累了雄厚的运营经验，因此其也有一整套的投稿和采纳标准，尤其是对于版权控制方面和首页保举方面，均较为严酷。并且可以申请开通作者专栏，但是不接受SEO类作者申请专栏。
在投稿方面，因为站长之家的投稿后台为自立开发，其编辑器不支撑上传图片，只能引用外部图片，在编辑时不方便。
在链接要求方面，站长之家鼓励投稿者将本身原创文章投稿，并可以附带链接。对于转载文章，本着共享精神，在标明原文作者的前提下可以附带原作者和投稿者的链接。可以说，在链接方面，站长之家要求照旧比较宽泛的。
在质量方面，站长之家多为资讯、评论性文章，因此对文章质量要求较高，且文章分类较多，涵盖从商务到小我站长各个领域的内容，对稿件要求很高。
在展示度方面，其对投稿的文章有专门的分类，投稿后大部分在内页表现，保举至首页对质量要求很高，因此无法获得充足的展示度。
随着科技的发展，图书的出版速度越来越快，种类也越来越丰富，向出版社投稿的作者也越来越多。由于地域的限制，作者通常都需要将稿件邮寄到出版社，而这样的效率极低，不利于书籍的修订和出版。传统的稿件处理和管理系统由手工完成,浪费了大量的人力、物力,而且不利于工作效率的提高和管理水平的提升。随着网络的发展，逐渐兴起了网络书稿的热潮。这样可以实现从投稿，审稿，编辑，发行等全过程的网络化，比传统模式更加灵活方便。
可以预见的是，随着网络信息化进一步发展，基于web的网上投稿、审稿系统会更多地应用于出版社和编辑部的工作管理，也会对现代科技图书和期刊的发展产生积极的推动作用。
2.系统分析
2.1技术需求分析
开发基于jsp的网上投稿审稿系统主要用到了JSP，mysql，CSS+DIV，及B/S软件体系结构。简要介绍各技术及其特点，以说明开发系统所用到的技术的可行性。
2.1.1 JSP技术
J S P全名为Java Server Pages，是在传统的网页HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大 大降低了对客户浏览器的要求，即使客户浏览器端不支持Java，也可以访问JSP网页。
JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
2.1.2 mysql相关介绍
MySQL是一个关系型数据库管理系统。Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。
主要系统特性：
1．支持AIX、FreeBSD、HP-UX、Linux、Mac OS、NovellNetware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统。
2．为多种编程语言提供了API。这些编程语言包括C、C++、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。
3．支持多线程，充分利用CPU资源。
4．提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名。
5．提供TCP/IP、ODBC和JDBC等多种数据库连接途径。
6.MySQL使用标准的SQL数据语言形式。
2.1.3 B/S结构特点
B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser），如Internet Explorer，服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。
特点：（1）维护和升级方式简单。
（2）成本降低，选择更多。
（3）应用服务器运行数据负荷较重。
2.1.4 css+div技术
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提及DIV+CSS组合，还要从XHTML说起。XHTML是一种在HTML（标准通用标记语言的子集）基础上优化和改进的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。
2.2 功能分析
主编审稿：实现编辑部对稿件的管理功能，具体功能如下：
l 新用户注册
l 主编登录
l 个人信息管理
l 查看作者投送的稿件
l 向专家分发待审的稿件
l 可以修改稿件的进度或状态
l 向作者返回审稿意见，要求其修改，并接收最终稿件
3.系统设计
3.1数据库设计
系统操作流程图如图3.1所示：

图3.1 系统操作流程图
编辑在线审稿的数据流程图如图3.2所示：
登录核对
用户
信息管理
查看
审查意见
主编信息
文章信息
注册
分发给专家

图3.2 编辑在线审稿的数据流程图

基于web的投稿与稿件处理系统数据库表结构如下表所示。
表 3.1
字段名
数据类型
是否允许为空
是否主键
是否外键
含义
uid
int
no
Yes
no
唯一字段
uname
Varchar(20)
yes
no
no
用户名
upswd
Varchar(20)
yes
no
no
密码
sex
Varchar(20)
yes
no
no
性别
phone
Varchar(20)
yes
no
no
电话号码
address
Varchar(20)
yes
no
no
地址
lim
int
yes
no
no
用户权限
表 3.2
字段名
数据类型
是否允许为空
是否主键
是否外键
含义
id
int
no
no
no
唯一字段
title
Varchar（255）
yes
no
no
标题
content
Varchar（255）
yes
no
no
摘要
author
Varchar（50）
yes
no
no
作者
time
Varchar（90）
yes
no
no
时间
phone
Varchar（30）
yes
no
no
电话
type
Varchar（200）
yes

no
no
类型
expert_option
Varchar（255）
yes
no
no
专家意见
3.2页面设计
登陆页面如图3.3：

图3.3登陆页面
注册页面如图3.4：

图3.4注册页面
登陆后主页面如图3.5：

图3.5登陆后主页面
用户信息页面如图3.6：

图3.6用户信息页面
修改用户信息页面如图3.7：

图3.7修改用户信息页面
修改稿件状态页面如图3.8：

图3.8修改稿件状态页面
查看稿件页面如图3.9：

图3.9查看稿件页面
下载稿件页面如图3.10：

图3.10下载稿件页面
主编意见页面如图3.11：

图3.11主编意见页面
主编向专家分发稿件页面如图3.12：

图3.12主编向专家分发稿件页面
4.系统实现
4.1页面代码
系统主要页面及代码及功能介绍
主编查看稿件页面代码：
<%@ page language="java" import="java.util.*,com.bean.*,com.struts.action.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网上投稿系统</title>
<script type="text/javascript" charset="UTF-8" src="js/prefixfree.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<script type="text/javascript" src="js/j.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(e) {

});
</script>
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )
timeValue += ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
document.clock3.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
</script>
</head>

<body onload="startclock()">
<%
ContributionAction caction=new ContributionAction();
int pages;
if(request.getParameter("pages")==null){
pages=1;
}else{
pages=Integer.parseInt(request.getParameter("pages"));
}
int count;
count=caction.getcount();
ArrayList alist=new ArrayList();
alist=caction.getPages(pages,count);
for(int i=0;i<alist.size();i++){
ContributionBean cbean=new ContributionBean();
cbean=(ContributionBean)alist.get(i);
%>
<div class="header">
<h2><a href="user.do?methods=UserRemove" class="btn btn-link">注销</a></h2>
<h1><form name="clock3">
<p><input name="thetime" style="font-size: 9pt;color:#000000;border:0" size="12"></p>
</form></h1>
<h4>网上投稿系统</h4>
</div>
<div class="container">
<div class="span3">
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="editorinformation.jsp"><i class="icon-chevron-right"></i>项目简介</a></li>
<li ><a href="usersinformation02.jsp"><i class="icon-chevron-right"></i>用户信息</a></li>
<li><a href="revise02.jsp"><i class="icon-chevron-right"></i>修改用户基本信息</a></li>
<li><a href="editoralterstste.jsp"><i class="icon-chevron-right"></i>主编修改稿件的状态</a></li>
<li class="active"><a href="editor02.jsp"><i class="icon-chevron-right"></i> 主编查看稿件</a></li>
<li><a href="editoroption.jsp"><i class="icon-chevron-right"></i>主编给出意见</a></li>
<li><a href="editordistribute.jsp"><i class="icon-chevron-right"></i>主编分发稿件</a></li>
</ul>
</div>

<div class="span8">
<div class="bs-docs-example form-horizontal">

<div class="control-group">
<label class="control-label" for="title">标题：</label>
<div class="controls">
<input type='text' class='form-control' value="<%=cbean.getTitle() %>" name="title" id='title' placeholder='请输入文章标题'>
</div>
</div>
<div class="control-group">
<label class="control-label" for="summary">摘要：</label>
<div class="controls">
<textarea id="summary" class="form-control" name="content" rows="5" placeholder="请输入文章基本摘要"><%=cbean.getContent() %></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="kind">类型：</label>
<div class="controls">
<input type='text' class='form-control' value="<%=cbean.getType() %>" name="type" id='kind' placeholder='请输入文章的类型'>
</div>
</div>
<div class="control-group">
<label class="control-label" for="author">作者：</label>
<div class="controls">
<input type='text' class='form-control' value="<%=cbean.getAuthor() %>" name="author" id='author' placeholder='请输入文章作者'>
</div>
</div>
<div class="control-group">
<label class="control-label" for="phone">电话：</label>
<div class="controls">
<input type='text' class='form-control' value="<%=cbean.getPhone() %>" name="phone" id='phone' placeholder='请输入作者电话'>
</div>
</div>
<div class="control-group">
<label class="control-label" for="phone">主编意见：</label>
<div class="controls">
<textarea id="summary" class="form-control" name="content" rows="3" placeholder="请输入文章基本摘要"><%=cbean.getEditor_option() %></textarea>

</div>
</div>
<div class="control-group">
<label class="control-label" for="phone">专家意见：</label>
<div class="controls">
<textarea id="summary" class="form-control" name="content" rows="3" placeholder="请输入文章基本摘要"><%=cbean.getExpert_option() %></textarea>
</div>
</div>

<div class="control-group">
<label class="control-label" for="title">附件：</label>
<div class="controls">
<ul class="pagination">
<li><a href="downloadview">文件</a></li>
</ul>
</div>
</div>
<%} %>
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
</ul>
<%
ContributionAction caction04=new ContributionAction();
int count08=0;
count08=caction.getcount();
int page4=0;
page4=count08/1;
if(count08%1>0){
page4=page4+1;
}

for(int i=1;i<=page4;i++){
%>
<ul class="pagination">
<li><a