Upload
more
View
157
Download
1
Embed Size (px)
DESCRIPTION
基于 Ajax 的资源填报系统 设计与实现. 基于 Ajax 的资源填报系统设计与实现. 项目 需求 You may want to allocate one slide per competitor 项目要求 Your strengths relative to competitors 项目 Your weaknesses relative to competitor. 基于 Ajax 的资源填报系统设计与实现. 一 . 现有 系统分析. 二 . 新 系统的设计. 三 . 新系统所采用的相关技术. 4. 总 结. - PowerPoint PPT Presentation
Citation preview
本科生:王 锐学 号:
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