摘 要：基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)開發(fā)對提高期刊編輯工作的效率和質(zhì)量具有重要意義。本文從學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的作用出發(fā)，詳細(xì)闡述了學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的前后臺開發(fā)、操作流程和涉及的一些關(guān)鍵技術(shù)。本文首先進(jìn)行了項目概述，簡單介紹了項目開發(fā)的背景、目的及意義，明確了普通期刊管理存在的局限。在系統(tǒng)規(guī)劃階段，通過對實際業(yè)務(wù)流程的調(diào)研，完成了學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的需求分析、可行性分析、現(xiàn)行業(yè)務(wù)流程分析，明確了系統(tǒng)開發(fā)的必要性和可行性；在系統(tǒng)分析階段，完成了數(shù)據(jù)流分析和數(shù)據(jù)字典；在系統(tǒng)設(shè)計階段，完成的主要內(nèi)容包括：功能模塊劃分和詳細(xì)設(shè)計（形成了系統(tǒng)功能模塊）、數(shù)據(jù)庫設(shè)計和系統(tǒng)界面設(shè)計。
本設(shè)計開發(fā)的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)具備的功能包括：審稿人模塊審評作品，審稿人對于分配的稿件進(jìn)行評審處理，個人管理：修改個人資料；管理模塊--稿件管理：對已經(jīng)審批的作品進(jìn)行查閱，并告知作者；專家管理：管理員可以添加、刪除專家信息；分類管理：管理員可以添加、刪除分類板塊內(nèi)容；編輯管理模塊--編輯安排專家進(jìn)行審稿，并對已審稿件進(jìn)行復(fù)審；主編可以對期刊進(jìn)行管理，決定發(fā)表被錄用的文章等。

關(guān)鍵詞：JSP； Web；MYSQL；期刊管理
School of Design and Implementation Journal online submission system
Abstract
Importance of a web-based online submission system development College of journal editors to improve the efficiency and quality of work.
In this paper, the role of College online submission system starting elaborated COLLEGE front and back online submission system development, operational processes and some of the key technologies involved. Firstly, an overview of the project conducted a brief introduction to the background, purpose and significance of the project development, clearly the limitations of ordinary journal management exist. In the system planning stage, the actual business processes through research, completed COLLEGE online submission system requirements analysis, feasibility analysis, analysis of existing business processes, clear the necessity and feasibility of system development; in systems analysis phase, completed data flow analysis and data dictionary; in the system design phase, the main content is completed include: functional module division and detailed design (forming a system function module), database design, and system interface design.
Journal of College of the design and development of online submission system has features include: Reviewers review module works reviewer assigned manuscript for review processing, personal management: Modify Personal Information; management module - manuscript management: has been approved the work carried out inspection and inform the author; expert management: Administrators can add, delete expert information; Category management: Administrators can add, delete classified section content; editorial management module - edit arrange expert reviewers, and has reviewed the manuscript for review; edited journals can be managed, decided to publish accepted papers and so on.
Keywords: JSP； Web；MYSQL；Journal of Management
1 緒 論
1.1 課題背景介紹
1.1.1 課題研究現(xiàn)狀和意義
在日常的期刊管理、

資料信息管理方面煩瑣、事務(wù)較多,主要表現(xiàn)在:投稿者經(jīng)常會來電詢問稿件處理期刊管理進(jìn)展情況,而編輯們每每需要通過翻閱登記資料來回答,占用大量工作時間;對作者、稿件、專家等信息資料的維護(hù)方式很煩瑣,難以查找;從而對提高工作效率、加強信息資源共享等方面,有了更高的要求

。
隨著現(xiàn)代科技的發(fā)展，圖書的出版速度越來越快，種類也越來越豐富，向出版社投稿的作者也越來越多。由于地域的限制，作者通常都需要將稿件郵寄到出版社，而這樣的效率極低，不利于書籍的修訂和出版。傳統(tǒng)的期刊管理和管理系統(tǒng)由手工完成,浪費了大量的人力、物力,而且不利于工作效率的提高和管理水平的提升。隨著網(wǎng)絡(luò)的發(fā)展，逐漸興起了網(wǎng)絡(luò)書稿的熱潮。

這樣可以實現(xiàn)從投稿，審稿，編輯，發(fā)行等全過程的網(wǎng)絡(luò)化，比傳統(tǒng)模式更加靈活方便。
隨著計算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展，出版社的期刊管理方式將會從傳統(tǒng)的模式向網(wǎng)絡(luò)化，批量化的方向轉(zhuǎn)移。而為了提高管理的效率，必定采取最為先進(jìn)的處理方案進(jìn)行處理，才能有效的節(jié)省人力和財力?；?span lang="EN-US">WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)也將會得以普及。
1.2 系統(tǒng)

開發(fā)工具和環(huán)境的介紹
1.2.1 JSP 簡介
JSP(Java Server Pages)是由Sun Microsystems

