实验四(1)： HTML、JSP页面指令及代码片段

1、2012年4月11日 JAVA程序设计实验四（1）： HTML、JSP页面指令及代码片段 实验目的：1、 掌握html中常用标记的含义和应用2、 掌握JSP基本概念。3、 熟悉JSP页面指令使用。4、 熟悉初步的JSP代码片段应用编程5、 进一步掌握ArrayList的应用编程。实验内容：边学习边动手：一. HTML：超文本标记语言（同时也被翻译成超文本标签语言）。1. HTML 文件是包含一些标记的文本文件。这些标记告诉 WEB 浏览器如何显示页面。例：页面的标题这是我的第一个页面。这是粗体文本。2. 标记一般成对出现，用于表示一定的含义，如和表示段落，和之间的文本都在这个段落之内，表示段落

2、开始，表示段落结束 和 标记中的文本将以粗体显示。3. HTMl文件一般以.html为扩展名。WEB服务器不对HTML文件作解析，直接发送给客户端，由客户端浏览器负责解析。如IE、Firefox二. JSP(一) 概述1. HTML的功能是有限的，使用html可以创建静态内容，无论何时访问使用html技术开发的网站站点，获得的网页内容都是一样的（同样的动画、图片、背景音乐、文字等）。如果希望网页中的内容能动态发生变化，就需要使用动态网页编程技术，JSP是这类技术中之一。JSP的全称：JavaServer Pages2. JSP将HTML标记与Java语言结合，具备Java程序设计语言的全部优点

3、。3. JSP文件一般以.jsp为扩展名，由WEB服务器(如Tomcat)负责解析后转换成HTML文本（构成最终页面）发送给客户端.(二) 页面指令页面指令是独立于每个请求的，对整个页面有全局性影响的信息。在JSP页面中的语法是: ,斜体部分应该被具体的指令所代替。此处以Page指令为例：Page指令的设置通过属性和属性值的说明而定。以import属性为例，Page的import属性用来引入外部JAVA程序包。当JSP页面内部的代码片段需要应用外部程序包时，必须使用Page的import属性说明需要引用的包或者类名。(三) 代码片段表达式代码片断（一般形式为：）。表达式代码片段在被解析后，将会

4、把相应表达式的值传递给最终页面Java代码片断，（一般形式为：）。三. Eclipse中新建Web项目：实验1和实验2的项目类型为Java Application。通过新建Java Project向导即可完成一个JavaApplication类型的项目新建。如果要进行包含动态网页程序的Web应用开发，则要在Eclipse中使用Dynamic Web Project的新建向导，如图：然后一步步按照提示完成。即可在建立完毕的Web项目中新建.html和.jsp等文件了。四. 习题1.在已经建立的Web项目中，新建SimpleWebPage.jsp文件。具体步骤为：在Project Explorer

5、面板中，选择其中一个已经存在的WEB项目，如WebPros，并于右键弹出菜单中选New-JSP.参考代码为：Insert title here这是一个网页，可以显示数字，数字的个数和值由循环次数决定. Font是用于网页文本相关设置的标记，字体的大小由size属性决定。如% for( int i=3 ;i数字：分析上述JSP代码应能分辨其中哪些是HTML代码、哪些是Java代码。应该注意的是，Java代码无论是一般语句、还是语句中的一部分，如“”，都需要按照如上的形式进行编写。理解上述JSP代码时，应知道使用Java语句去“控制”页面显式的内容：1.“数字：”，因位于循环体中，所以在最终页面上

6、显式了5个；2.是Java表达式片段，它的值对应的是循环变量，也是在不断变化的，同样位于循环体中，在最终页面上会被显式。运行程序：具体步骤为：在Package Explore面板中选择 SimpleWebPage.jsp，右击菜单选择Run As-Run On Server.运行成功后应能看到:2.完成网页代码编写，网页执行效果为：3.将书上74页3.9实例的简单高校工资管理程序新增JSP页面输出信息功能：输出一个教师的信息此JSP页面需要引入3.9实例完成的包:将3.9实例中的源程序文件拷贝到当前项目的src文件夹，然后在Eclipse中点击菜单项“refresh”。通过页面指令Page的import属性来完成导入包代码的编写。参考代码：Insert title here运行程序，看看页面运行效果4.在上述基础上进行改进，输出5个教师的信息。使得JSP页面运行效果如下：5.将上题的输出数据进行重新组织：使用Table标记排列输出数据，参考效果为：注意：此table中的表格线宽度和颜色是使用borde