第1章初识JSP

1、第第1章章 初识初识JSP 教学目标 教学重点 教学过程 教学目标教学目标 l了解了解JSP技术的概况及其基本工作原理，技术的概况及其基本工作原理， 并为后面的学习打下一定基础。并为后面的学习打下一定基础。 教学重点教学重点 lHTML语言语言 lWeb结构结构 lJSP与与Java和和Servlet的关系的关系 lJSP的运行原理的运行原理 教学过程教学过程 l简要讲授简要讲授HTML语言语言 l介绍介绍Web结构结构 l解释解释JSP的由来和运行原理的由来和运行原理 l课后问答课后问答 1.1 HTML lHTML入门 l HTML基本构架 l页面布局与文字设计 l列表 l 多媒体效果 l

2、 TABLE表格 HTML入门入门 lHTML英语意思是：Hypertext Marked Language，即超文本标记语言 l通过HTML可以表现出丰富多彩的设计风格 l通过HTML可以展现多媒体的效果 l标签 “” HTML的基本结构的基本结构 l文档头、文档体 l 头 部 信 息 文 档 主 体， 正 文 部 分 HTML的基本结构的基本结构 l下面是一个最基本的超文本文档的源代码： l l 一个简单的HTML示例 l 欢迎光临我的主页 这是我第一次做主页，无论怎么样，我都会努力做好！ 超文本中的标签超文本中的标签 l单标签 l双标签 内内 容容 l标签属性 APPLET CODE=C

3、alculator.class width=150 height=200 页面布局及文字设计页面布局及文字设计 l标题 l换行 l段落标签 l水平线段 l文字的大小设置 l文字的字体与样式 l文字的颜色 l位置控制 l综合示例 标题标题 lHTML中提供了相应的标题标签, 总 共提供六个等级，n越小，标题字号就越 大 l第一级标题 第二级标题 第三级标题 第四级标题 第五级标题 第六级标题 l 请看例子 换行换行 l在HTML语言规范里，每当浏览器窗口被缩 小时，浏览器会自动将右边的文字转折至 下一行。所以，编写者对于自己需要断行 的地方，应加上标签。 段落标签段落标签 l文件段落的开始由来标

4、记，段落的结束 由来标记，是可以省略的，因为 下一个的开始就意味着上一个的结 束 l标签还有一个属性ALIGN，它用来指名 字符显示时的对齐方式，一般值有 CENTER、LEFT、RIGHT三种 l请看例子 水平线段水平线段 l这个标签可以在屏幕上显示一条水平线，用以分 割页面中的不同部分。 l有四个属性： size水平线的宽度 width 水平线的长，用占屏幕宽度的百分比或象素 值 来表示 align 水平线的对齐方式，有LEFT RIGHT CENTER三种 noshade 线段无阴影属性，为实心线段 水平线段水平线段 l线段粗细的设定 l线段长度的设定 l线段排列的设定 l无阴影的设定

5、请看例子 文字的大小设置文字的大小设置 l提供设置字号大小的是FONT，FONT有一 个属性SIZE，通过指定SIZE属性就能设置 字号大小，而SIZE属性的有效值范围为1 7，其中缺省值为3。我们可以SIZE属性值 之前加上“”、“”字符，来指定相 对于字号初始值的增量或减量。 l请看示例 文字的字体与样式文字的字体与样式 lHTML提供了定义字体的功能，用FACE属 性来完成这个工作。 lFACE的属性值可以是本机上的任一字体类 型，只有对方的电脑中装有相同的字体才 可以在他的浏览器中出现你预先设计的风 格。 l l请看例子 文字的字体与样式文字的字体与样式 l为了让文字富有变化，或者为了

