《Java EE应用开发及实训》学生版

1、 Java EE应用开发及实训黄能耿2013 年 2 月 目 录项目 1 初识 Java EE3项目 2 Web客户端编程 11项目 3 数据库访问技术错误！未定义书签。项目 4 用 JSP 技术实现聊天室19项目 5 用 Java Bean 技术改进聊天室 21项目 6 用 Hibernate 技术增强聊天室22项目 7 用 Struts2 技术增强聊天室（一）24项目 8 用 Struts2 技术增强聊天室（二）25项目 9 用 Spring 技术配置聊天室 26项目 10 聊天室项目的发布27项目 11 综合案例28附录 A MySQL 简介错误！未定义书签。附录 B Tomcat简介

2、错误！未定义书签。参考文献错误！未定义书签。 项目1 初识 Java EEJava EE 即 Java 平台企业版（Java Platform Enterprise Edition），是为企业级应用而推出的标准平台，它的主要应用是开发 Web 动态网站。目标：本项目将带你进入 Java EE 世界，首先是学会安装 Java EE 的开发环境，然后创建、编写、运行第一个Java EE 项目。在这个基础上，再带你了解Java EE 技术以及 Web 相关的概念。1.1 项目一：Hello, World1.1.1 需求分析这是第一次进行 Java EE 开发，项目的需求是：1、 完成开发环境的选择和

3、安装。2、 创建第一个项目 Hello, World。3、 编写各种类型的网页，网页的类型包括： 静态网页 客户端动态网页 服务器端动态网页4、 运行这个网站，通过浏览器访问这些网页来了解它们之间的区别。1.1.2 步聚一：开发环境的安装1. 安装 JDK从 /technetwork/java/index.html下载 JDK 软件，注意该软件有不同的操作系统版本，其中有 Linux 平台和 Windows 平台的区别，也有 32 位版本和 64 位版本的区别，本书使用的是 jdk-6u20-windows-i586.exe，是 32 位 Windows 平台的版本。直接运行该文件，即可完成安

4、装。2. 安装 Eclipse从 /下载 Eclipse，该软件也同样有不同操作系统的版本，本书用的是 eclipse-jee-galileo-SR2-win32.zip，这是32 位 Windows 平台的版本。安装时只要直接将其解压缩到一个目录即可，本书将其解压到 E:jeeeclipse 目录。3. 安装 Tomcat从 下载 Tomcat，该软件可以下载跨平台的版本，本书用的是apache-tomcat-6.0.16-2.tar.gz，它可以在 Windows 和 Linux 下通用。安装时只要直接将其解压缩到一个目录即可，本书将其解压到 E:jeeapache-tomcat-6.0.

5、16 目录。1.1.3 步聚二：创建 Hello, World 项目从主菜单选择 New Project，将弹出“新建项目”窗口，用于选择项目的类型，本书创建的项目的类型都是“动态 Web 项目”，方法是选择 Web Dynamic Web Projec（t 图 1-1）。 图 1-1 选择新建项目的类型点击 Next 按钮后，将弹出“新建动态Web项目”窗口，填写项目名称，本节将项目命名为 hello，其余参数采用默认值。点击 Finish 按钮，完成项目的创建（图 1-2）。图 1-2 为新建项目命名这时在 Project Explorer 中可以看到新建项目的结构（图 1-3），其中 s

6、rc 是 Java 源代码目录，WebContent是网站内容目录，在这个目录中将保存所有网站内容，包括网页、图片、动画、视频片段等，在这个目录下还有一个 WEB-INF 目录，它保存与网站有关的库文件、类文件，以及配置文件 web.xml。 图 1-3 新建项目的结构1.1.4 步聚三：编写静态网页创建项目结束，就可以开始编写网页。首先编写的是一个静态网页，命名为world。方法是从 WebContent目录的右键菜单选择 new HTML Page。然后在弹出的“新建 HTML网页”窗口中填写网页的文件名为 world，点击 Finish，完成静态网页的创建（图 1-4）。图 1-4 创建

7、静态网页这时 Eclipse 生成一个静态网页 world.html，它位于 WebContent目录之下，新建的文件在编辑区被打开（图 1-5）。 图 1-5 编辑静态网页这是一个 HTML 文件，并且自动生成了一些主要的标签。我们现在需要做的是修改这个文件，在标签内插入文字“Hello, world! 您好，Java EE 世界！”作为这个网页的测试内容（图 1-5）。1.1.5 步聚四：运行网站下一步是运行这个网站，测试项目的结果。这个步聚需要分为下述几个子步聚：1. 添加 Web 服务器方法是通过点击服务器（Servers）选项卡的标题，打开Servers 选项卡，在 Servers