公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，其網(wǎng)址為http://www./products/jsp。在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm *.html)中加入Java程序片斷(Scriptlet)和JSP標(biāo)記(tag)，就構(gòu)成了JSP網(wǎng)頁(*.jsp)。Web服務(wù)器在遇到訪問JSP網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTML格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送Email等等，這就是建立動態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務(wù)器端執(zhí)行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，對客戶瀏覽器的要求最低，可以實現(xiàn)無Plugin，無ActiveX，無Java Applet，甚至無Frame。
JSP提供了一種簡單快速的建立基于動態(tài)內(nèi)容顯示的站點的技術(shù)。在JSP文件中可以包含HTML標(biāo)記、NCSA標(biāo)記、Servlet標(biāo)記和JSP語法，使得HTML的編碼從Web頁面的業(yè)務(wù)邏輯中有效地分離

出來。
1.2.2 Java簡介
Java是Sun公司推出的新一代面向?qū)ο蟪绦蛟O(shè)計語言，特別適合于Internet應(yīng)用程序開發(fā)。它的基本特點是簡單、面向?qū)ο蟆⒎植际?、解釋的、健壯的、安全的、平臺無關(guān)的、可移植的、性能優(yōu)異的、多線程的、動態(tài)的。
鑒于Java平臺無關(guān)性的特點，Java平臺已經(jīng)嵌入了幾乎所有的操作系統(tǒng)。Java程序只需編譯一次，就可在各種系統(tǒng)中運行。
1.2.3 MYSQL簡介
MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典MySQL AB公司開發(fā)，目前屬于Oracle公司。Mysql是最流行

的關(guān)系型

數(shù)據(jù)庫管理系統(tǒng)，在WEB應(yīng)用方面MySQL是最好的RDBMS(Relational Database Management System：關(guān)系數(shù)據(jù)庫管理系統(tǒng))應(yīng)用軟件之一。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL軟件采用了雙授權(quán)政策（本詞條“授權(quán)政策”），它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本

低，尤其是開放源碼這一特點，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開發(fā)環(huán)境。
1.3 論文的組織結(jié)構(gòu)
本文圍繞學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的設(shè)計與實現(xiàn)的設(shè)計與實現(xiàn)展開：第一章為緒論，介紹該系統(tǒng)的設(shè)計思想，論文的研究目的及意義,開發(fā)工具；第二章介紹系統(tǒng)的需求分析；第三章介紹系統(tǒng)設(shè)計；第四章為系統(tǒng)的實現(xiàn)；第五章為軟件配置與測試；第六章為總結(jié)。
2學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的設(shè)計與實現(xiàn)需求分析
2.1 系統(tǒng)需求
本系統(tǒng)是傳統(tǒng)投稿的一種延伸，在網(wǎng)絡(luò)如此發(fā)達(dá)的年代，越來越多的人開始使用網(wǎng)絡(luò)。從而誕生了基于web的網(wǎng)上投稿系統(tǒng)，這方便了人們的投稿，從而提高了效率，便于學(xué)生以及老師可以隨時隨地的投稿和審稿。
本系統(tǒng)是為了方便學(xué)報投稿而設(shè)計的，需要實現(xiàn)管理員對投稿人的管理以及對審稿人（專家）的管理等。同時提供給投稿人和審稿人（專家）的登錄以及相應(yīng)的操作，從而方便他們修改信息。
2.2 系統(tǒng)功能需求分析
(1) 投稿人（用戶）模塊--在線投稿：作者可以登錄系統(tǒng)后，在線投稿。
(2) 審稿人（專家）模塊--審評作品：專家對于分配的稿件進(jìn)行評審處理。個人管理：修改個人資料。 主編可以對期刊進(jìn)行管理，決定發(fā)表被錄用的文章。
(3) 管理模塊--稿件管理：對已經(jīng)審批的作品進(jìn)行查閱，并告知作者。 專家管理：管理員可以添加、刪除專家信息。 個人管理：修改自己的信息，如賬號、密碼等信息。
2.3 可行性研究分析
可行性研究的目的是用最小的代價，在盡可能短時間內(nèi)確定問題是否能夠解決。通過分析解決方法的利弊，來判定系統(tǒng)目標(biāo)和規(guī)模是否現(xiàn)實，以及完成系統(tǒng)后所帶來的效益是否達(dá)到投資的期望。
(1) 技術(shù)可行性
本系統(tǒng)采用B/S模式，選擇MYSQL作為后臺數(shù)據(jù)庫，選擇JAVA、JSP、JavaScript、Html作為應(yīng)用程序開發(fā)工具，運用Tomcat服務(wù)器技術(shù)，從技術(shù)上基本可以實現(xiàn)投稿、審稿等功能。
(2) 經(jīng)濟(jì)可行性
本系統(tǒng)為學(xué)生做的畢業(yè)設(shè)計，無需花費大量的錢財，所以說是可行的。
(3) 操作可行性
該系統(tǒng)操作簡單，無需花費大量時間去學(xué)習(xí)怎么使用，只需要一點時間就可以上手，可以操作。
2.4

系統(tǒng)數(shù)據(jù)流程圖
數(shù)據(jù)流圖簡稱DFD，是SA方法中用于表示系統(tǒng)邏輯模型的一種工具。它以圖形的方式描述數(shù)據(jù)在系統(tǒng)中流動和處理的過程，由于它只反映系統(tǒng)必須完成的邏輯功能，所以它是一種功能模型。數(shù)據(jù)流圖有四種基本圖形符號：“→”箭頭表示數(shù)據(jù)流；“○”圓或橢圓表述加工；“=”雙杠表示數(shù)據(jù)存儲；“□”方框表示數(shù)據(jù)的源點或終點。下面給出系統(tǒng)

