JSP

网页应用程序开发

JSP实验01 建立JSP开发环境

实验目的:掌握在Windows系统下建立JSP开发环境的方法。

(注意)安装所需的软件可以在学院的FTP服务器下载,也可以到其官方网站下载

1 安装JDK(Java开发包)

JDK是开发所有Java应用的基础
官网下载 http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html

建议安装版本为1.6,下载安装程序,双击即可安装

建议安装目录改为d:\java\jdk,方便以后使用

安装JDK时会附带安装JRE(Java运行环境),建议也更改安装目录为d:\java\jre,方便以后使用


安装JDK后,需要配置系统环境变量JAVA_HOME,变量值为JDK安装目录例如d:\java\jdk


2 安装Tomcat(JSP引擎)

Tomcat是常用的JSP引擎,本身可以作为Web服务器,也可以为专门的Web服务器如Apache提供JSP支持
官网下载 http://tomcat.apache.org/

建议安装版本为6.0,下载ZIP包,解压缩即可

建议安装目录改为d:\java\tomcat,方便以后使用

安装Tomcat后,双击安装目录下bin\startup.bat,即可启动Tomcat

用浏览器访问http://localhost:8080,如能打开Tomcat默认主页,说明Tomcat已正常运行

Tomcat必须处于运行状态才能发布JSP页面,双击安装目录下的bin\shutdown.bat,即可停止Tomcat。

注意:如果本机没有其他Web服务器例如IIS等占用默认端口号,可以打开安装目录下的conf\server.xml将Web服务端口号由8080改为80,这样用浏览器访问时就不必指定端口号

(补充:如果需要使用浏览器远程管理Tomcat,可以打开安装目录下的conf\tomcat-users.xml添加角色为adminmanager-gui的用户,即可登录后台进行管理操作)

3 安装JSP_Support(Dreamweaver的JSP插件)

Dreamweaver是优秀的网页设计软件,可以用来更方便地编写JSP页面。JSP_Support插件则提供了预设的服务器行为,能够以所见即所得的方式自动生成JSP代码,以帮助使用者进行快速开发。

CS3本身带有JSP_Support,CS4或更高版本未启用JSP_Support,可在configuration\DisabledFeatures文件夹中找到此插件安装启用
官网下载 http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1731022

在安装了CS4以上版本的Dreamweaver,双击插件包JSP_Support.mxp即可安装插件,此外还要将连接数据库的JSP脚本Dreamweaver_Connections.rar解压复制到安装目录的configuration\Connections文件夹。(如为CS3及以下版本则无需执行本段操作。)

4 编写和测试JSP页面

Tomcat的Web应用程序发布目录是Tomcat安装目录下的webapps文件夹,其中的ROOT文件夹就是网站根目录的内容,其他的文件夹是单独的Web应用程序,可以作为网站根目录的子目录访问。

我们可以在ROOT文件夹下使用记事本编写最简单的JSP页面test.jsp,内容如下:

<h1><%="Hello World!"%></h1>

用浏览器访问 http://localhost:8080 的效果如下:

而使用浏览器的查看源代码功能看到的内容如下:

<h1>Hello World!</h1>

你可以发现浏览器看到的源代码和.jsp文件的源代码是不同的,<h1>是HTML标签,服务器会直接发送给客户端,而<%和%>中的内容就是Java代码段,服务器会执行该代码并将执行结果发送给客户端。(注意:<%=Java表达式%>是一种特殊的JSP代码段,称为JSP表达式,专用于单个数据输出,相当于<%out.print(Java表达式);%>)

5 创建使用JSP技术的Web应用程序

接下来学习如何使用Dreamweaver创建使用JSP技术的Web应用程序,实际上就是创建单独文件夹放置所有页面,并设置JSP服务器信息,这样就可以在Dreamweaver中完成编写和测试过程(注意:不同版本Dreamweaver的具体设置界面会有所不同)。

在Dreamweaver菜单栏中选择“站点”>“新建站点”,设置站点信息:
站点名称:jsptest
本地站点文件夹:D:\java\tomcat\webapps\jsptest\
再点击“服务器”选项卡,点击“+”按钮添加服务器
服务器名称:jsptest
连接方法:本地/网络
服务器文件夹:D:\java\tomcat\webapps\jsptest
Web URL:http://localhost:8080/jsptest/
在“高级”对话框中选择服务器模型:JSP
完成添加后设置服务器类型,取消勾选“远程”,勾选“测试”

创建默认首页文件index.jsp,Dreamweaver会自动生成页面框架代码,我们只需输入内容即可,在页面中添加文本“乘法表”,以及生成乘法表的Java代码段:


切换到设计视图并点击页面上方的“实时视图”按钮,即可在Dreamweaver内测试页面在浏览器中的输出效果了。与直接在浏览器中输入http://localhost:8080/jsptest的效果完全相同。

评论:

发表评论:
该文章禁用评论功能。