基于AJAX技術的期刊采編系統設計

羅全珍 武彥芳 費月英

（甘肅交通職業技術學院 甘肅省蘭州市 730070）

1 前言

《甘肅交通職業教育》是甘肅交通職業技術學院的校辦期刊，已發行20 多期。該報內容豐富，是反映學院教師科研工作的窗口，深受學院師生的好評。目前，該報采用傳統的手工管理方式，教師通過指定的電子郵箱進行投稿，期刊管理人員通過較簡單的Excel等辦公軟件來采集和整理稿件。隨著投稿數量的不斷增加，管理的難度逐步加大，同時不便于師生的電子瀏覽、查閱，也不便于管理人員的統計分析。為改變這種現狀，我們利用計算機軟件開發技術，利用PHP 語言、MySQL 數據庫、AJAX 技術，設計并開發期刊采編系統。

2 系統總體設計

在對學院傳統管理方法進行深入調查研究的基礎上，經過較全面的分析，得到系統功能結構模塊圖如圖1所示。

本系統設定為4 個模塊，分別是投稿模塊、審稿模塊、電子期刊和管理模塊。

投稿模塊：校內師生填寫論文基本信息（論文標題、分類、作者、關鍵字、摘要等）并進行線上投稿，投稿人具有瀏覽、查詢、修改、刪除、提交自己稿件的權限；系統管理人員對提交的稿件進行初步審核，對于不符合要求的稿件，退回原作者修改。

審稿模塊：期刊管理人員對符合要求的稿件，派送至相關專家審稿；專家審稿后，根據論文質量進行退回原作者修改或者同意錄用；對于專家審稿通過的論文，由期刊管理人員進行稿件錄用處理；也可以對專家庫進行管理。

電子期刊：對收錄完整的一期論文集自動生成電子期刊，供全院師生瀏覽、查詢。

管理模塊：只有職能部門管理人員擁有操作權限。其中通知公告可以發布科研有關的政策文件、通知信息、期刊動態等；用戶管理用以設置學院哪些教師可以使用此系統，一般是學院全體員工；權限管理是登錄用戶的權限設置，包括添加、審核、查看、統計和管理員等權限；其它管理指數據庫的備份與恢復管理、日志管理等。

3 系統關鍵技術

本系統采用B/S 模式，使用Apache 做為WEB 服務器，后臺采用PHP 語言開發，數據庫采用MySQL，前臺采用HTML+CSS技術實現，通過AJAX 異步通信方式實現客戶端與服務器的交互，提高了系統的交互性和健壯性。

3.1 B/S模式

圖1：系統功能結構模塊圖

B/S 模式是Browser/Server 的縮寫，即瀏覽器/服務器模式，是WEB 興起后的一種網絡結構模式。這種模式的客戶端上只要安裝一個瀏覽器，如Internet Explorer、Google Chrome、Firefox 等，實現了客戶端的統一，簡化了系統的維護和使用。系統功能實現的核心部分集中到服務器上，其中WEB 服務器通常采用apache、Nginx、Tomacat、Jboss、IIS 等系統來實現；服務器還需要安裝SQL Server、Oracle、MySQL 等數據庫軟件；WEB 后端開發一般采用php、jsp、aspx、asp 等技術，而WEB 前端設計一般用HTML+CSS+JavaScript 技術組合實現。

與B/S 模式相對應的是C/S 模式，它的縮寫是Client/Server，即服務器/客戶機模式。這種模式中的服務器負責數據的處理與管理，客戶機負責完成與用戶的交互任務。由于B/S 模式可以不用安裝任何專門的軟件就能進行操作，所以具有成本低、維護方便、擴展性強、開發簡單等優點，是目前最流行的軟件開發模式。

3.2 AJAX技術

傳統的Web 應用，瀏覽器在發送完請求以后，需要等待服務器的響應，在等待期間，用戶不能做其它操作。此外，瀏覽器需要將整個頁面中的表單數據都提交給服務器處理，服務器也要生成一個全新的頁面再返回給瀏覽器，瀏覽器和服務器之間傳遞的數據量非常大。

AJAX 技術較好地解決了這個問題，它是“Asynchronous JavaScript and XML”的縮寫，翻譯過來是異步JavaScript 和XML。AJAX 不是一種全新的技術，而是幾種原有技術的結合。它包括：使用CSS 和XHTML 來顯示頁面、使用XMLHttpRequest 來和服務器進行異步通信、使用DOM 模型來交互和動態更新頁面、使用JavaScript 來綁定和調用它們。XMLHttpRequest 是AJAX 的核心機制，是一種支持異步請求的技術。也就是說，在AJAX 技術當中，使用瀏覽器內置的一個對象XmlHttpRequest 向服務器發送請求（異步請求），而不是通過傳統的表單提交的方式向服務器發送請求，此時，用戶可以繼續對頁面進行操作，不需要等待服務器的響應。當服務器處理完請求之后，不需要返回一個新的頁面，只需要返回部分數據，更新部分頁面。

