1 / 18

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

基于 Ajax 的资源填报系统 设计与实现. 基于 Ajax 的资源填报系统设计与实现. 项目 需求 You may want to allocate one slide per competitor 项目要求 Your strengths relative to competitors 项目 Your weaknesses relative to competitor. 基于 Ajax 的资源填报系统设计与实现. 一 . 现有 系统分析. 二 . 新 系统的设计. 三 . 新系统所采用的相关技术. 4. 总 结.

more
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 基于Ajax的资源填报系统 设计与实现 本科生：王 锐 学 号：34060229

  2. 基于Ajax的资源填报系统设计与实现 • 项目需求 You may want to allocate one slide per competitor • 项目要求 Your strengths relative to competitors • 项目 Your weaknesses relative to competitor 北京航空航天大学计算机学院

  3. 基于Ajax的资源填报系统设计与实现 一. 现有系统分析 二. 新系统的设计 三.新系统所采用的相关技术 4. 总 结 北京航空航天大学计算机学院

  4. 基于Ajax的资源填报系统设计与实现 一.现有系统分析 • 现有系统采用技术 • 现有系统存在问题 北京航空航天大学计算机学院

  5. 基于Ajax的资源填报系统设计与实现 现有系统分析（续1） • 采用技术： 现有系统采用JSP技术，通过Servlet实现系统功能 • 存在问题： 没有很好的考虑用户的友好性以及数据填报的效率，尤其是在数据填报过程中遇到的数据类型的校验问题，使服务器端和客户端的交互产生了大量的冗余，服务器端负荷增大 北京航空航天大学计算机学院

  6. 基于Ajax的资源填报系统设计与实现 二.新系统的设计 新系统将采用Ajax技术，但并不是简单的在原有系统中加入具有Ajax技术的模块，而是从系统的结构入手，通过对原有系统的技术及存在问题的分析后，决定采用基于Ajax技术的开发框架GWT作为新系统的底层框架，并采用Ext类库作为用户界面的展示，并以RPC远程程序调以及JSON作为异步数据通讯来实现整个新系统。结构如下图所示： 北京航空航天大学计算机学院

  7. 基于Ajax的资源填报系统设计与实现 资源填报系统结构 EXT作为用户界面展示 RPC、JSON作为异步 数据通讯 基于Ajax技术的系统框架GWT 北京航空航天大学计算机学院

  8. 基于Ajax的资源填报系统设计与实现 GWT(Google Web Toolkit) • 动态性及可重用的UI组件 • 简单的RPC远程程序调用 • 更加方便的调试 • 浏览器兼容性 • 可扩展性 北京航空航天大学计算机学院

  9. 基于Ajax的资源填报系统设计与实现 • 动态性及可重用的UI组件 GWT提供的组件库使用户可以很容易的开发出漂亮的UI界面, 每个组件对应于GWT的一个类。例如EXT。 • 简单的RPC远程程序调用 使用GWT，可以方便的实现客户端和服务器端的通信，特别是使得异步通信变的非常简单。 北京航空航天大学计算机学院

  10. 基于Ajax的资源填报系统设计与实现 • 更加方便的调试 由于在开发阶段不需要生成HTML界面，用户开发的Java代码实际上是在JVM上运行的，这样用户就可以用传统的调试Java代码的方法对程序进行调试，从而加快了调试的速度，减少了软件开发的时间。 北京航空航天大学计算机学院

  11. 基于Ajax的资源填报系统设计与实现 • 浏览器兼容性 在大多数情况下，用GWT开发出来的程序会支持IE、Firefox、Mozilla、Safari和Opera，用户在开发的时候不必担心浏览器的兼容性问题。而浏览器的兼容性问题也是直接用JavaScript进行Ajax应用开发所面临的一个棘手问题。 • 可扩展性 如果觉得GWT提供的API不能满足需求，还可以利用JSNI将JavaScript语句直接嵌入至Java代码中。 北京航空航天大学计算机学院

  12. 基于Ajax的资源填报系统设计与实现 RPC(Remote Procedure Calls) • 现有系统采用技术 • 现有系统存在问题 北京航空航天大学计算机学院

  13. 基于Ajax的资源填报系统设计与实现 资源填报系统 用户登陆 进程管理 数据采集 数据管理 用户管理 文件管理 新闻发布 新闻预览 新闻下载 Text 5 用户查询 用户操作 数据查询 数据操作 进程发布 Text 9 进程浏览 资源信息填报 北京航空航天大学计算机学院

  14. 基于Ajax的资源填报系统设计与实现 Text 1 Text 4 Text 5 Text 2 Text 3 YOUR COMPANY NAME or YOUR SITE ADDRESS

  15. Index on Projects Text 1 Text 2 Text 3 Text 4 Text 5 A B C D E F G H YOUR COMPANY NAME or YOUR SITE ADDRESS

  16. Time Schedule 1 3 4 2 • Text 1 (Day, Month, Year) • Text 2 (Day, Month, Year) • Text 3 (Day, Month, Year) • Text 4 (Day, Month, Year) YOUR COMPANY NAME or YOUR SITE ADDRESS

  17. Click to edit Title style 1 2 3 4 Type A Type B TeypD Type C YOUR COMPANY NAME or YOUR SITE ADDRESS

  18. Click to edit Title style Text 4 D Text 3 C Text 2 B A Text 1 YOUR COMPANY NAME or YOUR SITE ADDRESS

More Related