当前位置:文档之家› 《动态网页技术JSP》实验指导书

《动态网页技术JSP》实验指导书

实验课指导书课程名称动态网页技术JSP适用专业计算机科学与技术电子商务任课教师文晓棠开课系信息工程系广东商学院华商学院教务处制实验项目一(一)实验项目名称:JSP开发环境配置与测试(二)实验学时:2(三)实验性质(设计性?综合性?验证性?)验证性(四)实验目的1.掌握JSP开发环境安装与配置;2. 掌握JSP开发的一般步骤。

(五)实验内容1.安装与配置JDK,并测试JDK的安装是否成功;2.安装与启动Tomcat,并通过浏览器访问Tomcat的主页面;3. 安装Eclipse开发工具,并进行汉化;4. 在Eclipse中配置web服务器,要求使用外置的Tomcat服务器;5. 开发并运行JSP程序。

实验条件:要求准备下列软件:Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat 7.0服务器。

(六)实验重点、难点JDK环境配置、在Eclipse中配置Tomcat服务器。

(七)具体实验操作过程1. JSP开发环境配置JSP 编程使用的 Java 语言,所以运行 JSP 程序必须要有 JVM 的支持,还必须要有Java程序编辑、编译程序(JDK)的支持。

现在企业流行的集成开发环境是 Eclipse 或MyEclipse。

大多数应用程序都需要连接数据库,所以需要 DBMS 的支持,数据库的安装配置将在后续章节介绍。

JSP 应用程序是运行在服务器上的,所以需要Web服务器的支持,在此以JDK1.7、Tomcat 7.0、Eclipse IDE for Java EE 为例,安装配置 JSP 开发环境。

(1)安装JDK从Java公司官方网站(/technetwork/java/index.html)下载JDK,现在最新的是 JDK 7 Update 5,如果是32位window操作系统,下载后得到的安装文件时jdk-7u5-windows-i586.exe,只需要双击中下载到的EXE 文件,点下一步即可安装。

JDK 安装好后,需要配置 Java 的环境变量,步骤如下:1)右击计算机->属性->高级系统设置->高级->环境变量,打开“环境变量”对话框,在用户或系统变量中新建以下环境变量:①JAVA_HOME:表示Java SDK的安装目录,其值为:D:\ProgramFiles\Java\jdk1.7.0_05(根据自己的实际安装位置进行调整)。

②修改 Path 环境变量,在变量值最前端添加增加“.;%JAVA_HOME%\bin;”③CLASSPATH :表示 Java 要访问的 jar 文件所在的目录,查看是否存在此变量,若存在,则加入:“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar“。

注意:对于 Path 环境变量是添加,而不要删除原来的内容,否则很多 Windows 功能不能使用;若有其他程序要用到自己的 Java 环境变量,请将第③步的内容添加到Path 环境变量的最后,以免影响其他程序的运行。

字母不区分大小写,大写字母是遵照 Java 环境变量配置习惯。

2)测试打开 Windows 的命令行窗口(开始->运行,在弹出的窗口中输入 cmd 回车),输入javac 然后回车,若能显示 javac 的帮助信息,说明 JDK 安装成功,如下图所示。

(2)安装Tomcat服务器1)下载安装Tomcat在Tomcat官方网站(/)上下载Tomcat,现在最新版本是7.0,下载后的文件名为Apache-Tomcat-7.0.29.exe。

点击Apache-Tomcat-7.0.29.exe文件,弹出安装向导对话框,安装时只需要一路next即可,其中,安装到选择Java Virtual Machine对话框时选择Java虚拟机路径,这里选择JDK的安装路径。

安装到Choose Install Location对话框时,更改为Tomcat的安装路径。

2)启动Tomcat安装完成后,需要启动Tomcat服务器。

在“开始”菜单中选择“所以程序”—“Apache Tomcat 7.0 Tomcat 7”—“Monitor Tomcat”命令,在任务栏右侧的系统托盘中将出现启动Tomcat图标,在该图标上单击鼠标右键,在打开的快捷键菜单中选择“Start Service”命令,启动Tomcat。

Tomcat启动后,打开IE浏览器,在地址栏中输入地址http://localhost:8080访问Tomcat服务器,若出现下图所示页面,则表示Tomcat安装成功。

2、安装JSP开发环境EclipseEclipse可以从官网上下载,进入Eclipse的官网后下载Eclipse 4.2版本,下载后的文件名为Eclipse-JEE-juno-win32.zip,若有新版本也可以下载新版本。

1)将Eclipse-JEE-juno-win32.zip文件解压后,双击Eclipse.exe文件就可启动Eclipse。

2)解压完成后,启动Eclipse是英文版的,可以去Eclipse官网免费下载Eclipse 多国语言包,本书中使用Eclipse4.2版本,即juno版本,所以下载多国语言包时,选择对应的juno超链接,然后下载语言包文件。

下载成功后可将其解压,然后使用得到的features和plugins两个文件夹覆盖Eclipse文件夹中同门的这两个文件夹即可。

