1 / 27

本科毕业设计答辩

本科毕业设计答辩. 基于 Ajax 的资源填报系统 设计与实现. 本 科 生：王 锐 学 号： 34060229 指导教师：刘 瑞. 大纲. 一 . 项目来源及任务. 二 . 现有系统分析. 三 . 系统的设计与实现. 四 . 总 结. 资源填报系统全称为“国家科技基础条件平台资源调查信息管理系统”，是“国家科技基础条件平台”的子系统。建设的目的是初步形成国家科技基础条件资源管理信息和决策支持系统，为国家科技基础条件平台建设、国家科技计划和重大科技专项的实施，乃至科技条件建设投入提供决策参考。

zlata
Download Presentation

本科毕业设计答辩

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的资源填报系统设计与实现

  3. 资源填报系统全称为“国家科技基础条件平台资源调查信息管理系统”，是“国家科技基础条件平台”的子系统。建设的目的是初步形成国家科技基础条件资源管理信息和决策支持系统，为国家科技基础条件平台建设、国家科技计划和重大科技专项的实施，乃至科技条件建设投入提供决策参考。资源填报系统全称为“国家科技基础条件平台资源调查信息管理系统”，是“国家科技基础条件平台”的子系统。建设的目的是初步形成国家科技基础条件资源管理信息和决策支持系统，为国家科技基础条件平台建设、国家科技计划和重大科技专项的实施，乃至科技条件建设投入提供决策参考。 毕设任务是运用Ajax技术实现资源填报系统，完成中心管理员和法人单位两级用户的系统功能。 项目来源与毕设任务 基于Ajax的资源填报系统设计与实现

  4. 现有系统分析 • 现有系统采用技术 • 现有系统存在问题 基于Ajax的资源填报系统设计与实现

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

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

  7. 系统的设计－系统结构 EXT作为用户界面展示 RPC、JSON作为异步 数据通讯 基于Ajax技术的系统框架GWT 基于Ajax的资源填报系统设计与实现

  8. 系统的设计－Ajax技术 • Ajax技术最大的特点就是异步交互性。举一个简单的例子进行对比，以3406大班网站和Gmail为例： 基于Ajax的资源填报系统设计与实现

  9. 系统的设计－GWT框架 GWT(Google Web Toolkit) • 动态性及可重用的UI组件 • 简单的RPC远程程序调用 • 更加方便的调试 • 浏览器兼容性 • 可扩展性 基于Ajax的资源填报系统设计与实现

  10. 系统的设计－RPC RPC(Remote Procedure Calls) • 系统中绝大部分与服务器间进行的通讯方式都是采用RPC远程程序调用方式，实现异步传输特性。 基于Ajax的资源填报系统设计与实现

  11. 系统的设计-GWT+EXT • 将GWT框架与EXT类库结合是很好的选择。它将B/S结构和C/S结构程序各自的特点充分的结合。在浏览器上充分展现桌面系统的特点。 基于Ajax的资源填报系统设计与实现

  12. 系统的设计－需求分析 资源填报系统 用户登陆 进程管理 数据采集 数据管理 用户管理 文件管理 新闻发布 新闻预览 新闻下载 Text 5 用户查询 用户操作 数据查询 数据操作 进程发布 Text 9 进程浏览 资源信息填报 基于Ajax的资源填报系统设计与实现

  13. 系统的设计－需求分析（续1） • 资源填报系统用户分析 法人单位 中心管理员 进度发布 数据管理 进度发布 数据管理 用户管理 新闻管理 用户管理 基于Ajax的资源填报系统设计与实现

  14. 系统的设计－数据库设计 • E-R图 基于Ajax的资源填报系统设计与实现

  15. 以植物种质资源信息表单为例 新系统的设计－数据库表单设计 Not Null Primary Flags Datatype ColumnName Id BINARY Integer YES NO Varchar(10) NO BINARY ZHONG_NAME NAME_FORN Varchar(20) NO BINARY NAME_CHN Varchar(20) NO BINARY SAVE_ID BINARY Varchar(10) NO NAME_BELONG BINARY Varchar(20) NO ID_LOCATION BINARY NO Varchar(10) ORIGINAL BINARY Varchar(20) NO 基于Ajax的资源填报系统设计与实现 YOUR COMPANY NAME or YOUR SITE ADDRESS

  16. 系统实现 • 系统实现了用户登陆、新闻发布、新闻浏览、资源信息填报、资源信息浏览和管理、进度浏览、用户管理八项功能。 基于Ajax的资源填报系统设计与实现

  17. 系统实现－展示系统主界面 基于Ajax的资源填报系统设计与实现

  18. 系统实现－展示系统登陆 基于Ajax的资源填报系统设计与实现

  19. 系统实现－展示新闻发布 基于Ajax的资源填报系统设计与实现

  20. 系统实现－展示新闻浏览 基于Ajax的资源填报系统设计与实现

  21. 系统实现－展示资源信息填报 提示必填选项 提示数据长度 提示合法的URL地址 提示合法的Email地址 提示数据类型 基于Ajax的资源填报系统设计与实现

  22. 系统实现－展示数据浏览 基于Ajax的资源填报系统设计与实现

  23. 系统实现－展示用户管理 基于Ajax的资源填报系统设计与实现

  24. 系统实现－展示进度浏览 基于Ajax的资源填报系统设计与实现

  25. 系统实现－展示其他功能 基于Ajax的资源填报系统设计与实现

  26. 总结－存在问题及展望 • “资源填报系统”虽然已经实现，但是还存在着许多问题以及需要进行改进的地方。比如代码的优化和重构、系统的运行，调试和维护、数据库等方面都存在着一些问题，都是需要进一步改进的地方。 • 其次还有引进其他相关技术与底层的GWT框架相结合，如Hibernate技术。它实现关系型数据库和对象之间的映射，可以使数据库方面的更加清晰，使数据库和程序的设计融合在一起，不会再出现现在那样程序和数据库相互混乱的现象。 基于Ajax的资源填报系统设计与实现

  27. 感谢各位老师！

More Related