J2EE框架案例说明

J2EE框架案例说明
一．案例简介 (1)
二．技术内容 (3)
三．代码分析 (7)
一．案例简介：
该案例以图书管理案为例，代码编写涵盖了系统开发中的常用功能，其中以登陆功能为例,通过对该功能的代码讲解，以清楚整个Jquery+SSH+JSON+CSS的集成应用。

基本功能：
a)登陆
b)查看图书信息
c)增加图书信息
d)删除图书信息
e)修改图书信息
1.用例图如下：
2.登陆界面Ajax异步检验功能
图2.1
3.主界面采用SSH+JSON
•可进行相关增、删、改、查常用操作及数据交互
二．技术内容
–Struts+Spring+Hibernate框架
–Jquery框架
–JSON数据传输
–CSS+DIV布局
1.SSH框架实现
•Spring框架
•Spring 是一个开源框架，专门用户解决复杂的企业应用程序开发，框架的主要优势之一就是其分层架构，分层架构允许定制使用相关的组件服务，为J2EE 应用程序开发提供集成的框架。

Spring 框架的功能可以用在任何J2EE 服务器中，大多数功能也适用于不受管理的环境，支持不绑定到特定J2EE 服务的可重用业务和数据访问对象，对象可以在不同J2EE 环境（Web 或EJB）、独立应用程序、测试环境之间重用。

•Struts框架
•Struts是Apache基金会的一个Open Source项目，基于Sun J2EE平台的MVC框架，主要采用Servlet和JSP技术来实现，能够很好地帮助Java开发者利用J2EE开发Web应用，也是面向对象设计。

实现重点在C(Controller)，包括ActionServlet/RequestProcessor和我们定制的Action，也为V(View) 提供了一系列定制标签（Custom Tag）。

•Hibernate框架
•Hibernate是一种Java语言下的对象关系映射解决方案。

它是使用GNU宽通用公共许可证发行的自由、开源的软件。

它为面向对象的领域模型到传统的关系型数据库的映射，提供了一个使用方便的框架。

它的设计目标是将软件开发人员从大量相同的数据持久层相关编程工作中解放出来。

无论是从设计草案还是从一个遗留数据库开始，开发人员都可以采用Hibernate。

•Hibernate不仅负责从Java类到数据库表的映射（还包括从Java数据类型到SQL数据类型的映射），还提供了面向对象的数据查询检索机制，从而极大地缩短的手动处理SQL和JDBC上的开发时间。

为什么用SSH框架？
•典型的J2EE三层结构，分为表现层、中间层（业务逻辑层）和数据服务层。

三层体
系将业务规则、数据访问及合法性校验等工作放在中间层处理。

客户端不直接与数
据库交互，而是通过组件与中间层建立连接，再由中间层与数据库交互。

•SSH框架则可很好的满足此需要，可以让开发人员减轻重新建立解决复杂问题方案的负担和精力；
2.jQuery是什么？
•jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。

jQuery的设计会改变你写JavaScript代码的方式。

jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不用的应用程序。

•jQuery是一个轻量级的脚本，其代码非常小巧，JavaScript包只有15K左右。

•jQuery支持CSS1-CSS3,以及基本的xPath。

•jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。

•jQuery能做什么？
•jQuery库为WEB脚本编程提供了通用的抽象层，使得它几乎用于任何脚本编程的情形。

由于她容易扩展而且不断有新插件面世增强它的功能，根本无法涵盖她所有可能的用途和功能。

可以抛开这些不谈，仅就其核心特性而言，jQuery能满足以下的需求：
•1、获取页面中的元素：
•jQuery准确地获取需要检查或操纵的文档元素，提供了可靠而富有效率的选择机制。

2、修改页面的外观：
•有时单靠CSS做到兼容所有浏览器是力不从心的，jQuery足可以弥补这一缺点，jQuery提供了跨浏览器的标准解决方案。

而且，即使在页面已经呈现之后，jQuery 仍然能够改变页面的某些类或个别的样式。

•3、改变页面的内容：
•jQuery通过少量的代码就可以改变页面的的内容。

可以改变文本，插入或翻转(亦可以淡入或擦除之类的效果)图片，列表重新排列，更甚至对HTML文档的整个结构都可以重写和扩充，所有这些行为只需一个简单易用的API。

•4、便捷应用AJAX：
•jQuery可以简化浏览器特定的复杂性，使得WEB开发人员更便捷创建AJAX功能丰富、反应灵敏的网站。

3.JSON是什么？
•JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。

易于人阅读和编写。

同时也易于机器解析和生成。

它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。

•优点：
1. 数据格式比较简单, 易于读写, 格式都是压缩的, 占用带宽小。

2. 易于解析这种语言, 客户端JavaScript可以简单的通过eval()进行JSON数据的读
取。

3. 支持多种语言, 包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP,
Python, Ruby等语言服务器端语言, 便于服务器端的解析。

• 4. 在PHP世界, 已经有PHP-JSON和JSON-PHP出现了, 便于PHP序列化后的程序直接调用. PHP服务器端的对象、数组等能够直接生JSON格式, 便于客户端的访问提取. 另外PHP的PEAR类已经提出了支持。

• 5. 因为JSON格式能够直接为服务器端代码使用, 大大简化了服务器端和客户端的代码开发量, 但是完成的任务不变, 且易于维护。

4.DIV＋CSS是什么？
•CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML 或XML 等文件式样的计算机语言。

在我们用table布局时，都曾接触和应用到css。

•DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。

DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

•简单地说，div 用于搭建网站结构（框架）、css 用于创建网站表现（样式/美化），实质即使用XHTML对网站进行标准化重构，使用CSS将表现与内容分离，便于网站维护，简化html页面代码，可以获得一个较优秀的网站结构便于日后维护、协同工作和搜索引擎蜘蛛抓取。

DIV+CSS的优势何在？
• 1.表现和内容相分离
•将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。

符合W3C标准，微软等公司均为W3C支持者。

这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

• 2.提高搜索引擎对网页的索引效率
•用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。

• 3.代码简洁，提高页面浏览速度
•对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，代码更加简洁，前者一般只有后者的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 界面布局
– 核心文件配置。