8、区的空白处（图 1-5 的箭头所示部分），从其右键菜单中选择 New Server，从弹出的“新建服务器”窗口，选择Apache 下的 Tomcat v6.0 Server，在下一步中通过“浏览”Browser 按钮，选择 Tomcat 的安装目录（即步聚一中 Tomcat 的解压目录）。点击 Finish 完成（图 1-6）。图 1-6 添加 Web 服务器2. 将项目添加到服务器这时在 Server 区出现了新添加的服务器，名为 Tomcat v6.0 Server at localhost。从这个服 务器的右键菜单上选择 Add and remove，在“添加和移除”窗口选择将要添加的项

9、目，然后点击 Add 按钮，该项目将移入右边的窗格中。点击 Finish 按钮（图 1-7）。图 1-7 添加和移除窗口这时可以看到项目已添加到服务器上（图 1-8）。图 1-8 项目已添加到服务器上3. 启动服务器启动服务器只需简单的一步，当服务器 Tomcat v6.0 Server at localhost 被选中时，点击其右上方的绿色三角形按钮，就可启动 Tomcat，这时显示运行状态的红色图标，同时 Console窗口将输出启动过程的有关信息，注意其中的内容Starting Coyote HTTP/1.1 on http-8080 ，表示这个 Web 服务器的端口号是 8080（图

10、1-9）。图 1-9 Tomcat的启动信息4. 用浏览器查看结果打开一个浏览器（Firefox、Chrome 或 IE），在地址栏输入地址：:8080/hello/world.html其中 是本机的 IP 地址，8080 是端口号，hello 是项目的名称，world.html 是网 页的文件名。注意项目名称和文件名部分是大小写敏感的。图 1-10 用 Google 浏览器查看网页1.1.6 步聚五：服务器端动态网页我们在步聚三编写了一个静态网页，在步聚四运行这个网站，并通过浏览器访问网站上的这个静态网页。下面将编写一个动态网页作为对照：与创建静态网页相同的方法，现在创建动态网页（JSP），

11、参见图 1-4 左图，但新建的不是 HTML Page，而是 JSP，JSP 的文件名是 demo.jsp，然后修改其内容为：在这个页面中嵌入了 Java 代码：new Date()，该代码由标记括起来，并且用一个等号表示输出后续的结果（相当于一个打印命令）。由于 Date 类是属于 java.util 包的，因此还需要导入这个类，导入的命令在 JSP 文件中写为，对导入命令的详细说明将在项目 3 中进行。由于网页中存在中文字符，需要设置 JSP 文件的字符编码为 UTF-8。关于中文编码：作为扩展的知识访问该网页时显示为 图 1-11 动态网页的运行结果（上）和网页源码（下）1.1.7 步聚

12、六：客户端动态网页图 1-12 动态网页的运行结果（上）和网页源码（下）1.2 相关知识（参考另一份讲义） 1.2.1 Java EE 开发环境Java EE 开发需要下述开发环境。 JDK：这是 Java 开发工具包，是所有 Java 开发环境的基础，是必不可少的。 Eclipse：这是一个 IDE 环境，它由 IBM 公司开发，是一个开源软件。 Tomcat：这是一个Web 容器（Web 应用服务器）是必须的，是Apache 旗下的一个开源软件。 MySQL（可选）：这是一个跨平台的开源数据库管理系统。1.2.2 Java EE 运行环境Java EE 的运行环境分为服务器端和客户端。1)

13、 服务器端在服务器上需要安装的软件包括 JRE、Tomcat 和 MySQL。2) 客户端在客户端只需要浏览器，不需安装其它软件。浏览器有许多种，常用的浏览器有 IE、Firefox、Chrome 等多种。1.2.3 Web 技术1. C/S 和 B/S 结构2. HTTP 协议3. 静态网页和动态网页4. Java EE 技术 项目2 Web 客户端编程本书将以一个聊天项目为例，讨论采用不同的技术实现聊天室。聊天项目的本阶段是设计其静态内容。2.1 项目二：用户信息编辑页面的设计2.1.1 需求分析创建一个聊天项目 chat，并为其设计一组页面： 首页 index.html：含有标题、一句欢

14、迎语。 用户注册页 register.html：要求包含下述内容：帐号、密码、姓名等内容，其中前五项是必填项，其它是可选项。对页面设计的要求： 具有一致的页头和页尾 页头由横幅图片和主菜单组成 页尾由版权信息组成 具有数据录入校验功能 提交到 register.jsp 页面 界面简洁美观2.1.2 界面设计图 2-1 首页的设计 图 2-2 注册页的设计2.1.3 创建项目按项目 1 所述步聚，创建一个名为chat 的动态 Web项目（Dynamic Web Project）。并为这个项目创建二个 HTML 文件：index.html 和 register.html。2.1.4 编辑首页 in

