WEB程序设计实验指导书

1、文档仅供参考WEBS序设计实验指导书WEB程序设计实验指导42020 年 4 月 19 日目录实验1WEB程序运行环境配置实验2页面设计与 HTML 的使用实验3层叠样式表CSS的应用实验4客户端脚本语言的使用实验5WEB编程语言语法基础实验6内置对象的应用实验7数据库编程技术实验8JavaBean的应用实验9JSP和 Servlet实验 10JSP和 XML实验 1 WEB 程序运行环境配置一、实验目的1、掌握JSP程序运行环境的配置过程；2、理解JSP程序的运行原理。二、实验内容1、 JSP程序运行环境配置。本实验采用WindowsServer+JDK+Tomcat2、修改WEB服务端口和

2、网站的根路径。三、实验要求1、掌握JSP程序运行环境配置的基本要求。四、实验环境硬件环境：PC微机软件环境： Windows XP 或者 Windows 操作系统五、实验步骤1、 进入网址，下载 windows版本的JDK程序j2sdk-1_4_2_03- windows-i586-p.exe 。2、安装下载的JDK程序。注意其安装路径，这里假定安装路 径为 C: j2sdk1.4.2。3、接下来需要配置一些环境变量。右键单击“我的电脑”， 在弹出菜单中选择“属性”，进入“高级”中的“环境变 量”；新建一个系统变量 JAVA_HOME其值设为文档仅供参考4、5、6、C:j2sdk142 ;又新

3、建一个系统变量CLASSPAT,其值设为.; JAVA_ HOME % lib ;修改系统变量 PATH的值，在原 值基础上加上 %JAVA_HOME% bin; 。接下来简单地测试一下 JDK的安装与环境变量设置是否正 确。先编写一个简单的 Java程序存放在 下，然后运行 cmd 命令，进入系统的命令行方式，在命令行 C: 下，用 java和javac两个命令编译和运行所编写的Java程序，如果成功运行，说明整个 Java运行环境配置正确。附：简单的Java程序Hello.javaimport java.io.*;public class Hello public static void

4、main (String args) System.out.println(Hello World);进入网址，下载其最新的 Tomcat 程序 jakarta-tomcat-5.0.16.exe。安装下载的Tomcat V5.0.16程序。选择一个安装路径，这 里假定安装路径为C:Tomcat5.0，其它设置可用安装程序的 默认设置。安装完后启动tomcat。启动成功后，任务栏的托盘处可见一含有绿色三角标记的 Apache Tomcat图标。7、62020 年 4 月 19 日文档仅供参考8 在浏览器地址栏输入 http:/localhost:8080，如果看见图1-1 的界面，说明JSP运

5、行环境配置成功。9、准备修改服务端口和网站的根路径。在实际应用中，一般需要更改这两个基本配置，修改这两个配置均在Tomcat安装目录下的conf子目录下的server.xml文件中。修改前请 备份好server.xml文件。10、 修改服务端口。用记事本或其它文本编辑器打开server.xml文件，定位到93行，将94行的“ 8080”修改为需要的端口号，如“ 8090”。重新启动Tomcat，在浏览器地址栏输入http:/localhost:8090，可见类似图1-1的界面，说明端口修改成功图1-1 Tomcat的欢迎界面11、修改网站的根路径。首先在 C盘创立站点目录jsproot，并 在

6、其下创立 ROOT子目录，在 ROOT目录之下创立 WEB-INF 子目录，注意，JSP对目录是区分大小写的。12、然后打开server.xml，找到第215行的根目录的配置信息, 其中appBase属性设置了当前的网站目录对应服务器物理-ini x|路径地址，如图1-2所示易| server - 记事本文件格式匹1帮由Host nane-*loc-alhost,1 debuy0autoDeploy=*,trup*xnlUaltdation=*lfalsabl xnlHamespaceAwareFalse图1-2根路径的配置信息13、将215行的appBase修改成所需的网站根路径，如“C:jsproot ”，修改完后如图1-3所示易| server - tEW文件扁辑边格式吵帮助町eiploy-l,trueHndUmlid甘xnilKan)espaceftware=oFalse图1-3修改后的根路径信息14、接下来创立一个1.js