基于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 技术实现数据的异步处理和传输。系统的成功使用，在促进科研管理的自动化、规范化、科学化和制度化，加强学院科研管理水平、信息化建设水平和提升学院内涵建设等方面具有重要的意义。系统具有通用性，可以普通适应高等院校或相关省级期刊的线上管理，值得在同类院校之间推广。

图2：系统界面截图

图3：数据库结构