15、dex.html1. 第一步 编辑首页内容一个空页面具有如下的基本框架：修改网页的标题为“Java EE 聊天室首页”，并在元素中插入二行正文作为首页的内容。二行文字是：聊天室首页欢迎来到 Java EE 聊天室。其中第一行是对中的二级标题，第二行是正文。2. 第二步 编辑页头页头由二种内容组成，一是图片，二是图片上的文字（具有超链接的菜单）。图片可以用二种方式显示，一是直接用 img 元素显示： 另一种是将其作为表格的底图，这样方便在表格内添加内容（右上角菜单）：首页注册在插入图片之前，需要在 WebContent目录下创建一个 images 目录，并把图片 banner.jpg复制到这个目

16、录中。超链接是网页最重要的一种元素，它让用户可以方便地有不同页面之间导航：注册其中 register.html 是一个 URL（统一资源定位符），它可以是相对地址、绝对地址、劳或者是完整的 URL： 相对地址：register.html 绝对地址：/chat/register.html 完整地址：/chat/register.html通常只有在链接到外部资源时，才使用完整地址。在同一网站内导航，可以根据情况使用相对地址或绝对地址。3. 第三步 编辑页尾页尾由一条水平线和一个版权信息组成Copyright byHuang Neng Geng, 2011注意这个超链接有一个 target=_bla

17、nk属性，它指定在一个新窗口打开新的网页。完整的 HTML 代码如下：注：在项目三我们将会把页头和页尾内容放在单独的文件中，便于统一管理。 2.1.5 编辑注册页 register.html1. 第一步 复制 index.html 的内容到注册页为方便起见，复制已有的内容，这样可以做到页头和页尾的内容是相同的。并修改其网页标题为“Java EE 聊天室注册页”，保留页头和页尾的内容，修改网页的正文内容。2. 第二步 修改编辑注册页的内容其中的关键技术是表单（Form）和表格（Table）。完整的 HTML 代码如下：table border=0 width=1019 height=96首页 注