的數(shù)據(jù)流圖。
(1) 系統(tǒng)管理數(shù)據(jù)流圖如圖2.1所示。
圖2.1系統(tǒng)管理數(shù)據(jù)流圖
(2) 投稿人（用戶）數(shù)據(jù)流圖如圖2.2所示。

圖2.2投稿人（用戶）管理數(shù)據(jù)流圖

(3) 審稿人（專家）數(shù)據(jù)流圖如圖2.3所示。

圖2.3審稿人管理數(shù)據(jù)流圖
3 系統(tǒng)設(shè)計
3.1體系結(jié)構(gòu)設(shè)計
B/S這種模式統(tǒng)一了客戶端，將系統(tǒng)功能實現(xiàn)的核心部分集中到服務(wù)器上，簡化了系統(tǒng)的開發(fā)、維護(hù)和使用?？蛻魴C(jī)上只要安裝一個瀏覽器（Browser）。瀏覽器通過Web Server同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。 基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)采用三層級體系結(jié)構(gòu)的B/S結(jié)構(gòu)模式，其基本模式如圖3.1所示。

圖3.1 B/S模式的體系結(jié)構(gòu)圖

3.2 各模塊功能描述
(1) 首頁模塊功能
首頁是各個登錄頁面的入口鏈接了各個登錄頁面的超鏈接
(2) 用戶注冊模塊功能
單擊注冊超鏈接進(jìn)入注冊頁面，內(nèi)容包括：用戶名,密碼,電子郵件等具體個人信息
(3) 用戶登錄模塊功能
用戶只有登錄后才可以進(jìn)行投稿和進(jìn)如自己的控制面板進(jìn)行自己的投稿管理。如沒有登錄系統(tǒng)提示錯誤并返回登錄頁面。
(4) 投稿模塊功能
注冊了的用戶可以登陸后可以通過超連接進(jìn)入投稿頁面在線編輯自己的稿件并上傳。
(5) 查看待審的稿件和已審稿件模塊功能
注冊用戶登錄后進(jìn)入自己控制面板可以查看自己投稿的處理情況。
(6) 用戶修改資料模塊功能
用戶可以登錄后修改自己的注冊信息。
(7) 稿件修改模塊功能
用戶可以從查看稿件頁面點擊修改超鏈接，進(jìn)入文章修改界面，在線修改稿件并提交
(8) 管理員登錄模塊功能
從該頁面登錄才可以進(jìn)行刮泥操作。
(9) 管理員添加模塊功能
基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)會有一個初始賬號，其他管理員要由管理員添加才能加入管理員行列。
(10) 稿件采用模塊功能
可以查看所有審查通過的稿件并分頁顯示。單擊稿件名稱進(jìn)入稿件詳細(xì)信息頁面，查看稿件以及專家的評語
(11) 專家管理模塊功能
專家不能自己注冊，管理員在這里添加專家，并可以修改和刪除。
(12) 版塊管理模塊功能
可以添加并查看編輯刪除所有的類別。
(13) 管理員信息修改管理模塊功能
管理員可以修改注冊信息。
(14) 稿件管理模塊功能
管理員可以對過期未修改，未通過稿件進(jìn)行刪除
(15) 專家登錄模塊功能
專家要管理稿件必須要登錄。
(16) 專家主頁面模塊功能
本頁顯示所有所有沒有審核的稿件。
(17) 查看稿件并審核功能
可以從主頁面進(jìn)入查看稿件詳細(xì)的信息，并進(jìn)行審核添加審核結(jié)果和意見。

3.3 數(shù)據(jù)庫設(shè)計
數(shù)據(jù)庫的規(guī)劃和

設(shè)計在整個軟件工程中占有非常重要的地位，它在整個系統(tǒng)中不但起著存儲各種信息，供統(tǒng)計、查詢、分析等使用的作用，而且協(xié)調(diào)各個子系統(tǒng)之間的數(shù)據(jù)接口。數(shù)據(jù)庫設(shè)計應(yīng)具有合理性、規(guī)范性以及適應(yīng)性，數(shù)據(jù)庫之間的關(guān)系及設(shè)置直接關(guān)系到系統(tǒng)的優(yōu)劣。設(shè)計數(shù)據(jù)庫系統(tǒng)時應(yīng)首先需要充分了解用戶各個

方面的需求，包括現(xiàn)有的

以及將來可能增加的需求。
3.3.1 概念結(jié)構(gòu)設(shè)計
概念結(jié)構(gòu)設(shè)計是將分析得到的用戶需求抽象為概念模型的過程，即在需求分析的基礎(chǔ)上，設(shè)計出能夠滿足用戶需求的各種實體以及它們之間的相互關(guān)系的模型。這樣才能更好地、更準(zhǔn)確地用某一DBMS實現(xiàn)這些需求，它是整個數(shù)據(jù)庫設(shè)計的關(guān)鍵。概念結(jié)構(gòu)的主要特點是能真實、充分地反映現(xiàn)實世界，易于理解，易于更改，易于向關(guān)系、網(wǎng)狀、層次等各種數(shù)據(jù)模型轉(zhuǎn)換。描述概念模型的有力工具是E-R模型。
(1) 基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的E-R圖如圖3.2所示。

