实验4： HTML、JSP页面指令及代码片段.docVIP

实验4 ： HTML、JSP页面指令及代码片段 实验目的： 掌握html中常用标记的含义和应用 掌握JSP基本概念。 熟悉JSP页面指令使用。 熟悉初步的JSP代码片段应用编程 进一步掌握ArrayList的应用编程。 实验内容： 边学习边动手： HTML：超文本标记语言（同时也被翻译成超文本标签语言）。 HTML 文件是包含一些标记的文本文件。这些标记告诉 WEB 浏览器如何显示页面。 html head title页面的标题/title /head body p这是我的第一个页面。b这是粗体文本。/b/p /body /htmlb 和 /b 标记中的文本将以粗体显示。 JSP页面中的语法是: %@ 页面指令...%,斜体部分应该被具体的指令所代替。此处以Page指令为例： Page指令的设置通过属性和属性值的说明而定。以import属性为例， Page的import属性用来引入外部JAVA程序包。当JSP页面内部的代码片段需要应用外部程序包时，必须使用Page的import属性说明需要引用的包或者类名。 %@page import=HandlePayroll.FulltimeTeacher % %@page import=java.util.*,java.util.Calendar; % 代码片段 表达式代码片断（一般形式为：%= 表达式%）。表达式代码片段在被解析后，将会把相应表达式的值传递给最终页面 Java代码片断，（一般形式为：% Java代码片段 %）。 Eclipse中新建Web项目： 实验1和实验2的项目类型为Java Application。通过新建Java Project向导即可完成一个JavaApplication类型的项目新建。如果要进行包含动态网页程序的Web应用开发，则要在Eclipse中使用Dynamic Web Project的新建向导，如图： 然后一步步按照提示完成。即可在建立完毕的Web项目中新建.html和.jsp等文件了。 习题 1.在已经建立的Web项目中，新建SimpleWebPage.jsp文件。具体步骤为：在Project Explorer面板中，选择其中一个已经存在的WEB项目，如WebPros，并于右键弹出菜单中选New-JSP. 参考代码为： %@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleInsert title here/title /head body 这是一个网页，可以显示数字，数字的个数和值由循环次数决定. font size = 2Font是用于网页文本相关设置的标记，字体的大小由size属性决定。如/fontbr % for( int i=3 ;i=7;i++) {% 数字：%=i%br % } % /body /html 分析上述JSP代码 应能分辨其中哪些是HTML代码、哪些是Java代码。应该注意的是，Java代码无论是一般语句、还是语句中的一部分，如“{”，都需要按照如上 % Java代码片段 % 的形式进行编写。 理解上述JSP代码时，应知道使用Java语句去“控制”页面显式的内容： 1.“数字：”，因位于循环体中，所以在最终页面上显式了5个； 2.%=i% 是Java表达式片段，它的值对应的是循环变量，也是在不断变化的，同样位于循环体中，在最终页面上会被显式。 运行程序： 具体步骤为：在Package Explore面板中选择 SimpleWebPage.jsp，右击菜单选择Run As-Run On Server.运行成功后应能看到: 2.完成网页代码编写，网页执行效果为： 3.将实验2的简单高校工资管理程序新增JSP页面输出信息功能：输出一个教师的信息 此JSP页面需要引入实验2完成的包:将实验2中的源程序文件拷贝到当前项目的src文件夹，然后在Eclipse中点击菜单项“refresh”。通过页面指令Page的import属性来完成导入包代码的编写。 参考代码： %@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8% %@ page import=Ex2_Pay