Transcript
Page 1: 基于 Ajax 的资源填报系统 设计与实现

本科生:王 锐学 号:

34060229

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

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

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

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

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

competitor

项目要求 Your strengths relative to competitors

项目 Your weaknesses relative to competitor

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

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

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

一 . 现有系统分析

二 . 新系统的设计

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

4. 总 结

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

LOGO

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

现有系统采用技术

现有系统存在问题

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

一 . 现有系统分析

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

LOGO

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

采用技术:现有系统采用 JSP 技术,通过 Servlet 实现系

统功能 存在问题:

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

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

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

现有系统分析(续 1 )

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

LOGO

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

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

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

二 . 新系统的设计

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

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

LOGO

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

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

资源填报系统结构

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

RPC 、 JSON 作为异步数据通讯

RPC 、 JSON 作为异步数据通讯

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

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

LOGO

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

GWT(Google Web Toolkit)

动态性及可重用的 UI 组件

简单的 RPC 远程程序调用

更加方便的调试

浏览器兼容性

可扩展性

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

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

LOGO

动态性及可重用的 UI 组件

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

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

简单的 RPC 远程程序调用

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

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

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

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

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

LOGO

更加方便的调试

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

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

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

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

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

LOGO

浏览器兼容性

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

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

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

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

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

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

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

LOGO

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

现有系统采用技术

现有系统存在问题

RPC(Remote Procedure Calls)

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

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

LOGO

Text 5 Text 9

资源填报系统

文件管理

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

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

数据操作

新闻下载

用户查询

用户操作

数据查询

资源信息填报

进程发布

进程浏览

新闻预览

新闻发布

用户登陆

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

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

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

Text 1 Text 4

Text 2 Text 3

Text 5

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

Page 15: 基于 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

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

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

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

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

1 2 3 4

Type A Type B Type C Teyp D

Click to edit Title style

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

LOGOYOUR COMPANY NAME or YOUR SITE ADDRESS

Text 4

Text 1

Text 2

Text 3

D

C

B

A

Click to edit Title style