圖3.2系統(tǒng)E-R圖

(2) 系統(tǒng)的部分實體屬性E-R圖如圖3.3、3.4所示。

圖3.3稿件屬性E-R圖

圖3.4審查記錄屬性E-R圖

3.3.2 邏輯結(jié)構(gòu)設(shè)計
邏輯結(jié)構(gòu)設(shè)計的任務(wù)就是把概念結(jié)構(gòu)設(shè)計階段設(shè)計好的基本E-R圖轉(zhuǎn)換為與選用DBMS產(chǎn)品所支持的數(shù)據(jù)模型相符合的邏輯結(jié)構(gòu)。設(shè)計邏輯結(jié)構(gòu)

時一般要分三步進(jìn)行，首先是將概念結(jié)構(gòu)轉(zhuǎn)換為一般的關(guān)系、網(wǎng)狀、層次模型，其次是將轉(zhuǎn)換來的關(guān)系、網(wǎng)狀、層次模型向特定DBMS支持下的數(shù)據(jù)模型轉(zhuǎn)換，最后是對數(shù)據(jù)模型進(jìn)行優(yōu)化。
基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)采用的是將E-R圖向關(guān)系數(shù)據(jù)模型轉(zhuǎn)換。關(guān)系模型的一個重要特點就是用二維表格表示實體集，用關(guān)鍵碼表示實體間聯(lián)系的數(shù)據(jù)模型?；?span lang="EN-US">web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)

數(shù)據(jù)庫表結(jié)構(gòu)如表3.1～3.6所示。

表3.1作者信息表(Author)
字段名 注釋 類型 長度 允許空 默認(rèn)值
a_id 作者編號（pk） int 自動增長（1,1）
a_pname 作者筆名 varchar 50
a_pwd 作者密碼 Char 20
a_name 作者姓名 char 20
A_address 聯(lián)系地址 Varchar 50
A_email email Varchar 50 null
A_telephone 聯(lián)系電話 Char 20 null
A_mark 作者備注 Varchar 150 null



表3.2文章信息表(essay)
字段名 注釋 類型 長度 允許空 默認(rèn)值
Essay_id 文章編號（pk） int 4 自動增長（1,1）
type 文章類型 char 10
Essay_name 文章名 char 50
Essay_content1 文章內(nèi)容 Varchar 4000
Essay_content2 文章內(nèi)容續(xù) Varchar 4000
Publish_time 最后發(fā)表日期 datetime 8
useMark 采用標(biāo)記 Char 10 未采用
checkMark 審查標(biāo)記 Char 20 未審查
A_pname 作者筆名 Varchar 50

表3.3專家信息表(Table_Employee_Code)
字段名 注釋 類型 長度 允許空 默認(rèn)值
E_id 專家編號（pk） int 4 自動增長（1,1）
E_pwd 密碼 char 20 111
E_name 專家名稱 char 20
real_name 專家姓名 char 20
E_remark 備注 varchar 250 null

表3.4管理員信息表(Admin)
字段名 注釋 類型 長度 允許空 默認(rèn)值
M_id 管理員ID（pk） int 4 自動增長（1,1）
M_name 管理員賬號 varchar 20
M_pwd 管理員密碼 varchar 50

表3.5審查表(checkessay)
字段名 注釋 類型 長度 允許空 默認(rèn)值
Check_id 審查ID（PK） int 4 自動增長（1,1）
Essay_id 文章編號（FK） int 4
E_name 專家名稱 Char 20
Check_content 評語 Varchar 500
Check_date 審查日期 Datetime 8

表3.6文章類型表表(essay_type)
字段名 注釋 類型 長度 允許空 默認(rèn)值
Type_id 類型編號（pk） int 4 自動增長（1,1）
Type_name 類型名稱 char 10
4 系統(tǒng)的實現(xiàn)
4.1 系統(tǒng)界面的設(shè)計與實現(xiàn)
4.1.1 系統(tǒng)登錄界面
系統(tǒng)首頁，同時也是登錄界面，在此界面中，用戶可以根據(jù)自身情況選擇登錄身份登錄到系統(tǒng)中 ，系統(tǒng)登錄界面如圖4.1所示。


圖4.1系統(tǒng)登錄界面
相關(guān)代碼：
<form action="" name="ThisForm" method="post">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" align="left">
<font style="font-size: 25px;color: white;font-weight: bolder;display: block;text-align: left">
   學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)
</font>
</td>
</tr>
<tr>
<td width="100%" colspan="2" height="20">

</td>
</tr>
<tr>
<td width="15%" height="22">
<span style="font-size: 12px;font-weight: 700">賬號:</span>
</td>
<td width="85%" height="22">
<input name="userName" type="text" style="height:20px;width:130px; border:solid 1px #bbbbbb">
</td>
</tr>
<tr>
<td width="15%" height="22">
<span style="font-size: 12px;font-weight: 700">密碼:</span>
</td>
<td width="85%" height="22">
<input name="userPw" type="password" style="height:20px;width:130px; border:solid 1px #bbbbbb">
</td>
</tr>
<tr>
<td width="15%" height="22">
<span style="font-size: 12px;font-weight: 700">身份:</span>
</td>
<td width="85%" height="22">
<select class="INPUT_text" name="userType" style="width: 128px;">
<option value="0">管理員</option>
<option value="1">審稿人</option>
<option value="2">投稿人</option>
</select>
</td>
</tr>
<tr>
<td width="15%" height="22">

