《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 onServer -> 指定服务器。
另一方法见教材表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文件,内容如下:<!ELEMENT学生信息 (学生)*><!ELEMENT学生 (姓名,年龄,选课+,学校?)><!ATTLIST学生编号ID#REQUIRED><!ATTLIST学生身份CDATA#FIXED"学生"><!ELEMENT姓名(#PCDATA)><!ATTLIST姓名性别 (男|女) #IMPLIED><!ELEMENT年龄(#PCDATA)><!ELEMENT选课(#PCDATA)><!ELEMENT学校(#PCDATA)><!ENTITY school"北京大学">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文件,内容如下:<?xml version="1.0"encoding="UTF-8"?><?xml-stylesheet type="text/css" href="Students.css"?> <!DOCTYPE学生信息SYSTEM"StudentDTD.dtd"><学生信息><学生编号="_03001"><姓名>张三</姓名><年龄>23</年龄><选课>英语</选课><选课>计算机</选课></学生><学生编号="_03002"身份="学生"><姓名性别="男">李四</姓名><年龄>25</年龄><选课>英语</选课><学校>&school;</学校></学生></学生信息>4)在浏览器中浏览student.xml5)建立student.xsl,内容如下:<?xml version="1.0" encoding="gb2312"?><xsl:stylesheet version="1.0"xmlns:xsl="/1999/XSL/Transform"><xsl:template match="/"><table border="1"><tr><td>姓名</td><td>学号</td><td>年龄</td><td>性别</td></tr><xsl:apply-templates select="./students/student"> <xsl:sort select="age"/></xsl:apply-templates></table></xsl:template><xsl:template match="student"><tr><td><xsl:value-of select="name"/></td><td><xsl:value-of select="@id"/></td><td><xsl:value-of select="age"/></td><td><xsl:value-of select="sex"/></td></tr></xsl:template></xsl:stylesheet>6)修改student.xml文件:将元素<?xml-stylesheet type="text/css" href="Students.css"?>改为:<?xml-stylesheet type="text/xsl" href="Student.xsl"?>7)在浏览器中浏览student.xml(7)修改server.xml的内容,使Tomcat服务器默认监听的端口号8080为8000。
方法:教材第5章 188页,并进行测试。
(8)修改tomcat-users.xml的内容,增加一个manager web程序管理员用户(用户名:zhangsan,密码:1234)。
方法:教材第5章 194~195页,并进行测试。
四.实验过程及报告要求(1)严格按照实验要求完成实验内容(2)详细记录实验过程,特别是出现的问题和解决方法(3)认真总结实验过程,完成实验报告,写出自己在实验过程中出现的问题和解决方法,总结实验完成后的体会和感受。
实验3 Servlet技术一.实验类型:验证(前2学时)、设计(后2学时),学时数:4学时二.实验目的(1)掌握利用Eclipse创建动态web项目的方法(2)学会手工方式进行Servlet程序的编写、编译、部署、访问方法(3)学会在Eclipse环境下进行Servlet程序的编写、编译、部署、访问方法(4)掌握在web.xml中编辑servlet和servlet-mapping元素的方法(5)掌握在Tomcat服务器中发布web程序的方法。
三.实验步骤(1)软件准备:a)安装JDKb)设置环境变量JAVA_HOME,方法:教材P187。
c)解压eclipsed)解压tomacat(2)手工方式进行Servlet程序的编写、编译、部署、访问方法,方法:教材第6章实例一(P205~210)。
(3)启动Eclipse,创建一个动态web项目,并指定Server Runtime Environments(若不存在,则创建Tomcat服务器)。
注意:JRE环境必须是JDK的安装文件夹,如;C:\Program Files\Java\jdk1.6.0_22。
(4)在所建项目中建立Servlet程序。
内容:教材第6章实例一(P205~210)、实例二(P211)( welcome.html、WelcomYou.java)、实例四(P220~221)(login.html、success.html、LoginServlet.java)、例6-14(P228~229)、例6-16~例6~17(P233~235)。