本科生：王 锐学 号：

34060229

基于 Ajax 的资源填报系统设计与实现

LOGO北京航空航天大学计算机学院

基于 Ajax 的资源填报系统设计与实现

项目需求 You may want to allocate one slide per

competitor

项目要求 Your strengths relative to competitors

项目 Your weaknesses relative to competitor

LOGO北京航空航天大学计算机学院

基于 Ajax 的资源填报系统设计与实现

一 . 现有系统分析

二 . 新系统的设计

三 . 新系统所采用的相关技术

4. 总 结

LOGO

基于 Ajax 的资源填报系统设计与实现

现有系统采用技术

现有系统存在问题

北京航空航天大学计算机学院

一 . 现有系统分析

LOGO

基于 Ajax 的资源填报系统设计与实现

采用技术：现有系统采用 JSP 技术，通过 Servlet 实现系

统功能 存在问题：

没有很好的考虑用户的友好性以及数据填报的效率，

尤其是在数据填报过程中遇到的数据类型的校验问题，使服务器端和客户端的交互产生了大量的冗余，服务器端负荷增大

北京航空航天大学计算机学院

现有系统分析（续 1 ）

LOGO

基于 Ajax 的资源填报系统设计与实现

新系统将采用 Ajax 技术，但并不是简单的在原有系统

中加入具有 Ajax 技术的模块，而是从系统的结构入手，通过对原有系统的技术及存在问题的分析后，决定采用基于Ajax 技术的开发框架 GWT 作为新系统的底层框架，并采用Ext 类库作为用户界面的展示，并以 RPC 远程程序调以及JSON 作为异步数据通讯来实现整个新系统。结构如下图所示：

二 . 新系统的设计

北京航空航天大学计算机学院

LOGO

基于 Ajax 技术的系统框架 GWT基于 Ajax 技术的系统框架 GWT

EXT 作为用户界面展示EXT 作为用户界面展示

资源填报系统结构

基于 Ajax 的资源填报系统设计与实现

RPC 、 JSON 作为异步数据通讯

RPC 、 JSON 作为异步数据通讯

北京航空航天大学计算机学院

LOGO

基于 Ajax 的资源填报系统设计与实现

GWT(Google Web Toolkit)

动态性及可重用的 UI 组件

简单的 RPC 远程程序调用

更加方便的调试

浏览器兼容性

可扩展性

北京航空航天大学计算机学院

LOGO

动态性及可重用的 UI 组件

GWT 提供的组件库使用户可以很容易的开发出漂

亮的 UI 界面 , 每个组件对应于 GWT 的一个类。例如EXT 。

简单的 RPC 远程程序调用

使用 GWT ，可以方便的实现客户端和服务器端

的通信，特别是使得异步通信变的非常简单。

基于 Ajax 的资源填报系统设计与实现

北京航空航天大学计算机学院

LOGO

更加方便的调试

由于在开发阶段不需要生成 HTML 界面，用户开

发的 Java 代码实际上是在 JVM 上运行的，这样用户就可以用传统的调试 Java 代码的方法对程序进行调试，从而加快了调试的速度，减少了软件开发的时间。

基于 Ajax 的资源填报系统设计与实现

北京航空航天大学计算机学院

LOGO

浏览器兼容性

在大多数情况下，用 GWT 开发出来的程序会支持

IE 、 Firefox 、 Mozilla 、 Safari 和 Opera ，用户在开发的时候不必担心浏览器的兼容性问题。而浏览器的兼容性问题也是直接用 JavaScript 进行 Ajax 应用开发所面临的一个棘手问题。

可扩展性如果觉得 GWT 提供的 API 不能满足需求，还可以

利用 JSNI 将 JavaScript 语句直接嵌入至 Java 代码中。

基于 Ajax 的资源填报系统设计与实现

北京航空航天大学计算机学院

LOGO

基于 Ajax 的资源填报系统设计与实现

现有系统采用技术

现有系统存在问题

RPC(Remote Procedure Calls)

北京航空航天大学计算机学院

LOGO

Text 5 Text 9

资源填报系统

文件管理

基于 Ajax 的资源填报系统设计与实现

用户管理 数据管理 数据采集 进程管理

数据操作

新闻下载

用户查询

用户操作

数据查询

资源信息填报

进程发布

进程浏览

新闻预览

新闻发布

用户登陆

北京航空航天大学计算机学院

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

Text 1 Text 4

Text 2 Text 3

Text 5

基于 Ajax 的资源填报系统设计与实现

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

Text 1 Text 2 Text 3 Text 4 Text 5

A

B

C

D

E

F

G

H

Index on Projects

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

• Text 1

• Text 2

• Text 3

(Day, Month, Year)

• Text 4

1 2 3 4

(Day, Month, Year)

(Day, Month, Year)

(Day, Month, Year)

Time Schedule

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

1 2 3 4

Type A Type B Type C Teyp D

Click to edit Title style

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

Text 4

Text 1

Text 2

Text 3

D

C

B

A

Click to edit Title style