6、着意强调某一部分， HTML提供了一些标签产生这些效果，现将常用的标签 列举如下： l 粗体HTML语言 l 斜体 HTML语言 l 加下划线 HTML语言 l 打字机字体 HTML语言 l大型字体 HTML语言 l小型字体HTML语言 l 表示强调，一般为斜体HTML语言 l 表示特别强调，一般为粗体HTML语言 l 用于引证、举例，一般为斜体HTML语言 文字的颜色文字的颜色 l文字颜色设置格式如下： 这里的颜色值可以是一个十六进制数(用“#”作为前缀)， 也可以是颜色名称 如：Black = #000000“ Green = #00FF00 Red = #FF0000“ Blue = #

7、0000FF“ 请看例子 列表列表 l无序号列表 l序号列表 无序号列表无序号列表 l无序号列表使用的一对标签是， 每一个列表项前使用。其结构如下所 示： 第一项 第二项 第三项 l请看例子 序号列表序号列表 l序号列表和无序号列表的使用方法基本相同，它 使用标签，每一个列表项前使用。 每个项目都有前后顺序之分，多数用数字表示。 其结构如下所示： l 第一项 第二项 第三项 多媒体效果多媒体效果 l插入图象 l播放音乐 l播放视频 插入图形插入图形 l超文本支持的图象格式有GIF、JPEG等。 插入图象的标签是，其格式为： l请看例子 播放音乐播放音乐 l点播音乐 将音乐做成一个链接：将音乐做

8、成一个链接：乐曲名 l自动载入音乐 基本语法：基本语法： 播放视频播放视频 l链接一个视频文件 将视频文件做成一个链接的方法：将视频文件做成一个链接的方法： 视频名称 l自动载入视频 与音乐的播放一样，我们可以使用与音乐的播放一样，我们可以使用EMBED标签播放视频：标签播放视频： TABLE表格表格 l表格的基本结构 l表格的标题 l表格的尺寸设置 l表格内文字的对齐、布局 l跨多行、多列的表元 l表格的颜色 表格的基本结构 l. 定义表格 .定义标题 定义表行 定义表头 定义表元(表格的具体数据) l一个简单的例子一个简单的例子 表格的标题表格的标题 l表格标题的位置，可由ALIGN属性来

9、设置， 其位置分别由表格上方和表格下方。下面 为表格标题位置的设置格式。 设置标题位于表格上方： . 设置标题位于表格下方： . 表格尺寸设置表格尺寸设置 l表格的大小 一般情况下，表格的总长度和总宽度是根据 各行和各列的总和自动调整的，如果我们要直接 固定表格的大小，可以使用下列方式： width和height属性分别指定表格一个固定的宽度 和长度，n1和n2可以用像素来表示，也可以用百 分比（与整个屏幕相比的大小比例）来表示 表格尺寸设置表格尺寸设置 l边框尺寸设置 边框是用border属性来体现的，它表示表格的边 框边厚度和框线。将border设成不同的值，有不 同的效果。 如： 定货单

10、 苹果香蕉葡萄 200公斤200公斤100 公斤 表格尺寸设置 l格间线宽度 格与格之间的线为格间线，它的宽度可以使用格与格之间的线为格间线，它的宽度可以使用 中的中的CELLSPACING属性加以调节。格式是：属性加以调节。格式是： #表示要取用的像素值表示要取用的像素值 例：例： 定货单定货单 苹果苹果香蕉香蕉葡萄葡萄 200公斤公斤200公斤公斤100公斤公斤 表格尺寸设置表格尺寸设置 l内容与格线之间的宽度 我们还可以在中设置CELLPADDING属性，用 来规定内容与格线之间的宽度。格式为： #表示要取用的像素值 l例： 定货单 苹果香蕉葡萄 200公斤200公斤100公斤 表格内文

11、字的对齐表格内文字的对齐/布局布局 l表格中数据的排列方式有两种，分别是左右排列和上 下排列。左右排列是以ALIGN属性来设置，而上下排 列则由VALIGN属性来设置。 l其中左右排列的位置可分为三种：居左（left)、居右 (right)和居中(center)； l而上下排列基本上比较常用的有四种：上齐(top)、居 中(middle)、下齐(bottom)和基线(baseline)。 l #=left, center, right l #=top，middle，bottom，baseline 表格的颜色表格的颜色 l在表格中，既可以对整个表格填入底色，也可以 对任何一行、一个表元使用背景色

12、。 表格的背景色彩 行的背景色彩 表元的背景色彩或 #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua Web结构结构 Web结构结构 l客户端与浏览器客户端与浏览器 l服务器端与服务器服务器端与服务器 l通信协议通信协议 l全球资源定位器全球资源定位器URL 1.2 JSP 概述概述 lJava 跨平台跨平台 稳定性稳定性 J2SE，J2EE，J2ME lServlet 功能功能 性能性能 安全性安全性 1.2 JSP 概述概述 lJSP 将内容的生成和显示分离将内容的生成和显示分离 利用可重用组件利用可重用组件 采用表示简化开发采用表示简化开发 强大的可伸缩性强大的可伸缩性 多样化和功能强大的开发工具支持多样化和功能强大的开发工具支持 平台无关平台无关 数据库连接数据库连接 JSP的运行原理的运行原理 先客户端发出请求，Web 服务器接收到请求之后，Web 服务器对 JSP 代码进行操作必须经历3个过程： l第一过程是代码转化，具体内容是用 JSP 引擎把 JSP 代码、