</td>
<td width="85%" height="22">
<br/>
<input name="button" type="button" class="submit1" value="登錄" onclick="check1()">  
<input name="button1" type="button" class="submit1" value="注冊" onclick="reg()">
<img id="indicator" src="<%=path %>/img/loading.gif" style="display:none"/>
</td>
</tr>
</table>
</form>
4.2 用戶投稿界面
（1）用戶登錄模塊處理流程設(shè)計
用戶輸入自己的賬號和密碼后，由系統(tǒng)的賬號驗證程序?qū)ζ溥M(jìn)行校驗，主要通過Login控制器中的chkLogin()方法來判斷用戶登錄賬號是否有效。驗證通過后，系統(tǒng)的角色判斷程序，對當(dāng)前用戶所屬的角色進(jìn)行判斷，進(jìn)而加載相應(yīng)的個人控制面板，否則返回登錄框繼續(xù)重復(fù)操作。本系統(tǒng)中第一次投稿前作者必須先注冊登記,然后使用注冊成功的賬號和密碼(或稱口令) 進(jìn)行登錄,進(jìn)入作者投稿界面。處理流程圖如圖4.2所示。
圖4.2用戶登錄模塊處理流程圖
（2）用戶在線投稿模塊處理流程設(shè)計
作者輸入自己的賬號和密碼后，由系統(tǒng)的賬號驗證程序?qū)ζ溥M(jìn)行校驗，主要通過Login控制器中的chkLogin()方法來判斷用戶登錄賬號是否有效。驗證通過后便可以進(jìn)入作者投稿系統(tǒng)，進(jìn)入投稿系統(tǒng)后，作者按系統(tǒng)提供的操作流程完成網(wǎng)上投稿，其中每步驟系統(tǒng)都會對作者所填寫的數(shù)據(jù)信息進(jìn)行校驗，當(dāng)作者輸入的數(shù)據(jù)不符合規(guī)格要求時系統(tǒng)會出現(xiàn)相關(guān)的錯誤提示信息，若無誤便可以繼續(xù)完成操作，最后當(dāng)作者點擊是否上傳稿件時系統(tǒng)會提示是否確定上傳稿件，點擊“是”后則此次投稿操作完成，此時該稿件的基本信息會被保存到稿件信息表中，同時稿件也會被上傳到指定的目錄下。投稿完成后，系統(tǒng)會自動更新稿件處理流程表中的稿件及操作人的狀態(tài)。處理流程圖如圖4.3所示。

圖4.3用戶在線投稿模塊處理流程圖
投稿人登錄后，該用戶可以根據(jù)系統(tǒng)的投稿流程完成網(wǎng)上投稿操作。主要有修改個人密碼、我的稿件管理、上傳新的稿件以及安全退出系統(tǒng)。如圖4.4所示

圖4.4用戶投稿界面
相關(guān)代碼如下：
<table width='99%' height="100%" border='0' cellspacing='0' cellpadding='0'>
<tr>
<td style='padding-left:3px;padding-top:8px' valign="top">
<dl class='bitem'>
<dt onClick='showHide("items1_1")'><b>修改個人密碼</b></dt>
<dd style='display:block' class='sitem' id='items1_1'>
<ul class='sitemu'>
<li><a href='<%=path %>/admin/userinfo/userinfo.jsp' target='main'>修改個人密碼</a> </li>
</ul>
</dd>
</dl>
<dl class='bitem'>
<dt onClick='showHide("items2_1")'><b>我的稿件管理</b></dt>
<dd style='display:block' class='sitem' id='items2_1'>
<ul class='sitemu'>
<li><a href='<%=path %>/gaojian?type=gaojianMine' target='main'>我的稿件管理</a> </li>
<li><a href='<%=path %>/admin/gaojian/gaojianAdd.jsp' target='main'>上傳新的稿件</a> </li>
</ul>
</dd>
</dl>
<dl class='bitem'>
<dt onClick='showHide("items2_1")'><b>安全退出系統(tǒng)</b></dt>
<dd style='display:block' class='sitem' id='items2_1'>
<ul class='sitemu'>
<li><a href='#' onclick='javascript:window.parent.location="<%=path %>/login.jsp"'>安全退出系統(tǒng)</a></li>
</ul>
</dd>
</dl>
</td>
</tr>
</table>


4.3 審稿人（專家）界面
編輯輸入自己的賬號和密碼后，由系統(tǒng)的賬號驗證程序?qū)ζ溥M(jìn)行校驗，主要通過Login控制器中的chkLogin()方法來判斷用戶登錄賬號是否有效。驗證通過后便可以進(jìn)入編輯審稿系統(tǒng)，點擊在線審稿，進(jìn)入到編輯審稿界面，編輯填寫自己的審稿意見同時選擇要送審的審稿專家進(jìn)行送審操作。編輯也可以將自己的審稿意見反饋給主編，由主編決定要送審的專家。處理流程圖如圖4.5所示。

