基于ExtJS科研项目申报及评审系统设计与实现.docVIP

基于ExtJS科研项目申报及评审系统设计与实现 　　摘 要 针对某高职院校要求开发具有良好用户体验和可维护性的网上科研项目申报及评审系统的需要，阐述了基于ExtJS+Servlet+MyBatis的网上科研项目申报及评审系统的设计与实现。详述系统所使用的关键技术。分析了系统所采用的架构并给出了核心功能的实现。应用实践表明，ExtJS框架可以作为开发具有良好用户体验的Web应用的另一选择。 　　【关键词】ExtJS 项目申报与评审 AJAX B/S架构 　　随着网络技术的普及以及管理模式的变革，高职院校的科研项目申报及评审工作，大多由传统的手工处理方式提升为由计算机软件系统辅助管理。而且，高职院校在选购管理软件时，也倾向于由原来行业内统一，标准化的软件系统，向个性化订制服务软件系统的转变。 　　Web应用中基于B/S（浏览器/服务器）多层体系架构以其客户端和服务器端分离的优点而受到广泛的关注。然而，传统的B/S架构没有采用良好的软件设计模式和开发框架，开发的JSP、ASPX页面中通常既包含表示层的数据又嵌入了业务逻辑的程序代码，存在系统维护难度高、页面交互性和表现能力差的不足。本文针对某高职院校对网上科研项目申报及评审系统的实际需求，采用ExtJS框架，综合运用Ajax技术、Servlet技术和MyBatis持久化框架，设计并实现网上科研项目申报及评审系统。 　　1 采用关键技术 　　1.1 Ajax技术 　　Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种创建交互式网页应用的网页开发技术，Ajax技术的核心是XMLHttpRequest对象。使用XMLHttpRequest对象，客户端应用程序向服务器发送请求，并处理服务器的响应，在处理过程中，可以避免阻塞客户端用户操作，Web页面也不需要频繁重新加载，就能产生局部刷新的效果，从而使用户具有良好操作体验。 　　1.2 ExtJS框架 　　ExtJS是一个用JavaScript编写的，与后台开发技术无关的前端Ajax框架，可以直接应用到Java、.Net、Php开发语言中，前后台之间通过JSON/XML实现数据传递。 　　ExtJS技术主要用于构建UI（User Interface，用户界面），也可用来开发RIA（Rich Internet Application，富客户端）应用程序。ExtJS拥有丰富的表单控件，它整合CSS，XML等多项技术，从实现的界面效果到数据解析及异常处理都非常出色，并且能够兼容不同的浏览器。ExtJS不需要在客户端安装任何插件，使用ExtJS构建的RIA应用可与桌面程序媲美，它正逐步成为开发拥有良好用户体验的Web应用的新选择。 　　1.3 JSON技术 　　JSON（JavaScript Object Notation，JS对象标记）是一种轻量级的数据交换格式。它采用完全独立于语言的文本格式，易于人阅读和编写，也易于机器解析和生成。JSON语法极其简单，对于那些轻量级的AJAX应用，相对与XML数据而言，JSON得到了更广泛的使用，成为理想的数据交换格式。 　　1.4 MyBatis框架 　　MyBatis是J2EE应用开发中的一个持久化框架，它通过配置的XML文件或注解实现对象与存储过程，SQL语句的关联，并可实现动态生成SQL语句。MyBatis与JDBC相比，简化了相关代码的实现，让程序将主要精力放在SQL语句上，通过其提供的映射方式，自由灵活生产（或半自动化）满足需要的SQL语句，修改也比较容易。 　　2 系统设计 　　2.1 架构设计 　　系统架构采用MVC模型设计，该模型由表现层、控制层和模型层构成，每一层采用不同的技术实现，层与层之间使用不同技术进行数据交互。系统架构由ExtJS+Servlet+JSON+MyBatis技术构成，如图1所示。 　　架构详细描述：表示层使用ExtJS实现用户界面及用户请求。服务层使用Servlet实现用户请求及响应。实现层使用Java技术实现系统业务的处理。数据访问层使用MyBatis实现数据持久化。数据库使用MySql5.5实现业务数据的存储。 　　处理主流程：用户从浏览器发出的请求（异步请求）至服务层；服务层根据请求调用实现层业务处理模块进行业务处理；业务处理完成后，一方面通过数据访问层接口与数据库管理系统对数据进行持久化处理；另一方面，实现层将用户请求结果回传给服务层，并经由服务层规范化后，返回给浏览器并呈现给用户。 　　2.2 功能设计 　　科研项目申报及评审系统由系统管理、申报子系统和评审子系统三个部分组成，功能结构如图2所示。 　　（1）系统管理，实现用户―角色―权限的安全管理策略，