Java Web编程技术 实验指导

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《Java Web编程技术》实验指导

实验1 HTML编程基础

一.实验类型:验证,学时数:2学时

二.实验目的

(1)学会利用Eclipse创建动态web项目的方法

(2)初步掌握利用HTML进行交互式的网页的设计方法

(3)掌握HTML中表格、表单、超链接设计的基本方法

(4)掌握Tomcat服务器的配置方法

三.实验内容与步骤

(1)启动Eclipse,创建一个动态web项目,如Hello。

图1.1 创建Dynamic Web Project

图1.2 指定Project name

(2)在Project Explorer中项目名Hello(刚建立的)上单击鼠标右键,在快捷菜单中选New -> HTML File。

图1.3 建立HTML文件(图A)

图1.3 建立HTML文件(图B)

(3)HTML文件包括:教材附录A:table.html(P808~809)、form.html(P815~816)、link.html(P819)。

(4)掌握Tomcat服务器的安装与配置方法,包括下载、安装、运行方法。

方法见教材第5章 5.5节。目前Tomcat服务器比较新的版本为

apache-tomcat-7.0.2-windows-x86.zip。解压在指定的文件夹下即

可,在此假定为D:\,安装后的文件夹为D:\apache-tomcat-7.0.2。

查看目录结构及文件是否与教材图5-2、表5-1中所描述的相同。(5)在Eclipse环境中创建Web服务器,单击Windows -> Perfrences -> Server -> Runtime Environments ->Add。

图1.4 选择Perfrences

图1.5 添加服务器运行时环境

图1.6 选择Apache Tomcat v7.0

图1.6 指定Apache Tomcat v7.0的安装目录和JRE

(6)Tomcat服务器上部署并运行web程序,方法是:在Project Explorer 中项目名Hello指定的HTML文件名上单击鼠标右键Run As -> Run on

Server -> 指定服务器。另一方法见教材表5-1(P185)。

图1.7 在服务器上运行HTML文件

图1.8 指定运行服务器

图1.9运行效果

四.实验过程及报告要求

(1)严格按照实验要求完成实验内容

(2)详细记录实验过程,特别是出现的问题和解决方法

(3)认真总结实验过程,完成实验报告,写出自己在实验过程中出现的问题

和解决方法,总结实验完成后的体会和感受。

实验2 XML应用基础

一.实验类型:验证,学时数:2学时

二.实验目的

(1)通过本实验,熟悉XML文档编辑,了解XML文档的解析、浏览工具。(2)掌握XML文档的基本概念和基本语法,掌握XML与HTML的主要区别。(3)理解并掌握DTD的定义方法及其用途,包括DTD元素、属性、实体声明的基本语法。

三.实验步骤

(1)启动Eclipse,创建一个动态web项目。

(2)在所建项目中建立XML文档。教材第1章:图1-4给出的实例(P9)。(3)掌握文档类型定义的方法,教材第1章例1-11(P23)。

(4)掌握一般实体和参数实体的定义与使用方法。教材第1章例1-13、例1-14(P25)。

(5)了解属性的定义与使用方法。教材第1章例1-20、例1-21(P31~33)。

(6)综合练习:

1)建立student.dtd文件,内容如下:

2)建立students.css文件,内容如下:

student{

background-color: #CCCCFF;

width: 80pt;

}

name{

display: block;

font-size: 16pt;

}

age{

color: #FF0000;

font-size: 14pt;

}

sex{

color: #0000FF;

font-size: 14pt;

}

3)建立student.xml文件,内容如下:

<学生信息>

<学生编号="_03001">

<姓名>张三

<年龄>23

<选课>英语

<选课>计算机

<学生编号="_03002"身份="学生">

<姓名性别="男">李四

<年龄>25

<选课>英语

<学校>&school;

4)在浏览器中浏览student.xml

5)建立student.xsl,内容如下:

xmlns:xsl="/1999/XSL/Transform">

姓名学号年龄性别