圖4.5審稿人初審稿件模塊的處理流程圖

主要功能有修改信息、稿件審核以及退出功能，如圖4.6所示。


圖4.6投稿人投稿界面

相關(guān)代碼如下：
<table width="98%" border="0" cellpadding="2" cellspacing="1" bgcolor="#D1DDAA" align="center" style="margin-top:8px">
<tr bgcolor="#E7E7E7">
<td height="14" colspan="63" background="<%=path %>/img/tbg.gif">  </td>
</tr>
<tr align="center" bgcolor="#FAFAF1" height="22">
<td width="4%">序號</td>
<td width="30%">標(biāo)題</td>
<td width="10%">附件</td>
<td width="10%">上傳時間</td>


<td width="10%">操作</td>
</tr>
<c:forEach items="${requestScope.gaojianList}" var="gaojian" varStatus="ss">
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td bgcolor="#FFFFFF" align="center">
${ss.index+1}
</td>
<td bgcolor="#FFFFFF" align="center">
${gaojian.title}
</td>
<td bgcolor="#FFFFFF" align="center">
<a href="#" style="color: red" onclick="down1('${gaojian.fujian}','${gaojian.fujianYuanshiming}')">附件下載</a>
</td>
<td bgcolor="#FFFFFF" align="center">
${gaojian.shijian}
</td>


<td bgcolor="#FFFFFF" align="center">
<input type="button" value="刪除" onclick="gaojianDel(${gaojian.id})"/>
<input type="button" value="審核" onclick="gaojianShenhePre_zhuanjia(${gaojian.id})"/>
</td>
</tr>
</c:forEach>
</table>

4.4 管理員界面
該頁面中有管理員管理、審稿人管理、過期稿件管理的超鏈接，同時也有稿件采用時，查詢的條件，還有添加稿件類型的編輯框。管理員，輸入查詢條件，點擊查詢，進(jìn)入文章列表，此時，列表中的都是符合條件的審查通過的文章。在添加稿件類型的編輯框中輸入新的稿件類型，點擊添加則可以在數(shù)據(jù)庫中添加新的稿件類型。管理員首頁如圖4.7所示。

圖4.7管理員界面
相關(guān)代碼如下：
<frameset rows="90,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="<%=path %>/admin/top.jsp" name="topFrame" scrolling="no">
<frameset cols="180,*" name="btFrame" frameborder="NO" border="0" framespacing="0">
<frame src="<%=path %>/admin/menu.jsp" noresize name="menu" scrolling="yes">
<frame src="<%=path %>/admin/index/sysPro.jsp" noresize name="main" scrolling="yes">
</frameset>
</frameset>

管理員審核稿件如4.8圖所示。

圖4.8管理員界面
相關(guān)代碼如下：
<form action="<%=path %>/gaojian?type=gaojianShenhe_admin" name="formAdd" method="post">
<table width="98%" border="0" cellpadding="2" cellspacing="1" bgcolor="#D1DDAA" align="center" style="margin-top:8px">
<tr bgcolor="#E7E7E7">
<td height="14" colspan="63" background="<%=path %>/img/tbg.gif">  </td>
</tr>
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td width="25%" bgcolor="#FFFFFF" align="right">
審核結(jié)果：
</td>
<td width="75%" bgcolor="#FFFFFF" align="left">
<select name="zhubianshenhebiaozhi" style="width: 233px;">
<option value="通過">通過</option>
<option value="未過">未過</option>
</select>
</td>
</tr>
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td width="25%" bgcolor="#FFFFFF" align="right">
審核意見：
</td>
<td width="75%" bgcolor="#FFFFFF" align="left">
<textarea rows="4" cols="30" name="zhubianshenheyijian"></textarea>
</td>
</tr>
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td width="25%" bgcolor="#FFFFFF" align="right">
 
</td>
<td width="75%" bgcolor="#FFFFFF" align="left">
<input type="hidden" name="id" value="<%=request.getParameter("id") %>"/>
<input type="submit" value="提交"/> 
<input type="reset" value="重置"/> 
</td>
</tr>
</table>
</form>



