基于BS架构下Ajax的应用-毕业论文

本科毕业论文本科毕业论文 (科研训练、毕业设计) 题题 目：基于目：基于 B/S 架构下架构下 Ajax 的应用的应用 姓 名： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 学 号： 指导教师： 职称： 年 月 日 摘要 I 摘摘 要要 教学与科研辅助系统是一个面向广大师生的开放型系统，搭建一个基于互联网的教学与 科研资源共享平台，便于大学教师的教学科研管理以及师生间资源共享。本系统从大学教师 的日常业务出发，充分提高教育与科研的网络化、电子化水平，从而能够大大提高教育与科 研的效率。该系统设计为三层架构，即表示层、业务逻辑层和数据访问层，这样也符合 B/S 所谓的三层结构。三层架构适合群体开发，每人可以有不同的分工，协同工作使效率倍增。 教学与科研管理子系统是教学与科研辅助系统一个重要组成部分，它方便老师管理学生 考勤情况和项目进度，大大减轻了教师的日常工作。该部分通过 Ajax 技术来实现动态页面 的无刷新，而且 Ajax 技术在基于 B/S 架构的软件的应用，使得用户可以在浏览器中像在桌 面软件上一样轻松、方便地操作。 论文先是具体分析教学与科研管理子系统，然后再详细的介绍了该系统用到的关键技术 及其具体应用和前景。这样以教学与科研管理子系统为例子可以让读者更深刻的了解 Ajax 技术在 B/S 架构下的灵活运用。 关键词：关键词：B/S Ajax 三层架构 Abstract II Abstract Teaching and research supporting system opens to a vast number of teachers and students, which is built in an Internet-based platform for the sharing of resources, teaching management, and researching management. The system fully improves the network level of education and research, and thus enhances the efficiency of education and scientific research. The system is designed to three-tier structure: JSP page, Business Logic Layer, and Data Access Layer, just like the three-tier in the B / S structure. Three-tier structure is useful for groups to develop the software. It is good at the division of labor, and thus greatly improves the working efficiency. Teaching and research management subsystem is an important part of teaching and research supporting system. It help teachers manage the attendance of students and project progress, and thus reduce the teachers day-to-day work. This part achieves dynamic pages without refresh, through the Ajax technology. And the application of Ajax Technology enables users to operate the software in the browser as easily as on the desktop software. The dissertation firstly analyzes the teaching and scientific research management sub-system, and then described the key technologies of the sub-system, the specific application of key technologies, and prospects of key technologies. Readers could deeply understand that the flexible use of Ajax technology under the B/S structure, through the example of teaching and scientific research management sub-system. Keywords：B/S Ajax Three-tier structure 目录 III 目目 录录 第一章第一章 绪论绪论1 1.1 引言1 1.2 研究现状与意义2 1.3 论文的组织结构3 第二章第二章 项目分析项目分析4 2.1 任务与目标4 2.1.1 任务4 2.1.2 目标4 2.2 开发工具及其环境5 2.2.1 开发工具介绍5 2.2.2 开发语言5 2.2.3 J2EE 平台5 2.2.4 其他开发环境6 2.3 系统总体分析7 2.3.1 数据需求7 2.3.2 功能需求7 2.3.3 数据流图9 2.3.4 可行性分析10 2.4 本章小结10 第三章第三章 设计与实现设计与实现11 3.1 系统总体架构设计 11 3.1.1 功能模块设计11 3.1.2 系统架构设计11 3.2 教学与科研管理子系统12 3.2.1 数据库设计和说明14 3.2.2 学生考勤管理模块15 3.2.3 项目进度及反馈模块17 3.2.4 课程和项目创建模块19 3.2.5 项目成果共享模块22 3.2.6 模块的整合23 3.3 本章小节25 第四章第四章 关键技术关键技术26 4.1 B/S 架构26 4.1.1 B/S、C/S 架构的比较26 4.1.2 B/S 架构软件的优势和劣势27 4.1.3 B/S 架构的应用和前景29 4.2 Ajax 技术30 4.2.1 Ajax 的定义30 目录 IV 4.2.2 Ajax 的工作原理30 4.2.3 与传统的 Web 应用比较32 4.2.4 Ajax 的应用与前景34 4.2.5 Ajax 的相关知识35 4.3 本章小节36 第五章第五章 总结与展望总结与展望37 5.1 总结37 5.2 展望38 致致 谢谢39 参考文献参考文献40 Contents V ContentsContents Chapter 1 Introduction 1 1.1 Introduction1 1.2 Research Status and Significance2 1.3 The organization of thesis3 Chapter 2 Project Analysis 4 2.1 Assignment and Aim4 2.1.1 Assignment4 2.1.2 Aim 4 2.2 Tools and Environment5 2.2.1 Introduction of Tools5 2.2.2 Language5 2.2.3 The platform of J2EE5 2.2.4 Other Environment 6 2.3 System Analyse7 2.3.1 Data Requirements7 2.3.2 Functional Requirements7 2.3.3 DFD9 2.3.4 Feasibility Analyse10 2.4 Section Conclusion10 Chapter 3 Design and Implementation 11 3.1 System Architecture Design 11 3.1.1 Design of Function Module11 3.1.2 Structure Design11 3.2 Teaching and Scientific Research Management System12 3.2.1 The Design and Guide of Database14 3.2.2 The Module of Students Attendance Management15 3.2.3 The Module of Project Progress and Feedback17 3.2.4 The Module of creating Courses and Projects 19 3.2.5 The Sharing Module of Project Results22 3.2.6 The Integration of Modules23 3.3 Section Conclusion25 Chapter 4 Key Technology 26 4.1 The Structure of B/S26 4.1.1 B/S vs C/S26 4.1.2 The Advantage and Disadvantage of B/S 27 4.1.3 The Application and Prospects of B/S29 4.2 Ajax technology 30 4.2.1 The Definition of Ajax 30 Contents VI 4.2.2 The Principles of Ajax30 4.2.3 Comparison With The Traditional Web Application32 4.2.4 Ajax Application and Prospect34 4.2.5 The knowledge about Ajax35 4.3 Section Conclusion36 Chapter 5 Conclusions and Prospect37 5.1 Conclusions37 5.2 Prospect38 Acknowledgements39 References 40 第一章 绪论 1 第一章第一章 绪论绪论 1.11.1 引言引言 教与学从来都是不可分割的整体。随着我国经济、社会的不断发展，高等教育大众化和 国际化的特征越来越明显，高等学校正面临着越来越大的社会及高校之间的竞争压力，同时 由于近些年来高校扩招的推行，教师的教学压力也随之增大，教师与学生之间的交流互动也 成为了人们日益关注的焦点。保证教师与学生之间的联系是保证教学质量的重要环节。如何 帮助教师在有限的精力下能够更好的和学生进行交流已经成为一个教学过程中的重要问题。 教师教学辅助系统是一个搭建在教师个人电脑上的系统。它作为连接教师与学生的桥梁， 帮助教师与学生之间保持联系，交互信息，在提高教师教学质量的同时又减轻了教师的压力， 让教师能够更有效率，更加快速的完成与学生的交流。 目前流行的类似教学系统还有很多不足。例如：教师需要将资源上传到服务器上，教师 无法自由控制系统，只能在搭建好的框架下进行发布，缺乏灵活性；一般系统都是完全公开 的，有一些内部交流的资源不适合发布到系统上；而且目前主流的类似系统也只提供资源浏 览、下载功能具有一定的局限性；教师和学生之间缺少交流互动的平台，起到的教学辅助作 用不大等一系列问题。 面对这些问题，我们希望改良现状而制作一种新的系统，使得教学辅助系统能够真正的 达到提高教学质量、教学效率的作用。我们在进行系统设计时从实际应用角度出发，扩展系 统功能，以提高系统质量。整个系统整合了教学资源发布平台，教学管理平台，教学交流平 台，校友平台。使得系统的功能更加丰富，更好的帮助教师和学生之间实现交流、互动。我 们系统的优点如下： （1） 、提高了系统资源的利用效率，方便了教师对于资源的管理； （2） 、有利于师生的相互交流，达到共同学习、共同提高的目的； （3） 、帮助教师更好的管理学生，更便捷的了解学生学习、研究状况； （4） 、加强了教师与学生，学生与学生间的交流，提高学习效率。 由于该系统是面向广大师生用户所以我们可以将该系统设计为基于 B/S 架构下。而 Ajax 在该系统上的灵活运用使其有别与其他教学与科研辅助系统，实现了其他系统所不具有的特 色功能，这也是该系统的亮点之一。读者不仅可以从本文中了解到教学与科研辅助系统的具 体功能及其实现方法，还可以通过该系统对 Ajax 的具体应用有个初步的认识。 基于 B/S 架构下 Ajax 的应用 2 1.21.2 研究现状研究现状与意义与意义 1.1.现状现状 目前，国内外大型企业管理软件要么已经是 B/S 架构的，要么正在经历从 C/S 到 B/S 的 转变。因此，B/S 架构软件将被越来越多的企业所采用，从而最终代替 C/S 架构软件。 2005 年 2 月，Jesse James Garrett 发表了一篇 Ajax: A New Approach to Web Applications的文章，在该篇文章中 Ajax 概念第一次被提出来之后，关于 Ajax 技术的研 究铺天盖地蔓延开来。尽管目前该技术还不是很完善，但是它已被大多数开发者认为是目前 开发 B/S 系统客户端的最好的解决方案之一，并且已经涌现出大量基于 Ajax 的应用系统。 Ajax 是 Web 标准和 Web 应用的可用性理论的集大成者1。它极大地改善了 Web 应用 的可用性和用户的交互体验，最终得到了用户和市场的广泛任何。目前 Ajax 已经成为了 Web 应用的主流开发技术，大量的业界巨头已经采纳并且在大力推动这个技术的发展。最 近的动态包括： （1） 、IBM、Oracle、Yahoo!、BEA、RedHat、Novell 等业界领先的公司相继启动了 Open Ajax 项目。致力于为 Ajax 开发建造先进强大的开发工具。IBM 在 2 月底已经发布了 Open Ajax 项目的 Ajax Toolkit Framework（ATF）1.0，是一个基于 Eclipse IDE 的 Ajax 开 发工具。 （2） 、 微软开发了自己的 Ajax 框架 Altas，不过主要是和服务器端他们自己的 ASP.Net 框架配合工作。 （3） 、 Sun 虽然行动迟缓，但是也将 Ajax 技术列入了 J2EE 的 blueprint（蓝图）中， 作为 J2EE 技术的有益的补充。 除了上述这些公司之外，Google 公司不可不提，因为正是他们率先采用 Ajax 技术建造 出了一大堆非常出色的应用，才将 Ajax 技术引到了聚光灯下。现在国内诸多软件厂商也正 在积极投入开发基于 Ajax 的应用系统。 SOA（service-oriented architecture，也叫面向服务的体系结构或面向服务架构）是指 为了解决基于 Web 下的业务集成的需要，通过连接能完成特定任务的独立功能实体实现的 一种软件系统架构2。未来的 Web services 和面向服务的架构(SOA)可能就在于 Ajax。Ajax 是接受和部署 SOA 的催化剂，Ajax 使业务端用户能亲身体验到 SOA 的好处进 而能体现 SOA 策略的价值。那么，当今天的 Ajax 走向 Web services 和 SOA 的时候，它 处于什么位置呢？尽管 Ajax 已经展露出其强大的功能，但一般认为它还是处于早期被接受 阶段，其功能与应用还没被充分的挖掘。但我们坚信在 Web2.0 的今天，Ajax 势必将会引起 第一章 绪论 3 一个新的潮流。 2.2.意义意义 互联网的快速发展和企业自身分布式处理的需求使得 Web 应用越来越广泛。前几年在 软件开发中出现的一个重要革命，就是由 C/S 架构到 B/S 架构的转变3。Ajax 使得 Web 应 用的优势充分发挥出来，从而使这场革命最终将有可能完成。Ajax 技术在基于 B/S 架构的 软件的应用，使得用户可以在浏览器中像在桌面软件上一样轻松、方便地操作，用户只需打 开浏览器就可以使用像操作系统下的应用软件，例如 Word、Excel、PowerPoint 之类 Office 工具。因此有人预测说，随着 Ajax 技术的广泛应用未来将有可能抛弃传统电脑中主 机这个概念，所有的服务都是搭建在服务器上，从而用户只需通过浏览器就可以满足他所有 的需求。虽然这是个漫长和不可预知的过程，但不可否认的是 Ajax 已经让我们充分体验到 基于 Web 软件的优势。 Ajax 将控制器和视图都移动到了客户端，而服务器端暴露无状态服务。Ajax 其实意味着 桌面 SOA 时代的开端。我们可以想象一下，如果在未来大部分 Web 服务器都提供这种无 状态的服务，那么整个 Internet 就变成了一个采用统一标准，只提供计算处理服务的超级服 务器。将来的服务采用统一标准，可以像用电一样按需付费取用。到那时候，什么语义互联 网等真正颠覆性的变革就能真正成为现实3。因为这种大范围内的整体性变革，没有任何一 种力量能强制性推动，甚至世界上几大计算机巨头联手也不行。所以，大家都只能在这个大 海洋里制造或寻找机会浪花，看到某个浪花被激起来了，大家就一起推波助澜，努力让这个 小浪花成为可以翻江倒海的力量。 1.31.3 论文的组织结构论文的组织结构 第一章 先是介绍基于 Web 教学与教研辅助系统的项目背景。然后分析国内外 B/S 架 构下 Ajax 的发展状况，并阐述研究的实际意义和市场价值。 第二章 类似于项目的需求分析，对教学与教研科研辅助系统的任务与目标、开发工具、 系统总体设计及系统的可行性进行详细分析。 第三章 详细介绍教学与科研管理子系统的数据库设计和各功能模块设计及其具体实现 方法，使读者通过该系统对 B/S、Ajax 的应用有个初步认识。 第四章 系统分析教学与教研管理子系统所用到的一些关键技术，并具体描述了这些关 键技术及其应用前景，让读者对这些技术有更深刻的理解。 第五章 总结与展望。总结全文和项目实现的功能等，并指出项目的不足之处，对项目 基于 B/S 架构下 Ajax 的应用 4 提出后期的修改方案。 第二章 项目分析 5 第第二章章 项目分析项目分析 2.12.1 任务与目标任务与目标 .1 任务任务 教学与科研辅助系统是为了配合教育部下发的关于高等学校教学质量与教学改革的建设 工作。通过对多个老师的调查，我们初步认识到该系统所应该具有的功能，并按功能将系统 划分为四个部分： （1） 、教学与科研资源共享：如教学课件、教学视频以及科研资源的上传下载。为老师 发布教学案例、教学视频等提供空间支持和技术服务，学生还可以方便的浏览或下载所需资 源； （2） 、教学与科研管理：如项目进度汇报，学生考勤管理，项目成果反馈等。为老师实 现课上点名和对项目做出下一步要求功能，学生可以从中查询到考勤信息和项目要求并汇报 自己的项目进度； （3） 、在线答疑系统。师生可以在这个平台上互相交流，达到共同提高的目的，还可以 使教师集思广益，有助于建设出更优秀更有质量的精品课程； （4） 、校友管理。便于老师与校友及校友之间的联系和沟通，实现校友信息管理的网络 化、智能化。 .2 目标目标 教学与科研辅助系统的设计目标是制作一个面向广大教师和大学生的开放型教学与科研 辅助系统，创建一个基于互联网的教学与科研资源共享平台，便于大学教师的教学科研管理 以及师生间资源共享和相互交流。本系统从大学教师的日常业务出发，充分提高教育与科研 的网络化、电子化水平，方便大学教师的日常工作，进而能够大大提高教育与科研的效率。 这种集合众多功能于一体的系统能大大减轻老师在教学过程中的负担。因此希望在未来的某 一天，绝大多数老师都能用上这个系统。 基于 B/S 架构下 Ajax 的应用 6 2.22.2 开发工具及其环境开发工具及其环境 .1 开发工具介绍开发工具介绍 （1） 、集成开发环境：MyEclipse，MyEclipse 企业级工作平台（MyEclipse Enterprise Workbench）是对 Eclipse IDE 的扩展，利用它我们可以在数据库和 J2EE 的开发、发布， 以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的 J2EE 集成开发环境， 包括了完备的编码、调试、测试和发布功能，完整支持 HTML, Struts, JSF, CSS, JavaScript, SQL, Hibernate。 （2） 、数据库：MySQL，MySQL 支持标准的 SQL 语句，支持多种平台，在 Unix 系统 上该软件支持多线程运行方式，从而能获得相当好的性能，对于 Windows 用户，它可以在 Windows 所有系统上以系统服务方式运行4。 （3） 、制作页面的软件：使用 Dreamweaver 制作页面模板和美化页面，使用 FLASH 制作动画效果，使用 EXT 使网页有动态效果。 .2 开发语言开发语言 开发语言为 Java，Java 是一种简单的，面向对