第02章JSP应用基础class.ppt

Java EE应用技术基础 济南大学信息学院 刘鹍 liukun@ 回顾：第1章 Java EE简介 第2章 JSP应用基础 第2章 JSP应用基础 2.1 HTML语言 2.2 Servlet应用 2.3 JSP语法 2.4 JSP内置对象 2.5 JSP综合应用实例 第2章 JSP应用基础 先来看一个例子 什么是JSP 他和HTML什么关系？ 第2章 JSP应用基础 启动Tomcat服务器，在IE浏览器中输入“http://localhost:8080/test/input.jsp”，系统会显示input.jsp页面，如图2.1所示。当在文本框中输入10后，单击【计算】按钮会跳转到另外一个页面，也就是result.jsp页面，并且输出结果314.0，如图2.2所示。 第2章 JSP应用基础 Input.jsp %@ page contentType=“text/html;chartset=gb2312”% html body form action=“result.jsp” method=“post” 请输入半径r:input type = “text” name =“radius”/ input type=“submit” value=“计算”/ /from /body /html 第2章 JSP应用基础 result.jsp %@ page contenType=“text/html;chartset=gb2312”% html body % fouble r,s; String radius = request.getParameter(“radius”); if(radius==null){ s=0.0; } else{ r=Double.parseDouble(radius); s=3.14*r*r; } out.print(s); % /body /html 第2章 JSP应用基础 JSP？ 2.1 HTML语言 2.1.1 HTML文件的基本结构 HTML文件的基本结构如图2.3所示。 2.1.1 HTML文件的基本结构 大家可以看下面的例子，文档头部分有title网页标题标记，文档主体部分有img图片标记、a…/a超链接标记及一些文字。把这段代码命名为a.html，保存在想要保存的路径。双击该文件就可以运行了。只要该路径下有b.html文件，单击超链接就可以跳转到b.html。 2.1.2 HTML文件的语言标记 1. HTML标记 html…/html HTML标记表示文档内容的开始和结束。html是开始标记，/html是结束标记，其他所有的HTML代码都位于这两个标记之间。浏览器将该标记中的内容视为一个Web文档，按照HTML语言规则对文档内的标记进行解释。html…/html标记是可选的，但是最好不要省略这两个标记，以保持Web文档结构的完整性。 2. 首部标记 head…/head 首部标记中提供与网页有关的各种信息。在首部标记中，一般使用下列标记。 title.../title：制定网页的标题。 style.../style：定义文档内容样式表。 script... /script：插入脚本语言程序。 meta：描述网页信息。 这些信息首先向浏览器提供，但不作为文档内容提交。 2.1.2 HTML文件的语言标记 3. 标题栏标记 title…/title 标题栏标记的内容是在浏览器标题栏中显示的文本。通常，Web搜索工具用它作为索引。 4. 描述标记 meta 属性=值… 描述文档属性参数。 5. 正文标记 正文标记的格式如下： body 属性=值…事件=执行的程序……/body 正文标记中包含文档的内容。其常用属性如下： background：文档背景图像的URL 地址。 bgcolor：文档的背景颜色。 text：文档中文本的颜色。 link：文档中链接的颜色。 vlink：文档中已被访问过的链接的颜色。 alink：文档中正被选中的链接的颜色。 2.1.2 HTML文件的语言标记 此外，HTML文件还有很多用来设置文本格式的标记，下面举几个常用的标记。 （1）分段标记 p属性=值…/p 段落是文档的基本信息单位。利用分段标记，可以忽略文档中原有的回车和换行。定义一个新段落，就是换行并插入一个空行。 单独使用p标记时会空一行，使后续内容隔一行显示。同时使用p/p，则将段落包围起来，表示一个分段的块。其最常用的属性如下。 align：段落的水平对齐方式，其值如下： left：左对齐（默认值）。 center：居中对齐。 right：右对齐。 justify：两边对齐。 2.1.2 HTML文件的语言标