5系統(tǒng)的功能測試
根據(jù)系統(tǒng)的功能進(jìn)行功能測試。首先確定系統(tǒng)要實現(xiàn)哪些功能；然后確定可以實現(xiàn)該功能有哪些用戶；接下來確定功能實現(xiàn)時各種情況下所出現(xiàn)的結(jié)果。按照上述步驟進(jìn)行下列測試。
5.1 單元測試
測試了網(wǎng)站系統(tǒng)中的每一個模塊，測試內(nèi)容包括模塊的前臺以及后臺。每個模塊作為一個獨立體運行時，運行正常。備注：數(shù)據(jù)庫達(dá)到最大連接數(shù)為10，因為用個人pc機(jī)作為服務(wù)器，其限制了最大連接數(shù)。
5.1.1 登錄測試
登錄窗口中需要用戶輸入用戶名和口令，測試用例如表5.1所示。
表5.1登錄測試
用例 用戶名 口令 權(quán)限選擇 預(yù)期輸出
1 小星的星 490648144 投稿人 進(jìn)入作者首頁
2 小星的星 111111 投稿人 彈出密碼錯誤的提示返回登錄頁面
3 小星的星 投稿人 進(jìn)入普通用戶操作主界面
4 紅星 1234 投稿人 彈出用戶名或密碼錯誤的提示返回登錄頁面
5 小星的星 490648144 審稿人 彈出用戶名或密碼錯誤的提示框
用例一：
用戶輸入用戶名：“小星的星”，口令：“490648144”，點擊“確定”按鈕后進(jìn)入作者首頁。
用例二：
輸入用戶名：“小星的星”，口令：“111111”，點擊“確定”按鈕后，彈出如圖6.1所示的對話框，點擊“確定”后返回登錄頁面
用例三：
輸入用戶名：“小星的星，口令：“”，點擊“確定”按鈕后。彈出如圖6.1所示的對話框，點擊“確定”后返回登錄頁面
用例四：
輸入用戶名：“紅星”，口令：“1234”，點擊“確定”按鈕后, 彈出如圖6.1所示的對話框。
用例五：
輸入用戶名：“小型的性”，口令“490648144”，選擇“專家”，點擊“確定”按鈕后，彈出如圖5.1所示對話框，點擊“確定”后返回登錄頁面

圖5.1登錄錯誤提示
5.1.2 口令修改測試
用戶登錄到系統(tǒng)主界面后，可以通過鏈接進(jìn)入信息修改頁面對自己的口令進(jìn)行修改。下面以專家為例進(jìn)行測試。測試用例如表5.2所示。
表5.2口令修改測試
用例 新口令 校驗新口令 預(yù)期輸出
1 tyx123 tyx 彈出提示框提示兩次密碼不一致
2 tyx 彈出提示框提示未輸入新密碼
3 tyx123 Tyx123 彈出提示框提示密碼修改成功
用例一：
輸入新口令：“tyx123”，校驗口令：“tyx”。點擊“確認(rèn)”按鈕后彈出如圖5.2所示的對話框，再點擊“確定”按鈕，彈出如圖5.2所示的對話框，點擊“確定”按鈕后，進(jìn)入專家主頁面?！　　　　　　　　　　　?span lang="EN-US">
用例二：
輸入新口令：“”，校驗口令：“tyx”。點擊“確認(rèn)”按鈕后彈出如圖5.3所示的對話框。點擊“OK”按鈕返回密碼修改頁面重新輸入口令。
用例三：
輸入新口令：“tyx123”，校驗口令：“tyx123”。點擊“確認(rèn)”按鈕后彈出如圖5.4所示的對話框。點擊“OK”按鈕返回密碼修改頁面重新輸入口令。

圖5.2兩次密碼輸入不一致 圖5.3新密碼為空 圖5.4密碼修改成功

5.2 瀏覽器測試
將基于web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)在不同瀏覽器上（IE瀏覽器9和Mozilla Firefoxe）對網(wǎng)頁進(jìn)行了測試，結(jié)果表明此系統(tǒng)對所選的瀏覽器的適應(yīng)性。

