2023年11月28日发(作者：)
课题：第一章 Java Web概述
【教学目标】
掌握JSP运行环境的搭建，能进行简单的JSP程序编写与运行。
【教学重点】
Eclipse+Dreamweaver工具、项目的导入、导出、发布打包
【教学难点】
Eclipse+Dreamweaver工具、项目的导入、导出、发布打包
【教学方法】讲解、讨论
【教学地点】教学楼、综合楼
【课时安排】4课时
【教学过程】
1.1 配置JSP运行环境
1.1.1 任务描述与实现正确安装Tomcat服务器，并显示其欢迎页面。如图1-1所示。
图1- 1 使用Tomcat欢迎页面
实现过程：
1．安装JDK
安装Tomcat服务器前首先安装JDK(Java Development Kit)，其包括了Java运行环境，Java
工具和Java基础的类库。目前，提供下载的最新版本为JDK7。读者可到官方网站下载，下载
地址为/technetwork/java/javase/downloads/。
下载后双击安装，画面如图1-2所示，按“下一步”操作直到完成。
图1- 2 JDK安装界面
2．安装Tomcat
Tomcat官方网站下载地址：。本书采用的版本是
Tomcat-7.0.20。
下载后，双击安装，如图1-3所示。点击Next到第一步，进行安装组件选择，如图1-4所
示。第二步选择路径，按照系统默认路径即可。第三步为配置Tomcat端口信息和账号信息，
如图1-5所示，按照实际配置即可。第四步为选择JDK的安装路径，如图1-6所示，选择在之前
第1步操作中安装的JDK所在的位置。之后单击“Next”开始安装。安装完毕后，提示安装完
成，如图1-7所示。单击“Finish”完成Tomcat的安装。
安装完成之后，在程序菜单中可以看到Tomcat的选项，如图1-8所示。点击Monitor Tomcat，
可在任务栏看到Tomcat的服务图标，如图1-9所示，双击该图标，弹出如图1-10所示的Tomcat
启动界面，在此界面中可以选择启动或停止Tomcat服务。
启动Tomcat后，在地址栏中输入localhost:8080，若出现图1-1的显示效果，则
Tomcat已正常安装并运行。
图1-3 Tomcat安装：欢迎界面
1.1.2 新知识点——JSP概述、Tomcat目录结构、虚拟目录配置
1.1.2.1 JSP概述
1. 动态网页
动态网页是在服务器运行的程序或者网页，它们会随不同用户、不同时间、不同需求，
返回不同的内容。如：当登录到论坛时，作为论坛管理员身份，就可以看到“删除”、“修
改”等操作；作为论坛普通用户身份，则只能看到帖子的浏览页面。
动态网页会使用服务器端脚本语言，比如目前流行的JSP等，访问动态网页时会获取最新
内容显示，这就是为什么不同时间访问网页显示内容会发生变化的原因。
动态网页的特点：
交互性好：即网页会根据用户需求和选择而动态改变和响应。例如用户在网页中填写表
单信息并提交，服务器经过处理将信息自动存储到后台数据库中，并转到相应提示页面。因
此，采用动态网页技术的网站可以实现与用户的交互功能，如用户注册、用户登录、信息查
询等。
自动更新：对于网页设计者来说，无需每次修改页面内容，只需在后台添加或者删除要
显示的信息即可。例如，在论坛发布信息，后台服务器将自动生成新的网页内容。
2．B/S技术
使用动态网页技术开发网站实际上是B/S技术的一种应用，因此，要更好地理解动态网页
的开发原理，首先需要了解B/S技术的一些基本概念。
B/S技术跟C/S技术的区别：
C/S（客户机/服务器）结构分为客户机和服务器两层，一般将应用软件安装在客户机端，
通过网络与服务器相互通信，实现交互，如QQ、飞信、MSN等软件。对于这类系统的结构如图
1-11所示。
对于C/S结构的应用软件，若要在客户机运行，就必须在先安装，而且每次对系统做了微小
的改动，所有客户机的应用软件都需要更新。
3. JSP简介
(1) 什么是JSP
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动
态网页技术标准。它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)
和JSP标记(tag)，从而形成JSP文件(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先
对其中的Java代码进行处理，然后将执行结果连同JSP文件中的HTML代码一起返回给客户的浏
览器。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的
功能。
4．JSP的特点
JSP最大的优点是开发的跨平台结构，它可以运行在几乎所有的操作系统平台。
JSP的优势：
一次编写，到处运行。在这一点上Java比PHP更出色，除了系统之外，代码不用做任何更
改。
系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系
统部署，在任意环境中扩展。相比ASP/PHP的局限性是显而易见的。
强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进
行集群和负载均衡，到多台Application进行事务处理，消息处理，一台服务器到无数台服务
器，Java显示了一个巨大的生命力。
多样化和功能强大的开发工具支持。这一点与ASP很像，Java已经有了许多非常优秀的开
发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下。
JSP的劣势：
与ASP一样，Java的一些优势正是它致命的问题所在。正是由于为了跨平台的功能，为了
极度的伸缩能力，所以极大的增加了产品的复杂性。
Java的运行速度是用class常驻内存来完成的，所以它在一些情况下所使用的内存比起用
户数量来说确实是“最低性能价格比”了。从另一方面，它还需要硬盘空间来储存一系列
的.java文件和.class文件以及对应的版本文件。
5. JSP开发及运行环境要求
① 操作系统要求
操作系统可以选择Windows操作系统、Unix操作系统和Linux操作系统等。
②软件环境要求
集成开发工具：集成开发工具有NetBeans、Eclipse等。本书选用Eclipse。
Web服务器：JSP运行时需要安装JDK和Web服务器，目前使用较多的Web服务器有Tomcat、
WebLogic、Jboss和Resin等。本书选用Tomcat。Tomcat是Apache 软件基金会（Apache
Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公
司及个人共同开发而成。本书选用目前最新版本Tomcat7.0。
1.1.2.3 虚拟目录配置
配置JavaWebExample的虚拟目录，方法如下：
1．前期准备工作
① 在D盘建立D:WorkSpaceJavaWebExample的文件夹（也可以建立在其他磁盘）。
② 在JavaWebExample文件夹中新建文件，输入“欢迎”二字。
2. 配置Tomcat虚拟目录
① 打开Tomcat的安装目录下conf文件夹的文件。在
间加上虚拟目录配置标签，即 docBase=”D:WorkSpaceJavaWebExample”/>，其中path属性值为虚拟目录名称，docBase 属性值为虚拟目录指向的物理目录。修改后如图1-16所示。这里path保存的值是你在浏览器 中输入的值即虚拟目录，docBase保存的值是你要访问的文件的物理绝对路径。 1.2 利用开发工具制作 1.2.1 任务描述与实现任务描述： 利用Dreamweaver、Eclipse搭配开发一个简单的JSP网页。 开发过程采用Eclipse和Dreamweaver搭配开发，设计显示界面部分用Dreamweaver实现， 代码在界面制作自动生成基础上在Eclipse中编写，最后在Eclipse中测试运行实现过程： 1．下载安装Eclipse 到Eclipse的官方网站下载Eclipse IDE for Java EE Developers，下载后解压即可使用。 Eclipse官方网站。 2．下载并安装DreamWeaver8 3．配置Eclipse开发环境 启动后，配置Web项目测试服务器。打开Window→Preferences菜单，选择Server→Runtime Environments选项，然后选择添加服务器，添加已经安装的Tomcat v7.0。 4．在Eclipse中创建JavaWebExample项目 在新建项目选择对话框，选择Dynamics Web Project，如图1-24所示。单击“Next”按 钮后，出现如图1-25所示的对话框，填写项目名称JavaWebExample，选择与项目相关的信息。 在本例中，项目文件都置于D:workspace JavaWebExample中，因此以默认选项配置；测试 用服务器选择Tomcat7.0，其它部分按默认配置，之后单击“Finish”按钮。 5．在Dreamweaver中创建JavaWebExample站点 在Dreamweaver中创建站点时，其站点根目录指向在Eclipse中创建的项目的WebContent 目录，本例的根目录为D:workspace JavaWebExampleWebContent，如图1-29所示。此外， 设置站点为JSP站点，并指定前缀。 6．测试。 测试在Dreamweaver中编写的Web页面，在Eclipse中运行。本例中为了方便演示，在 Dreamweaver的JavaWebExample站点的Chapter1文件夹创建一个简单的JSP页面 exam1_1_ 1.2.2 新知识点——Eclipse、Dreamweaver工具简介 1.2.2.1 Eclipse简介 Eclipse是著名的跨平台的自由集成开发环境(IDE)，最初主要用于Java语言开发，目前 也有人通过插件使其作为其他计算机语言(如C++和Python)的开发工具。虽然Eclipse本身只 是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具 有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。 Eclipse就其本身而言，它只是一个框架和一组服务，但可通过插件组件构建集成开发环 境。Eclipse附带了一个标准的插件集，包括Java开发工具(Java Development Tools，JDT)。 Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代IDE Eclipse，2001年11月贡献给开源社区，现在它由非盈利软件供应商联盟Eclipse基金会 (Eclipse Foundation)管理。 1.2.2.2 Dreamweaver简介 Dreamweaver，简称DW，是一款有着多年历史和良好口碑的可视化网页编辑工具，它最大 的优点就是所见即所得，对W3C网页标准化支持十分到位。同时它还支持网站管理，包含HTML 检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、图像编辑、全局查找替换、 全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML，以及支持ASP、JSP、PHP、 、XML等程序语言的编写与调试。 1.2.2.3 工具联合开发调试项目 使用Eclipse开发程序时，虽然系统框架结构会给你带来方便，但并不太适合于开发Web 显示界面，而Dreamweaver开发Web页面时可以实现所见即所得的效果，页面也遵循W3C国际标 准。因此，可以利用这些开发工具各自的优点，结合开发Web程序，从而提高开发效率。 1.2.3 扩展——现有项目导入、导出、发布打包 对于程序员来说，有时需要将现有项目导入、导出和发布打包，下面介绍如何将项目导 入、导出和发布打包。 1.2.3.1 项目导入 项目导入可直接将文件拷贝至相应文件夹中，也可导入War文件。下面先来介绍第一种 方法。 1. 文件拷贝 (1) 新建项目 在Eclipse中新建project，参考1.2.2中介绍新建项目。新建项目test，此时src及 WebContent均为空， 【教学小结】 本章介绍了进行Java Web应用开发的特点，B/S架构的优势，介绍了Java Web程序的服务 器运行的安装配置及开发工具的搭配使用，重点介绍了JDK、Tomcat的安装与配置，以及利用 DreamWeaver与Eclipse搭配开发项目。 通过本章的学习，读者可以创建简单的JSP文件，并且进行测试。 课题：第二章 JSP语法 【教学目标】 掌握JSP的页面组成，掌握JSP简单网站的制作 【教学重点】 page指令、include指令、tablib指令、 【教学难点】 page指令、include指令、tablib指令、 【教学方法】讲解、讨论 【教学地点】教学楼、综合楼 【课时安排】4课时 【教学过程】 2.1 制作第一个JSP页面 2.1.1 任务描述与实现在Jsp文件中定义方法实现两个数的加法 定义方法实现两个数的加法，调用其计算1+2并显示结果，如图2-1所示。 图2-1 求和效果 实现过程： 1．新建JSP文件。在项目的chapter2文件夹中，单击右键选择New→JSP File选项， 弹出如图2-2所示的对话框，在File name中输入exam2_1_，单击Finish之后进入 JSP页面编辑窗口，输入代码如程序2-1。 2.1.2 新知识点——JSP页面组成、声明、代码段、表达式、注释 JSP页面由两部分组成，一部分为静态部分，即HTML标记，用来完成数据页面显示；另一 部分为动态部分，用来完成数据处理，包括脚本元素、指令元素和动作元素。 脚本元素用来嵌入Java代码，这些Java代码将成为转换得到的Servlet的一部分；JSP指 令元素用来从整体上控制Servlet的结构；动作元素用来引入现有的组件或者控制JSP引擎的 行为。 2.1.2.1 声明 <% ！ %> JSP中声明部分可以进行变量、方法和类的声明，其一般在<%!%>标签中进行。其语法格 式为<%! 声明1；声明2；……%>。 如在程序2-1中，进行了求和方法的声明。下边进行一个变量的声明，如程序2-2。 2.1.2.2 代码段 <% %> 在JSP页面中嵌入Java代码来执行特定的功能，其放置在<% %>标记中。 格式为： <% Java代码段1 Java代码段2 …… %> 这种Java代码在Web服务器响应请求时就会运行。如程序2-3，定义2个变量并输出。 2.1.2.3 表达式 <%= %> JSP表达式可以把JSP页面中的数据直接输出到页面，其格式为： <%=表达式 %> 表达式一次只能使用一个表达式，并且该表达式是完整的。在表达式的语句中不能使用 分号。如程序2-4，进行了变量输出 这种代码段的主要功能是输出一个变量或常量，有时候将其叫做表达式输出。使用方法见程 序2-5所示。 2.1.2.4 注释 在JSP中支持两种注释，一种是显式注释，这种注释客户端允许查看的；另一种是隐式注 释，这种注释客户端是看不到的。 1. 显式注释语法(HTML注释)