《网站的建设与实践ppt课件》由会员分享，可在线阅读，更多相关《网站的建设与实践ppt课件（56页珍藏版）》请在金锄头文库上搜索。
1、JSP概述,第一章,本章主要内容,静态网页与动态网页 Servlet 2.4概述 JSP2.0概述 上机实验环境的搭建 第一个JSP程序的编写,1.1 静态网页和动态网页,1.1.1 静态网页 1、静态网页：是指用HTML标记语言等来编排，页面中的内容固定不变，存盘后一般以*.html、*.htm等文件形式存在的网页。 2、静态网页的优点 1）访问响应速度快。 2）容易被搜索引擎收录。,3、静态网页的缺点 1）缺乏交互性。 2）维护工作量大 4、 URI与URL 1）URI：Web上的资源通过一个通用资源标志符（Universal Resource Identifier，URI）进行定位。 U
2、RI一般由三部分组成：访问资源的命名机制、存放资源的主机名、资源的路径和文件名。,1.1 静态网页和动态网页,1.1 静态网页和动态网页,2）URL：URL是Uniform Resource Location的缩写，译为“统一资源定位符”。 URL是Internet上用来描述信息资源的字符串，主要用在各种WWW客户程序和服务器程序上。采用URL可以用一种统一的格式来描述网络中的各种信息资源，包括文件、服务器的地址和目录等。,1.1 静态网页和动态网页,URL的格式由三部分组成： 第一部分是协议（或称为服务方式）， 第二部分是存有该资源的主机IP地址或域名（包括端口号）， 第三部分是资源的具体地
3、址。 例如：http:/localhost/jsp/exam.jsp中，协议为http，主机名为localhost(默认端口号为80)，资源地址为主机上的“/jsp/exam.jsp”。,1.1 静态网页和动态网页,有一个URL如： htpp:/localhost/exam.jsp?ID=908c:jdklibdt.jar;c:jdklibtools.jar path=;c:jdkbin,1.3 上机实验环境的搭建,1.3.2安装Tomcat5.5 1、Tomcat5.5的安装与配置 Tomcat是支持Servlet和JSP技术规范的Web服务器软件，是Apache软件基金会管理下的一个开源项
4、目，可免费下载使用，其核心代码来自Sun公司。 最后为Tomcat添加环境变量：tomcat=c:tomcat。 Tomcat5.5安装过程的录相请参考电子资源包democh1tomcat.exe文件。,1.3 上机实验环境的搭建,2、Tomcat5.5.17的文件夹结构 Tomcat5.5.17主要文件夹结构如图1-2,1.3 上机实验环境的搭建,各文件夹的基本功能如下： 1）c:tomcatbin文件夹 这个文件夹主要存放Tomcat的脚本文件和可执行文件。 startup.bat是Windows环境下启动Tomcat服务器的批处理文件，双击运行这个文件会弹出一个命令行窗口，显示启动过程的
5、各步信息，如果关闭此窗口，则表示关闭Tomcat服务器。,1.3 上机实验环境的搭建,Tomcat启动成功后，打开IE5浏览器，在地址栏中输入 “http:/127.0.0.1:8080”并回车后，会看到图1-3示的画面。,1.3 上机实验环境的搭建,1.3 上机实验环境的搭建,2）c:tomcatcommonlib文件夹 这个文件夹下存放*.jar形式的公用类库文件，这些类库文件可供Tomcat管理下的各个web应用所共享。 3）c:tomcatconf文件夹 这个文件夹主要存放Tomcat的全局配置文件。 Tomcat是一个基于组件的Web服务器，各组件在server.xml中定义和配置，
6、如侦听端口号、虚拟主机、上下文(Context)、连接超时时间等。server.xml的基本结构如下示：,1.3 上机实验环境的搭建,1.3 上机实验环境的搭建,server.xml文件中各元素的主要功能说明如下： Server组件：Server是单实例(Singleton)的，它一般用来代表整个JVM，在JVM中包含有一个或多个Service实例。Server在指定端口上侦听“shutdown”关机命令。Server不是容器，所以不要给它直接定义日志等组件。 Service组件：一个Service中可以有多个Connector和一个Engine。Engine被Service中的一个或多个Co
7、nnector所共享。Service也不是容器,1.3 上机实验环境的搭建,Connector组件：它是客户端和Tomcat容器类元素间的通信接口，用于接收客户端的request请求，然后转发给Engine处理，并把返回的处理结果传递给客户端。Tomcat中此项的默认配置参数如下：, ,1.3 上机实验环境的搭建,Engine组件：Engine是处理request请求的入口。当把Tomcat当作独立的Web服务器时，Engine实例为Tomcat提供分析HTTP报头的功能，从中抽取出request请求，并转发给合适的虚拟主机。Tomcat此项的默认配置是：, ,1.3 上机实验环境的搭建,Ho
8、st组件：一个Host代表一台虚拟主机。所谓虚拟主机，就是把一台运行在互联网上的Web服务器划分成多个“虚拟”的服务器，每一个虚拟主机有独立的域名，各虚拟主机独立工作。一个Host的典型配置如下示：, ,1.3 上机实验环境的搭建,Context组件：一个Context代表虚拟主机中的一个Web应用。 为了方便客户端通过URL访问Web应用中的资源，需要给每个Web应用定义一个URL名，即虚拟路径，在JSP中称之为上下文路径(Context Path)。在URL中通过上下文路径指明访问的是虚拟主机中哪个Web应用中的资源，此时的URL写法为： http:/主机名：端口/上下文件路径名/资源路径
9、/资源名,1.3 上机实验环境的搭建,可用元素定义一个Web应用上下文路径，它的典型使用格式如下示：,1.3 上机实验环境的搭建,元素中常用的参数说明如下： docBase：指明一个Web应用所在的物理文件夹名 path：定义Web应用的上下文路径名，上下文路径第1个字符一般为“/”。 reloadable：此属性取值为“true”时，表示让Catalina监控Web应用中WEB-INFclasses文件夹和WEB-INFlib文件夹下文件的变化 。 cookies：取值为true时表示使用cookies存储session隐含对象的ID号，默认值为true,1.3 上机实验环境的搭建,back
10、groundProcessorDelay：此项属性取值为一个正整数n时，表示让Web应用在n秒钟延时后启动一个后台处理线程检查sesison超时或WEB-INFclasses文件夹下程序文件的变化。默认取值为-1，表示使用父主机中的处理线程完成检查任务。 crossContext：取值为true时，表示允许在当前Web应用通过ServletContext.getContext()方法获取当前虚拟主机中其它Web应用的request转发对象(RequestDispatcher)。默认值为false，则调用getContext()方法时会返回null。,1.3 上机实验环境的搭建,4）c:tomc
11、atwork文件夹 这是一个临时文件夹，主要存放各JSP文件编译后得到的Servlet程序、日志和临时文件等。 5）c:tomcatwebapps文件夹 Tomcat默认的虚拟主机是localhost，它默认的Web应用发布文件夹是webapps。在此文件夹下发布的Web应用通过URL即可直接访问，不需要在中进行配置。,1.3 上机实验环境的搭建,webappsROOT文件夹是localhost主机默认的Web应用，其主页通过http:/127.0.0.1:8080来访问。 webappstomcat-doc中存储的是Tomcat5.5的说明文档。 webappsjsp-examples下存储
12、了一些JSP样例。 webapps servlets-examples 下存放有一些Servlet样例。,1.3 上机实验环境的搭建,如果需要给localhost虚拟主机创建一个Web应用，最简单的方法是在webapps下创建一个文件夹，在此文件夹下组织Web应用。 ROOT为Web应用的文件夹名，在ROOT下可以创建下级文件夹来分类存放资源文件。WEB-INF是一个特殊的文件夹，主要存放当前Web应用的配置文件、类库文件等资源。这个文件夹对于客户端而言是不可访问的，但对Web应用中的程序而言是可访问的。,1.3 上机实验环境的搭建,例如，把index.jsp网页文件复制到此文件夹后，客户端通
13、过 http:/127.0.0.1:8080/WEB-INF/index.jsp 无法成功访问，因此，如果希望某些网页资源不被客户端直接访问或下载，可以把它们存储在此文件夹下，在服务器端设计JSP/Servlet程序来间接访问它们。,1.3 上机实验环境的搭建,需要注意的是，WEB-INF文件夹不一定能阻止搜索引擎的访问。WEB-INFlib下主要存放当前Web应用中使用到的*.jar类库文件。WEB-INFclasses下主要存放*.class形式的类文件。WEB-INFweb.xml文件是当前Web应用的部署描述文件，例如Servlet程序的部署信息就写在此文件中。,1.3 上机实验环境的
14、搭建,1.3.3安装DreamWeaver 8简体中文版 1、DreamWeaver 8的安装 JSP网页文件中的HTML标记一般不需要手工书写，可利用网页设计工具DreamWeaver 8来自动生成。DreamWeaver 8简体中文版可在国内的 或官方的 网站中下载。双击运行DreamWeaver安装程序，各安装步骤取默认值，直至安装结束。,1.3 上机实验环境的搭建,2、DreamWeaver8的工作界面 如图1-4示,1.3 上机实验环境的搭建,1.3.4安装JCreator4 1、JCreator4的安装 本书使用JCreator4作为编辑和编译Java程序的IDE工具，编译好的类文
15、件*.class要求自动存放至c:tomcatwebappsROOTWEB-INFclasses文件夹中。可以在国内的 或官方的下载此软件。双击JC的安装程序，各安装步骤取默认值。,1.3 上机实验环境的搭建,2、JCreator4项目的创建 JCreator4安装成功后，需要创建一个“项目”来管理 Java程序。注意，本书默认使用Tomcat中localhost主机的默认Web应用作为学习环境，所以JC4编译好的类*.class应该自动存放到 c:tomcatwebappsROOTWEB-INFclasses下，源代码等文件存放在 c:jsp下，并要求将c:tomcatcommonlibse
16、rvlet-api.jar文件添加到JC4的类库环境中；为了使JC4支持中文字符，需要在编译命令行参数中添加一个参数“-encoding UTF-8 ”。,1.3 上机实验环境的搭建,JCreator4的工作界面如图1-5,1.4 第一个JSP网页,【例1-1】设计一个名为exam102.jsp的网页，实现美元对人民币的汇率转换功能。在网页文本域中输入美元的数目，单击【提交】按钮后，数据提交给exam102.jsp计算， exam102.jsp读取文本域中的美元数，并把美元按1:7.8的汇率计算出相应的人民币值，计算结果显示在网页上，如图1-6示。,1.4 第一个JSP网页,1.4 第一个JSP网页,(1)第一步：生成exam102.jsp。启动DreamWeaver8，在右边的面板区中打开“文件”窗口，在适当位置单击鼠标右键，在弹出菜单中选择【新建文件】，将新建的文件名改名为exam102.jsp。双击文件名，进入编辑状态。,1.4 第一个JSP网页,(2)第二步：在当前JSP页面中插入表单。确定Drea
