基于dwr框架的web应用研究与实现指导教师-魏志强教授答辩人-许建鹏.ppt

基于DWR框架的Web应用研究与实现 指导教师:魏志强 教授 答辩人:许建鹏 2009年6月 选题背景 基于Web的应用系统正逐渐取代传统的基于C/S架构的应用系统，成为企业级信息系统的主流。 传统的Web应用程序已经渐渐无法满足Web浏览用户更高、更全方位、更顺畅的体验要求了。 传统的Ajax技术缺少面向对象的思想，存在代码凌乱难以管理，代码复用率较低等问题。 DWR框架简化了Ajax应用程序的开发 研究目的及其意义 传统的Ajax技术的开发存在代码凌乱难以管理、代码 复用率较低等问题，其复杂的开发过程令很多程序员望而止 步。因此本文以劳动保障信息服务平台项目为基础，通过对 业界比较流行的Ajax框架之一DWR框架的深入研究，将其应 用到基于MVC模式的Struts架构中，达到提高系统开发效率 和增强用户体验的目的。本文的研究对于基于 Ajax框架在Web项目中的应用具有很好的借鉴意义。 * 选题背景及研究意义 主要研究内容及所做工作 总结与展望 致谢 1 2 3 4 论文结构安排 基于DWR框架的Web应用研究与实现 2009-6-7 基于DWR框架的Web应用研究与实现 2009-6-7 基于DWR框架的Web应用研究与实现 2009-6-7 主要研究内容及所做工作 Ajax技术研究 DWR框架研究 多框架融合研究 基于DWR框架的劳动保障信息服务平台的 设计与实现 基于DWR框架的Web应用研究与实现 2009-6-7 Ajax Web应用模型 基于DWR框架的Web应用研究与实现 2009-6-7 DWR框架工作流程 DWR工作流程图 基于DWR框架的Web应用研究与实现 2009-6-7 DWR框架交互过程 DWR交互过程 基于DWR框架的Web应用研究与实现 2009-6-7 基于DWR框架的Web应用研究与实现 2009-6-7 MVC设计模式 模型/视图/控制器（MVC）模式： MVC设计模式由控制器、视图和模型三部分组成 MVC设计模式的关键优势包括：问题隔离和减少冗余代码 Ajax在MVC中的应用 加入Ajax后实现的MVC模式图 基于DWR框架的Web应用研究与实现 2009-6-7 Web应用引入Ajax的设计缺陷 Web应用程序引入Ajax的设计缺陷 视图层的JSP页面要求大量繁琐的JavaScript代码 此设计破坏了角色问题的隔离 设计重新带回了单一纯JSP模式（一堆HTML、CSS代码、图片和脚本代码），这是一种反模式，极难阅读和维护 解决设计缺陷 重复脚本代码写成共同模块，适当使用代码重用的方法 使用开放源码的Ajax框架，例如本系统中使用的DWR框架，它以最少的编码将Ajax模式集成到Web应用程序中 基于DWR框架的Web应用研究与实现 2009-6-7 基于DWR框架的Web应用研究与实现 2009-6-7 DWR与Struts整合 Struts与DWR集成 基于DWR框架的Web应用研究与实现 2009-6-7 劳动保障管理平台的设计目标 劳动保障关系到千家万户，劳动监察、仲裁管理、退休人员管理、 失业人员管理等构筑起劳动保障的一道防护网，劳动保障管理平台的 总体目标是为管理者提供迅速、高效的服务，减免手工处理的繁琐与 误差，本文中我们对系统中的部分信息录入模块和查询模块采用Ajax 技术来提高系统效率，用以改善用户的使用体验，在这个网络平中， 让政府、企业、劳动者三方能够更好地实现良性互动。 平台的响应速度迅速，提高用户体验 平台的界面统一美观，容易操作 平台应有良好的可扩展性和可移植性 基于DWR框架的Web应用研究与实现 2009-6-7 系统的整体设计 系统的组织结构图 基础验证标签设计 在基础录入框验证标签库中设计了手机号码验证、Email格式验证、 金额格式验证、邮政编码格式验证、IP格式验证等一系列基础验证标 签。 文本输入框的基础验证控件TextInputSuper类的设计 文本输入框的基础验证控件子类的设计 基于DWR框架的Web应用研究与实现 2009-6-7 基础验证控件父类设计 TextInputSuper设计类图 基于DWR框架的Web应用研究与实现 2009-6-7 基础验证控件子类设计 基础验证标签类的继承关系 Email格式验证 金额格式验证 电话号码格式验证 …… …… 基于DWR框架的Web应用研究与实现 2009-6-7 基础验证控件在平台中的应用 失业人员登记页面效果图 基于DWR框架的Web应用研究与实现 2009-6-7 基于DWR框架的Web应用研究与实现