本系統中的很多頁面都用到了AJAX 技術，比如在論文的審核、收錄、專家審稿時，實現了頁面的局部刷新和異步響應，快速響應用戶的需求。另外，在論文的新增和修改等含有表單的頁面中，對表單中提交的數據按照相應格式進行規范檢查，對不符合格式的數據給予提示，并要求重新輸入，從而通過AJAX 技術將一部分運算交給客戶端的瀏覽器來處理，減輕了服務器的壓力。

4 系統開發分析

4.1 系統功能

系統主要完成稿件的投稿、審稿、收錄等管理功能，系統主界面如圖2所示。

用戶可以對稿件進行添加、修改、刪除、提交、查看等操作；管理員可以查看稿件詳細信息，并完成對稿件的退回、收錄等操作；審稿專家可以對指定的稿件進行審核；一期所有論文收錄完成后，系統自成生成電子期刊。信息化管理手段保證了數據的準確性和統一性，方便了數據的維護、查詢與統計工作。

系統具有一定的查詢能力：個人可以對自己投送的稿件進行進度查詢，管理員可以對所有稿件進行查詢，所有人可對已出版收錄的論文進行查詢。查詢可分單項查詢和組合查詢，兩類查詢都支持模糊查詢。單項檢查是用戶根據論文的標題、第一作者、類別、日期等任一條件進行查詢，組合檢查是用戶根據兩個或兩個以上條件查詢所需要的論文信息。查詢功能很好地體現了信息化管理的優勢。

4.2 數據庫設計

系統使用MySQL 數據庫，所有操作的數據都將被保存在數據庫中，不受斷電等意外因素影響。本系統共創建了4 張業務數據表，分別為：稿件信息表、審核表、用戶信息表、電子校刊表，其結構如圖3所示。

其中稿件信息表是本系統的核心數據表，記錄了稿件的全部內容，主要包括：編號、稿件標題、第一作者、其他作者、關鍵字、摘要、稿件附件、課題信息、流程編號、審稿專家、收錄期刊編號、收錄頁碼、投稿時間、其它標記等字段。為避免數據的冗余存儲，并兼顧系統運行效率，根據本表的“收錄期刊編號”和“收錄頁碼”兩個字段創建了電子期刊索引表，根據“流程編號”和“投稿時間”兩個字段創建了稿件流程管理索引表。系統開發中，多次應用了多表聯合查詢技術，比如在審核、審稿、收錄管理時，同時調用稿件信息表和審核表中的數據。

4.3 系統安全

為確保系統和數據的安全性，系統對用戶的訪問權限和操作行為進行安全設計。利用javascript 在客戶端對用戶提交的數據進行全面檢查，對不符合格式要求的數據全部退回重填；利用PHP 在服務器端再次對提交的數據進行檢查、格式轉換等，雙重確保數據的完整性和安全性。

通過團隊成員共同開發，實現了本系統規劃的全部功能。系統完成后，團隊成員以學院現有科研數據為測試源進行系統功能與應用的初步測試，邀請志愿者學生對系統進行功能性測試，對于不友好界面或產生歧義的提示信息進行修改，保證系統的正常上線和運行。

系統試運行一段時間來，各方面反映良好。系統操作簡便，即使不懂計算機知識的用戶，在屏幕漢字和提示信息下，也能很好地完成操作；查詢、統計分析功能更好地提高了工作人員的工作效率，同時完成了手工管理無法辦到的某些功能。

5 結語

本文以《甘肅交通職業教育》期刊管理系統的開發為例，通過信息化手段進行期刊管理，為我院科研人員的溝通搭建了一個信息交互平臺，幫助管理人員處理日常工作事務，減少人工操作的工作量，從而提高了科研管理的工作效率和服務質量。該系統的前臺頁面采用HTML+CSS 技術，后臺通過PHP+MySQL 實現，利用AJAX 技術實現數據的異步處理和傳輸。系統的成功使用，在促進科研管理的自動化、規范化、科學化和制度化，加強學院科研管理水平、信息化建設水平和提升學院內涵建設等方面具有重要的意義。系統具有通用性，可以普通適應高等院?；蛳嚓P省級期刊的線上管理，值得在同類院校之間推廣。

圖2：系統界面截圖

圖3：數據庫結構