18、册 爱好: 体育 阅读 旅游 音乐电子邮件:id=pList_description2.1.6 页面美化采用 jQuery 和 CSS 技术对其进行美化。首先添加jquery 插件到项目中，这里是将它复制到 WebContent的 js 目录下（图 2-3）。 图 2-3 添加 jquery 插件等然后在页面的 head 部分加上下述代码：注：在 jQuery 中通过下述选择器来使用 id 和 class 属性：$(p)/ 选取元素。$(ro)$(p#demo)$(this)/ 选取所有 class=intro的元素。/ 选取 id=demo的第一个元素。/ 当前 HTML 元素$(.intr

19、o)/ 所有 class=intro的元素$(#intro)$(ulli:first)$(div#intro.head)/ id=intro的第一个元素/ 每个的第一个元素/ id=intro的元素中的所有 class=head的元素在前述代码中$(#pList tr:odd)表示，选择于 id 为 pList 中的 tr，并且计数为偶数的哪个元素，css 是一个 jquery 函数，用来设置其 css 属性，例中是将其背景色设置为#C9E4D6。2.1.7 日期处理生日这一栏要使用选择的方式来录入。在页面的head 部分加上下述代码：$(function() $(#datepicker).d

20、atepicker(););$(#datepicker).datepicker();表示对 id 为 datepicker 的元素进行 datepicker()函数操作。因此，将生日的输入文字框改为：生日:2.1.8 录入校验采用 JavaScript 进行数据录入校验。这里只作前 4 个字段的非空校验，以及电子邮件格式的校验。校验代码如下： （1）为 form 增加 onsubmit ()属性，即指定提交前将执行的 JavaScript 函数：（2）下面是 JavaScript 函数function checkForm()alert(aaa);测试能够执行，然后将函数体修改成如下：funct

21、ion checkForm()if(document.getElementsByName(password)0.value.length5)alert(密码长度至少 5 个字符。);return false;if(document.getElementsByName(password)0.valueif(document.getElementsByName(name)0.value.length2)alert(账号长度至少 2 个字符。);return false;var reg = /(a-zA-Z0-9_-)+(a-zA-Z0-9_-)+(.a-zA-Z0-9_-2,3)1,2)$/;em

22、ail = document.getElementsByName(email)0.value;if(!reg.test(email)alert(电子邮件格式不正确。);return false;return true;JavaScript 在客户端编程方面有非常重要的作用，它的地位几乎是不可替代的。但是JavaScript 也需要与 CSS、对象模型等技术结合使用，才能取得好的效果。而jQuery 是一个采用 JavaScript 语言写的插件，在各种浏览器上都能很好地工作。最后，注册页面各个部分的代码如下：$(document).ready(function() $(#pList tr:od

23、d).css(background-color, #C9E4D6);$(#pList tr:even).css(background-color, #99D1D3););$(function() $(#datepicker).datepicker(); 首页 注册用户注册注：这部分与前述代码相同（表单+表格）。function checkForm()注：这部分与前述代码相同（校验代码）。2.2 相关知识（参考另一份讲义）2.2.1 HTML1. HTML 语法2. 常用标签3. 列表标签4. 表格标签5. 表单标签6. 布局和框架2.2.2 CSS1. CSS 概述2. CSS 语法3. 样式

24、的使用4. 选择器5. 常用样式属性2.2.3 XML 1. XML 概述2. XML 的文档规则3. XML 文档的种类4. XML 的应用2.2.4 JavaScript1. JavaScript 概述2. 关键字、标识符和运算符3. 变量和数据类型4. 语句5. 函数6. JSON 语法2.2.5 对象模型1. 对象模型概述2. 浏览器对象模型 BOM3. 文档对象模型 DOM2.2.6 Ajax1. Ajax 概述2. jQuery 介绍3. jQuery 插件项目3 用 JSP 技术实现聊天室主要知识点：JSP、内置对象3.1 需求分析3.2 系统设计3.3 界面设计 3.4 相关知

25、识点3.4.1 认识 JSP对 JSP 语法的介绍3.4.2 动态执行 Java 代码介绍 out, request, 和 response，有些细节在实施时再介绍3.5 实施3.5.1 创建项目3.5.2 界面设计3.5.3 用 HTML 设计界面框架3.5.4 添加 JSP 元素实现聊天功能3.5.5 测试和运行3.6 知识拓展3.6.1 JSP 基本语法1. JSP 文件的构成2. 指令标识3. 脚本标识4. 注释标识5. 动作标识3.6.2 JSP 内置对象1. 内置对象 out2. 内置对象 request3. 内置对象 response4. 内置对象 session5. 内置对象

26、application 6. 其它内置对象3.6.3 常用功能的实现1. 获取用户输入2. 获取用户的选择3. 实现登录功能4. 实现注销功能3.6.4 Servlet 技术1. Servlet 概述2. Servlet 的生命周期3. Servlet 过滤器4. Servlet 监听器项目4 用 Java Bean 技术改进聊天室主要知识点：Beam, EL, Tag4.1 需求分析4.2 相关知识点4.2.1 JavaBean 概述4.2.2 EL 概述4.2.3 标签概述4.3 实施4.3.1 项目的改进4.3.2 测试和运行 4.4 知识拓展4.4.1 JavaBean1. JavaB

27、ean 的编写2. JavaBean 的使用3. JavaBean 的作用域4.4.2 EL 表达式语言1. 表达式的组成4.4.3 标签库1. JSTL2. 自定义标签项目5 用 Hibernate 技术增强聊天室主要知识点：JDBC、Hibernate（MySQL 的介绍放在附录中）5.1 JDBC5.1.1 JDBC 概述5.1.2 数据库访问流程1. 数据准备2. 添加 JDBC 类库3. 加载 JDBC 驱动程序4. 创建数据库连接5. 执行 SQL 语句6. 接收并处理 SQL 的返回结果7. 关闭创建的对象5.2 Hibernate 5.2.1 ORM 概述5.2.2 Hiber

28、nate 基础1. 认识 Hibernate2. Hibernate 框架结构3. POJO、hbm.xml 和 DAO4. Hibernate Tools的使用5.2.3 查询基础1. 延迟检索2. 立即检索3. 预先检索5.2.4 查询方式1. HQL 查询2. QBC 查询3. 原生 SQL 查询主要知识点：数据库5.3 需求分析5.4 数据结构设计5.5 相关知识点5.6 实施5.6.1 创建数据库和数据表5.6.2 注册功能实现5.6.3 登录功能的实现 5.6.4 测试和运行5.7 知识拓展5.7.1 JNDI项目6 用 Struts2 技术增强聊天室（一）主要知识点：Struts2 基础6.1 需求分析6.2 实施6.2.1 下载 Struts26.2.2 创建 Struts2 项目6.2.3 编写 JSP6.2.4 编写 Action6.2.5 配置 Struts6.2.6 测试和运行6.3 知识拓展6.3.1 Struts2 基础1. Struts2 工作流程2. Action3. 结果与视图4. struts.xml 配置文件 6.3.2 OGNL 表达式1. 值栈2