此时启动Eclipse,可看到汉化后的Eclipse启动界面,如下图:3)每次启动Eclipse时,都需要设置工作空间,用来存放创建的项目。

可通过勾选“将此值用作缺省值并且不再询问选项屏蔽对话框”。

3、应用Eclipse开发简单的JSP程序下面应用Eclipse开发一个简单的JSP程序,开发步骤如下:(1)启动Eclipse,弹出选择工作空间对话框,设置工作空间存储位置,然后单击确定按钮进入Eclipse开发界面。

(2)依次单击菜单栏中的“文件”—“新建”—“Dynamic Web Project”菜单项,将打开新建动态Web项目对话框,在该对话框的“Project name”文本框中输入项目名称,这里为“firstProject”,在Dynamic Web module version下拉列表中选择“3.0”,其他选项采用默认设置。

(3)单击“下一步”按钮,将打开配置Java应用的对话框,这里采用默认设置。

(4)单击“下一步”按钮,将打开配置Web模块设置对话框,这里采用默认设置。

(5)单击“完成”按钮,完成项目firstProject的创建。

项目创建完成后,就可根据实际需要创建文件,JSP文件或是其他文件。

下面将创建一个名称为index.jsp的JSP文件(1)在Eclipse的“项目资源管理器”中,选中firstProject节点下的WebContent 节点,并单击鼠标右键,在打开的快捷菜单中选择“新建”—JSP file,打开“New JSP file”对话框,输入文件名“index.jsp”,其他采用默认设置。

(2)单击“下一步”,打开选择JSP模板对话框,这里采用默认设置。

(3)单击“完成”,完成JSP文件的创建。

此时,项目资源管理器中WebContent 节点下,将自动添加一个名称为index.jsp的节点,同时,Eclipse会自动以默认的与JSP文件关联的编辑器文件在右侧的编辑窗口中打开。

(4)将index.jsp文件中的默认代码修改为以下代码:<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE HTML><html><head><meta charset="utf-8"><title>使用Eclipse开发一个JSP网站</title></head><body>保护环境,从自我作起...</body></html>(5)将编辑好的JSP页面保存。

至此,完成了一个简单的JSP程序的创建。

在发布和运行项目前,需要配置Web服务器,如果已经配置好Web服务器,就不需要再重新配置了。

配置Web服务器具体步骤如下:(1)在Eclipse工作台的其他视图中,选中Server视图,在该视图的空白区域单击鼠标右键,在弹出的快捷菜单中选中“New/Server”菜单项,将打开“new server”对话框,在该对话框中展开“Apache”节点,选中该节点下的“Tomcat v7.0 Server”子节点,其他采用默认设置。

(2)单击“下一步”,打开Tomcat服务器安装路径对话框,选择Tomcat的安装路径,其他采用默认设置。

(3)单击“完成”,完成Tomcat服务器配置。

动态Web项目创建完成后,就可以将项目发布到Tomcat并运行该项目。

下面将介绍具体方法:(1)在“项目资源管理器”中选择项目名称节点,在工具栏上单击“启动”按钮,在弹出的快捷菜单中选择“运行方式”—“Run On Server”,对话框,在该对话框中选择将服务器设置为缺省值,其他采用默认设置。

(2)单击“完成”按钮,即可通过Tomcat运行该项目,运行后的效果如下图:4、开发第一个应用问题:这是一个动态Web应用,程序会根据当前用户的访问时间来显示对应的消息,但这仍然是事先人为地编写出各种情况,然后由计算机来根据条件进行判断选择。

参考步骤:(1)创建一个名为FirstJsp的Web项目。

(2)在WebContent目录下新建一个index.jsp页面文件,并对该文件进行如下编码:<%@ page contentType="text/html;charset=UTF-8"%><%@ page import="java.util.Date,java.text.*" %> <!-- 导入用到的类包文件 --><%Date nowday=new Date(); //获取当前日期int hour=nowday.getHours(); //获取日期中的小时SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//定义日期格式化对象String time=format.format(nowday); //将指定日期格式化为”yyyy-MM-dd HH:mm:ss”形式%><html><head><title>第一个JSP应用</title></head><body><center><table border="1" width="300"><tr height="30"><td align="center">温馨提示!</td></tr><tr height="80"><td align="center">现在时间为:<%=time%></td></tr><tr height="70"><td align="center"><!-- 以下为嵌入到HTML中的Java代码,用来生成动态的内容 --><%if(hour>=24&&hour<5)out.print("现在是凌晨!时间还很早,再睡会吧!");else if(hour>=5&&hour<10)out.print("早上好!新的一天即将开始,您准备好了吗?");else if(hour>=10&&hour<13)out.print("午休时间!正午好时光!");else if(hour>=13&&hour<18)out.print("下午继续努力工作吧!!");else if(hour>=18&&hour<21)out.print("晚上好!自由时间!");else if(hour>=21&&hour<24)out.print("已经是深夜,注意休息!");%></td></tr></table></center></body></html>(3)将应用发布到Tomcat中,然后通过Eclipse启动Tomcat服务器。

相关主题