1、 J2EE 框架案例说明一 案例简介 1二 技术内容 3三 代码分析 7一 案例简介：该案例以图书管理为案例，代码编写涵盖了系统开发中的常用功能，其中以登陆功能为例,通过对该功能的代码讲解，以清楚整个 Jquery+SSH+JSON+CSS 的集成应用。基本功能：a) 登陆b) 查看图书信息c) 增加图书信息d) 删除图书信息e) 修改图书信息1. 用例图如下：2. 登陆界面 Ajax 异步检验功能图 2.13. 主界面采用 SSH+JSON 可进行相关增、删、改、查常用操作及数据交互二 技术内容 Struts+Spring+Hibernate 框架 Jquery 框架 JSON 数据传输 C
2、SS+DIV 布局1. SSH 框架实现 Spring 框架 Spring 是一个开源框架，专门用于解决复杂的企业应用程序开发，框架的主要优势之一就是其分层架构，分层架构允许定制使用相关的组件服务，为 J2EE 应用程序开发提供集成的框架。Spring 框架的功能可以用在任何 J2EE 服务器中，大多数功能也适用于不受管理的环境，支持不绑定到特定 J2EE 服务的可重用业务和数据访问对象，对象可以在不同 J2EE 环境 （Web 或 EJB） 、独立应用程序、测试环境之间重用。 Struts 框架 Struts 是 Apache 基金会的一个 Open Source 项目，基于 Sun J2E
3、E 平台的 MVC 框架，主要采用 Servlet 和 JSP 技术来实现，能够很好地帮助 Java 开发者利用 J2EE 开发Web 应用，也是面向对象设计。实现重点在 C(Controller)，包括ActionServlet/RequestProcessor 和我们定制的 Action，也为 V(View) 提供了一系列定制标签（Custom Tag） 。 Hibernate 框架 Hibernate 是一种 Java 语言下的对象关系映射解决方案。 它是使用 GNU 宽通用公共许可证发行的自由、开源的软件。它为面向对象的领域模型到传统的关系型数据库的映射，提供了一个使用方便的框架。它的
4、设计目标是将软件开发人员从大量相同的数据持久层相关编程工作中解放出来。无论是从设计草案还是从一个遗留数据库开始，开发人员都可以采用 Hibernate。 Hibernate 不仅负责从 Java 类到数据库表的映射（还包括从 Java 数据类型到 SQL数据类型的映射） ，还提供了面向对象的数据查询检索机制，从而极大地缩短的手动处理 SQL 和 JDBC 上的开发时间。为什么用 SSH 框架？ 典型的 J2EE 三层结构，分为表现层、中间层（业务逻辑层）和数据服务层。三层体系将业务规则、数据访问及合法性校验等工作放在中间层处理。客户端不直接与数据库交互，而是通过组件与中间层建立连接，再由中间层
5、与数据库交互。 SSH 框架则可很好的满足此需要，可以让开发人员减轻重新建立解决复杂问题方案的负担和精力；2. jQuery 是什么？ jQuery 是一个简洁快速的 JavaScript 库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加 Ajax 交互。jQuery 的设计会改变你写 JavaScript 代码的方式。jQuery 适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery 适合任何 JavaScript 应用的地方，可用于不用的应用程序。 jQuery 是一个轻量级的脚本，其代码非常小巧，JavaScript 包只有 15K 左右。
6、jQuery 支持 CSS1-CSS3,以及基本的 xPath。 jQuery 是跨浏览器的，它支持的浏览器包括 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 jQuery 能做什么？ jQuery 库为 WEB 脚本编程提供了通用的抽象层，使得它几乎用于任何脚本编程的情形。由于她容易扩展而且不断有新插件面世增强它的功能，根本无法涵盖她所有可能的用途和功能。可以抛开这些不谈，仅就其核心特性而言，jQuery 能满足以下的需求： 1、获取页面中的元素： jQuery 准确地获取需要检查或操纵的文档元素，提供了可靠而富有效率的选择机制。2、修改页面的外观：
7、有时单靠 CSS 做到兼容所有浏览器是力不从心的，jQuery 足可以弥补这一缺点，jQuery 提供了跨浏览器的标准解决方案。而且，即使在页面已经呈现之后， jQuery仍然能够改变页面的某些类或个别的样式。 3、改变页面的内容： jQuery 通过少量的代码就可以改变页面的的内容。可以改变文本，插入或翻转( 亦可以淡入或擦除之类的效果)图片，列表重新排列，更甚至对 HTML 文档的整个结构都可以重写和扩充，所有这些行为只需一个简单易用的 API。 4、便捷应用 AJAX： jQuery 可以简化浏览器特定的复杂性，使得 WEB 开发人员更便捷创建 AJAX 功能丰富、反应灵敏的网站。3.
8、JSON 是什么？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于 JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 优点：1. 数据格式比较简单, 易于读写, 格式都是压缩的, 占用带宽小。2. 易于解析这种语言, 客户端 JavaScript 可以简单的通过 eval()进行 JSON 数据的读取。3. 支持多种语言, 包括 ActionScript, C, C#, ColdFusion, Java, JavaScr
9、ipt, Perl, PHP, Python, Ruby 等语言服务器端语言, 便于服务器端的解析。 4. 在 PHP 世界, 已经有 PHP-JSON 和 JSON-PHP 出现了, 便于 PHP 序列化后的程序直接调用. PHP 服务器端的对象、数组等能够直接生 JSON 格式, 便于客户端的访问提取. 另外 PHP 的 PEAR 类已经提出了支持。 5. 因为 JSON 格式能够直接为服务器端代码使用, 大大简化了服务器端和客户端的代码开发量, 但是完成的任务不变, 且易于维护。4. DIVCSS 是什么？ CSS 是英语 Cascading Style Sheets（层叠样式表单）的缩
10、写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。在我们用 table 布局时，都曾接触和应用到 css。 DIV 元素是用来为 HTML 文档内大块（block-level）的内容提供结构和背景的元素。DIV 的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由 DIV 标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 简单地说，div 用于搭建网站结构（框架） 、css 用于创建网站表现（样式 /美化） ，实质即使用 XHTML 对网站进行标准化重构，使用 CSS 将表现与内容分离，便于网站维护，简化 html 页面代码，可以获得一
11、个较优秀的网站结构便于日后维护、协同工作和搜索引擎蜘蛛抓取。DIV+CSS 的优势何在？ 1.表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中，HTML 文件中只存放文本信息。符合 W3C 标准，微软等公司均为 W3C 支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 2.提高搜索引擎对网页的索引效率 用只包含结构化内容的 HTML 代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。 3.代码简洁，提高页面浏览速度 对于同一个页面视觉效果，采用 CSS+DIV 重构的页面容量要比 TABLE 编码的页面文件容量小得多，代码
12、更加简洁，前者一般只有后者的 1/2 大小。对于一个大型网站来说，可以节省大量带宽。并且支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是 IE7 或者是火狐，您的网站都能很好的兼容。 4.易于维护和改版 样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。你只要简单的修改几个 CSS 文件就可以重新设计整个网站的页面。现在YAHOO,MSN 等国际门户网站，网易，新浪等国内门户网站，和主流的 WEB2.0网站，均采用 DIV+CSS 的框架模式，更加印证了 DIV+CSS 是大势所趋。三 代码分析 基本思路：该案例的代码编写是以登陆功能为例，在配置完成上述开发环境后，进行主要配置文件的配置，如下图所示。其步骤如下：1. 配置 Web.XML 文件。2. 配置 Struts-config.xml 文件。3. 配置 ApplicationContext-action.xml 文件。4. 前台 JQUERY 通过配置文件与后台进行交互，后台得到前台发过来的数据进行逻辑处理判断后，返回到前台时行检验，最终展示到前台，如图 2.1 所示。 该案例内容包括： SSH 框架实现 Jquery 框架 Jquery+JSON 与后台数据交互实现。 CSS+DIV 界面布局 核心文件配置