6 結(jié) 論
本文通過對基于Web的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的分析和研究，在論文的研究和實踐的基礎(chǔ)上，結(jié)合投稿流程的具體要求，設(shè)計出了一個具有基本投稿與期刊管理功能的方案，并將該方案運用于具體系統(tǒng)實現(xiàn)?；仡櫼陨系难芯亢蛯嵺`，本文的研究工作和主要結(jié)論如下：
（一）編程中定義窗體及變量的名稱時，一定要規(guī)范，要讓其他編程人員能夠看懂，必要時可以加注釋。
（二）對各個控件的屬性、事件要清楚，這樣才能在編程的過程中熟練的應(yīng)用。
（三）在編程的過程中要不斷的思考，對每一個可能出現(xiàn)的問題都盡量在編程中處理掉，避免以后的麻煩。
（四）對編程中用到的函數(shù)，要將其變量的含義了解清楚，這樣才能順 利應(yīng)用，以實現(xiàn)函數(shù)的功能。
（五）程序編好后調(diào)試是非常重要的，它的意義在于通過調(diào)試可以逐步完善它的功能，改正程序中的錯誤，使程序盡量達(dá)到盡善盡美，在調(diào)試的過程中盡量不要以編程時的思想去調(diào)試，要以一個普通用戶的思維去思考。
經(jīng)過這幾個月來對系統(tǒng)的分析、設(shè)計，使我對基于WEB的投稿和學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)有了全面的了解與認(rèn)識，同時對基于WEB的投稿和學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)做了具體的解剖。 我認(rèn)為基于WEB的投稿和學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)成功的關(guān)鍵在于以下幾方面：導(dǎo)航界面的清晰，簡單設(shè)計。界面的清晰簡單可以使學(xué)習(xí)用戶一目了然，輕松的找到自己瀏覽基于WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的目的所在。系統(tǒng)的易管理性。系統(tǒng)的管理對于系統(tǒng)的維護(hù)來說很重要，社會是不斷進(jìn)步與發(fā)展的，用戶對于網(wǎng)上娛樂的要求也會越來越高。因此系統(tǒng)要隨著用戶的需求而不斷發(fā)生變化，不斷更新系統(tǒng)的內(nèi)容來滿足用戶更多的需求。基于WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)是利用VBScript編程語言和SQLServer數(shù)據(jù)庫編譯設(shè)計的，運行環(huán)境簡單，一般的瀏覽器都可進(jìn)行瀏覽。
基于WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)的大部分模塊已經(jīng)實現(xiàn)，并且也符合以上幾個

特性。但是，一個完整的系統(tǒng)僅僅靠三個月的分析、設(shè)計來開發(fā)是遠(yuǎn)遠(yuǎn)不夠的，它需要更長的時間來測試并完善。因此，基于WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)仍然存在著一些需要改進(jìn)和不足的問題。比如系統(tǒng)的整體設(shè)計需要進(jìn)一步的美觀，系統(tǒng)的自適應(yīng)性還不夠完善還需要進(jìn)一步的改善和加強，系統(tǒng)的內(nèi)容需要更加豐富和多樣化。隨著研究的進(jìn)行，可能還會出現(xiàn)其他一些問題，我會繼續(xù)努力，逐步改善和不斷完善基于WEB的學(xué)院學(xué)報網(wǎng)上投稿系統(tǒng)

。


致 謝
經(jīng)過了半年多的學(xué)習(xí)和工作，我終于完成了畢業(yè)設(shè)計與論文。從開始接到論文題目到系統(tǒng)的實現(xiàn)，再到論文文章的完成，每走一步對我來說都是新的嘗試與挑戰(zhàn)，這也是我在大學(xué)期間獨立完成的最大的項目。在這段時間里，我學(xué)到了很多知識也有很多感受。畢業(yè)論文的順利完成，凝結(jié)了眾多人的關(guān)心、支持和幫助，在此由衷地對他們表示深深的感謝。
首先，我要感謝我的指導(dǎo)老師李春梅老師對我的悉心指導(dǎo)，在設(shè)計期間，李老師教導(dǎo)我如何收集文獻(xiàn)資料，理清設(shè)計思路，指導(dǎo)操作方法，引導(dǎo)我們自主創(chuàng)新，發(fā)揮主觀能動性。X老師淵博的知識、嚴(yán)謹(jǐn)?shù)淖黠L(fēng)、誨人不倦的態(tài)度和學(xué)術(shù)上精益求精的精神使我受益終生。
其次，感謝安徽新華學(xué)校給我們提供了良好的設(shè)計環(huán)境，使我們大家能夠聚一起學(xué)習(xí)、討論，同時也方便老師對我們的指導(dǎo)。
最后，再次誠心的感謝我的母校，我的老師和同學(xué)們，謝謝你們。

參考文獻(xiàn)

[1] 鄭阿奇.JSP編程教程[M].北京:電子工業(yè)出版社,2012 .
[2] 田孝彥.勝利學(xué)院網(wǎng)上投稿系統(tǒng)的設(shè)計與實現(xiàn)[D].大連:大連理工大學(xué),2009
[3] 楊思堯.期刊網(wǎng)絡(luò)在線投稿系統(tǒng)的設(shè)計與實現(xiàn)[J].沈陽農(nóng)業(yè)大學(xué)學(xué)報(社會科學(xué)版),2008,10(4):510-512
[4] 程顯生,郭艷光.基于Spring 和Hibernate 數(shù)據(jù)訪問技術(shù)研究與應(yīng)用[J]. 制造業(yè)自動化, 2011, 33(005): 152-154.
[5] 張孝祥,徐明華,單興華等著.Java基礎(chǔ)與案例開發(fā)詳解[M].北京:清華大學(xué)出版社,2009
[6] 付玲.網(wǎng)上投稿系統(tǒng)的設(shè)計與實現(xiàn)[D].四川:西南科技大學(xué),2010
[7] 崔洋,賀亞茹.MYSQL數(shù)據(jù)庫應(yīng)用從入門到精通[M].北京:中國鐵道出版社,2012
[8] 劉西杰.HTML、CSS、JavaScript網(wǎng)頁制作從入門到精通[M].北京:人民郵電出版社,2012
[9] 趙文瑄.在線投稿審稿管理系統(tǒng)的設(shè)計與實現(xiàn)[D].成都:電子科技大學(xué),2011
[10] 馬永安,何冬梅.學(xué)術(shù)期刊網(wǎng)絡(luò)投稿系統(tǒng)的設(shè)計與實現(xiàn)[J].福建電腦,2011,27(6):99-100
[11] 徐晶,程丹,張小丹等.投稿與審稿系統(tǒng)的設(shè)計與實現(xiàn)[J].科微型機(jī)與應(yīng)用,2011,30(16):12-15
[12] 王海峰,譚華.基于ASP.NET技術(shù)的學(xué)報在線投稿系統(tǒng)的設(shè)計與實現(xiàn)[J].南通職業(yè)大學(xué)學(xué)報,2010,24(1):86-89
[13] 張海藩.軟件工程導(dǎo)論[M].北京:清華大學(xué)出版社,2008
[14] 李德平.基于中間技術(shù)的在線投審稿系統(tǒng)的設(shè)計[J].廣東技術(shù)師范學(xué)院學(xué)報(自然科學(xué)版),2010,31(1):26-30
[15] 羅建軍.《邊陲快訊》在線投稿系統(tǒng)設(shè)計與實現(xiàn)[D].昆明:昆明理工大學(xué),2010