探讨基于富客户端框架高校科研管理系统与设计

论文导读：的作用的地方是不一样的，作用也完全不同。name是jqGrid中列的名称，作用向后台提交修改时用作参数的名称。index是jqGrid中列排序时用的排序字段名，当点表头排序时，这个值会保存在传给后台的sidx参数里，在进行group分组操作时也会用作分组的名称。（3）有时我们要处理的表格的列很多，最好的处理是将重要的列冻结起来，拉动水
摘 要：现在的高校科研管理系统中，由于涉及的数据量大、科研信息类别繁多、科研项目流程要求严格等，开发一个高效的科研管理系统可以在很大程度上提高科研管理人员的工作效率，提高学校的整体科研工作水平。本文将结合流行的富客户端技术对科研管理系统进行分析研究与设计。
关键词：科研管理；富客户端；DWZ
中图分类号：TP311.52
随着科技的日益发展，高校的科研活动和科研能力成为反映高校综合实力指标的比重不断加大，而通过信息化的手段对日常科研工作进行管理，整合科研工作流程，为决策层提供真实有效的依据，是提升科研管理水平的有效途径，也是当今高校科研管理的大势所趋。
1 系统设计的背景和目标
目前大多数高校科研管理工作，很大程度上还要依赖人工来进行，通过Word、Excel等办公软件来处理科研文档和统计科研数据，这种方式难以及时有效的掌握最新的科研情况，为科研管理增加许多工作量，不利于领导进行科学决策。所以科研管理系统的构建是非常有必要的，该系统服务于学校科研工作，为辅助领导进行科研管理决策提供有利的信息支持，有助于学校整体科研工作水平的提高。
科研管理系统的建设目标是是建设一个科研管理信息系统，该系统可以实现科研工作的网络化管理，形成一个及时更新的科研数据中心和科研管理沟通平台，全面、实时、准确提供学校的有关科研信息，为学校领导有关科研决策提供辅助支持，为学校教师开展科研活动提供方便快捷的服务，为科研管理人员开展工作提供极大的便利，使用富客户端技术，集成桌面应用的交互性和传统Web应用部署的灵活性，创建更好的用户体验和更高的工作效率。
2 系统结构设计
科研管理系统不仅要有科研管理功能，还要有沟通交流的功能。作为一个信息管理系统，本文主要从以下两个方面研究科研管理系统：
2.1 系统结构。科研管理系统向全校教师开放，系统要支持教师、院系和科研处用户使用模式。教师可以登录系统录入和维护自己的项目、成果等科研信息，院系用户可以登录系统维护本单位的科研人员、科研项目和科研成果等信息。教师个人录入的数据需要经过院系和科研处的审核。
科研管理系统主要包括机构管理、人员管理、项目管理、成果管理、学术活动、统计报表和系统维护等几个子系统。
2.2 富客户端框架。在WEB应用程序中使用富客户端技术主要是为了让网络应用程序具有很强交互性。在信息管理系统中应用富客户端技术还可提高用户的工作效率。
目前有众多的富客户端框架可供选择，如EXTjs、YUI、jQueryUI等，本系统选择DWZ作为前端整体UI框架。DWZ具有简单实用、扩展方便、快速开发、RIA思路、轻量级的特点，框架完全开源，可以免费获取全部源码。但在使用DWZ的时候，也发现其树型组件作为导航菜单在动态加载菜单项时不太方便，在表格组件在处理数据时也不太灵活，所以本系统在DWZ框架中整合zTree树插件来设计导航菜单和树型数据处理，用jqGrid作为表格组件。
zTree是一个依靠jQuery实现的树型插件。功能强大、配置灵活。适合项目开发，尤其是树状菜单、树状数据的Web显示和编辑等。
jqGrid是一个基于jquery的表格插件，以ajax的方式和服务器通信。在使用jqGrid时服务器端进行数据管理，客户端进行数据展示。jqGrid提供了强大的表格编辑功能，包括单元格编辑、行编辑、弹出窗口编辑等编辑方式，支持多条件查询、按列排序、分组统计和分组数据展示、数据校验等实用功能。
3 系统实现
从上文可以看出，科研管理系统的功能子系统较多，在实现时基于现在流行的SSH框架来开发。SSH框架具有设计层次清晰、代码复用性高、模块耦合度低的特点，目前已被广泛使用，本文对本系统中SSH框架和富客户端框架的具体使用就不再赘述，主要从富客户端的使用和整合过程中需要注意的几个方面进行介绍。
3.1 使用DWZ框架。使用DWZ这种轻量级的框架非常简单，只需要把框架所需的js文件加入到项目中，项目的主页面可直接使用DWZ框架demo中的index.hmtl来进行修改。在该页面中加载了所有元素，在后续的工作区页面中只需页面碎片就可以了，之后和服务器的交互也只是数据间交互，不会因加载界面元素占用网络流量。页面使用如下的代码片断实现初始化：
$（function（）{
DWZ.init（"dwz.frag.xml"， {
……
}）；
}）；
值得注意的是，dwz.frag.xml是DWZ框架的核心文件，需要加载才可以正常使用，确保路径正确。
3.2 DWZ与zTree的整合。zTree和DWZ本来没有什么直接的冲突，使用zTree时先在项目中加入所需的js和css后就可以初始化。若在整合中出现冲突则需要修改DWZ框架中的dwz.ui.js和DWZ框架中对tree组件的相关样式定义即可。
3.3 使用jqGrid。jqGrid和zTree一样，只需在项目中加入所需的js和css资源就可以使用了。在本系统中需要注意的有以下几个方面：
（1）由于jqGrid是ajax真分页的插件，所以每次调用都要分页，每个action都要写相同的分页代码，页面查询也有很多相同的代码，对于这部分重复代码，最好写个公共的DAO，让项目中其它的DAO都去继承这个类。
（2）在jqGrid的colMode参数中有name和index两个参数，前一个是表格列的名字，后一个是排序时的名字。事实上，这两个参数的作用的地方是不一样的，作用也完全不同。name是jqGrid中列的名称，作用向后台提交修改时用作参数的名称。index是jqGrid中列排序时用的排序字段名，当点表头排序时，这个值会保存在传给后台的sidx参数里，在进行group分组操作时也会用作分组的名称。
（3）有时我们要处理的表格的列很多，最好的处理是将重要的列冻结起来，拉动水平滚动条时只滚动没有冻结的列。在要冻结的列的colModel属性中加一个属性，frozen：true，要调用一个内置策略：$（"#list"）论文导读：是以jQuery为基础，在使用时要注意不同jQuery版本可能存在的冲突，另外框架和插件间的css样式也可能产生干扰，这些都需要在框架整合过程中根据实际情况不断调整来解决。随着科研管理系统复杂程度越来越高，在设计时需要层次清晰；为了使系统具有很好的用户体验，需要将服务器与客户端之间的数据交互降到最低，富客户端技术的使用将
.jqGrid（'setFrozenColumns'），options中的sortable属性要设为false。另外，被冻结的列必须是连续的，否则只会冻结前面的列。
4 结束语
本系统中用到的富客户端框架和插件都是以jQuery为基础，在使用时要注意不同jQuery版本可能存在的冲突，另外框架和插件间的css样式也可能产生干扰，这些都需要在框架整合过程中根据实际情况不断调整来解决。随着科研管理系统复杂程度越来越高，在设计时需要层次清晰；为了使系统具有很好的用户体验，需要将服务器与客户端之间的数据交互降到最低，富客户端技术的使用将在信息系统的开发与设计中显得越来越重要。
参考文献：
[1]陈必峰.基于AJAX的富客户端技术及应用[J].计算机科学，2011（10）.
[2][美]查弗等.李松峰，卢玉平（译）.jQuery基础教程（第2版）[M].人民邮电出版社，2009（11）.
[3]虞洪.基于SSH框架的高校科研管理系统的设计与实现[J].淮阴工学院学报，2011（02）.
作者简介：陈玉平（197

4.04-），男，湖北人，教师，讲师，硕士，研究方向：计算机软件。

作者单位：湖北三峡职业技术学院，湖北宜昌 443000