配套课件-JSP程序设计实用案例教程.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《配套课件-JSP程序设计实用案例教程.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 配套 课件 JSP 程序设计 实用 案例 教程
- 资源描述:
-
1、开发体系与环境配置 本章目标:静态网页与动态网页的概念 JSP与其他动态网页技术的区别 JSP运行环境的安装配置 JSP运行机制 JSP开发工具静态网页与HTML 静态网页由单纯的超文本标记语言(HyperTextMarkupLanguage,HTML)进行编写,在存储时以HTML方式(文件扩展名为.htm/.html)存储。网络中浏览的静态网页都是一个个的HTML文件,这些网页中可以包含文字、图片、动画和声音,以及能够跳转到其他文件的超级链接。所有的这些东西都是以超文本标记语言方式进行编写。HTML文件通过所包含的特殊命令,来告诉用户的浏览器应该如何显示文本、图像以及网页的背景。这些命令加入
2、到文本文件中,被称为HTML标记。如果在浏览器显示网页时查看网页的文本,可以看见在尖括号中的HTML标记。2动态网页 动态网页与静态网页从设计到实现都有所不同。动态网页是在HTML中使用特殊的程序编码来设计和完成。网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后Web发展的大趋势。编码可以使用编程语言,如C、Java、Visual Basic等,也可以使用专门的脚本(Script)语言,如VBScript、JavaScript、PHP等。这样,在存储时也就需要使用不同的文件扩展名,如.asp、.jsp、.php等。因此在浏览时,除了需要有浏览器的支持外,还需要有支
3、持相应的系统环境(如ASP、JSP或PHP)对其中的编码进行编译、解释,在经编译、解释后才能在浏览器中显示出正确的内容。JSP 简介 JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag),就构成了JSP网页(*.jsp)。JAVA平台相关的术语:(1)J2SE:Java 2 Standard Edition(JAVA 2标准版),适用于桌面系统的Java 2平台标准版,(2)J2EE:Java 2
4、 Enterprise Edition(JAVA 2企业版),是一种利用Java 2平台来简化企业解决方案的开发、部署和管理相关的复杂问题的体系结构。(3)J2ME:Java 2 Micro Edition(JAVA2精简版,也称为袖珍版),Java 2平台中适用于小型设备和智能卡的版本。(4)JSDK:Java Software Development Kit,和JDK以及J2SE等同。(5)J2SDK:Java 2 SDK,即Java 2软件开发工具包,包括运行环境、编译工具及其它工具、源代码等,基本上和J2SE等同。(6)JDK:JDK现在是指J2SDK(J2SE Development
5、 Kit),同时,J2RE也改称为JRE。(7)JRE:Java Runtime Environment(Java运行环境),运行JAVA程序所必须的环境的集合,包含JVM标准实现及Java核心类库。(8)VM:Java虚拟机(Java Virtual Machine,JVM)是Java可移植性的关键。JSP是J2EE体系的一种技术,主要用于开发WEB应用。JSP的优势 程序可以跨台平执行。目前几乎所有平台上都可以见到一致的java servlet/jsp的Web Server/Application Serve系统。JSP可以让开发人员在任意环境做开发,在任意环境进行系统部署,在任意环境扩展
6、应用程序。多样化和功能强大的开发工具支持。Java已经有了许多非常优秀的开发工具而且有许多可以免费得到,并且其中的许多已经可以顺利的运行于多种平台之下。强大的的可伸缩性。从只有一个小的jar文件就可以运行servlet/jsp到由多台服务器进行集群和负载均横,到多台Application进行事务处理、消息处理等。JSP的不足 跨平台的功能和极度的伸缩能力极大的增加了产品的复杂性。也就是说,它在扩展时需要分成多少块,那么java系统中就有多少种产品。所以用户要以看到jre、jdk、jsdk、jswdk等,实际上它们只要有效的搭配在一起,就可以产生强大的效能,密不可分,但这同时使应用程序变得非常复
7、杂。JSP程序调试困难。JSP页面首先被转化为一个.java文件(servlet),然后再被编译。这样,出错信息实际上指向的是经过转化的那个.java文件而不是jsp本身。J S P运行环境为了能够编写JSP程序,至少需要具备以下两个基本条件:p在计算机上安装Java 2,并进行相关的环境变量的设置。p在计算机上安装JSP引擎,比如J2EE服务器、Resin和Tomcat服务器等。安装J DK注意:CLASSPATH中的“.”它表示当前目录,一定要输入,否则会出现错误。将C:j2sdk1.4.2添加到Path中,除非是在最后,否则必须在后面加上“;”号必须打开新的命令提示符窗口,新环境变量设置
8、才能生效。变量名 变量值说明JAVA_HOMEC:j2sdk1.4.2JDK安装目录path%JAVA_HOME%binJAVA实用程序的位置CLASSPATH.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar类和包文件的搜索路径 安装和配置Tomcat服务器 注意:注意:如果Tomcat不能正常启动,检查JDK环境变量的设置 第一个JSP程序1.first.jsp%for(int i=0;i第一个JSP程序 2建立应用目录注意:目录名是区分大小写的,WEB-INF不能写成web-inf。JSP是用JAVA写的,所以它是大小写敏感的,用过其他编程语言的
9、人最容易犯这个错误。在Tomcat中,整个应用一般在/webapps目录下在浏览器的地址栏中输入的访问JSP的地址也是区分大小写的.如http:/localhost:8080/demo/t.jsp与http:/localhost:8080/Demo/t.jsp是不一样的浏览器在默认情况下会把浏览过的网页保存在缓冲区中,在调试时,一般不希望这样.把下面的脚本加入程序中,就可防止JSP或SERVLET中的输出被浏览器保存在缓冲区中 JSP运行机制 所有的JSP程序在首次载入时都被翻译成Servlet文件,然后再运行的,JSP引擎耀完成以下操作:判断与JSP文件对应的类的名字 如果该类不存在或比.j
10、sp文件的老,容器就会重新创建一个等价的Servlet类并编译它 如果Servlet类存在只是其实例并末运行,容器就载入该Servlet类并创建一个实例 容器启动一个线程在载入的实例中处理当前Http请求 服务器将运行结果以HTML形式作为响应返回给客户端浏览器。标记Servlet第一个请求产生应答以后的请求被转换为图1-19 JSP运行机制JSP开发工具-JCreatorJCreator是一个用于Java程序设计的集成开发环境,具有编辑、调试、运行Java程序的功能。JSP开发工具-Eclipse Eclipse是一个开放可扩展的集成开发环境(IDE),它不仅可以用于Java的开发,通过开发
11、插件,还可以构建其他的开发工具。Eclipse是开放源代码的项目,并可以免费下载,它的官方网址是http:/www.eclipse.org。JSP开发工具-Dreamweaver Dreamweaver是Macromedia公司开发的用于网站设计和网页制作的软件,它提供了强大的可视化布局工具、应用开发功能和代码编辑支持,使设计和开发人员能高效地设计、开发和维护基于标准的网站和应用程序。HTML基础 HTML概述 一个HTML文档的基本结构如下:HTML文件开始 文件头开始 文件头内容 文件头结束 文件体开始 文件体内容 文件体结束 HTML文件结束程序代码程序代码 2-1.htm标题标记 HT
12、ML中的标题元素使用格式:#代表1、2、3、4、5、6中一个。它支持ALIGN属性,用它可以指定排版格式,其属性值有:LEFT、RIGHT和CENTER。如果不给出ALIGN的属性值,缺省值为LEFT。程序代码程序代码 2-2.htm段落标记 分段元素P用来定义文档中的一个段落,段落的缩进、第一个字前面的空格及其他特性 通常由浏览器确定。是段落的结尾,单独一个会添加一个空行。程序代码程序代码 2-3.htm换行标记 换行元素BR在HTML文档中增加一个换行,指示浏览器执行一个换行动作,与P元素不同,它只是换行,其他字符和段落格式不变。BR元素没有结束标记。程序代码程序代码 2-4.htm段落级
13、标记 如果希望文本以预定义的格式显示,可以使用PRE元素。此元素用于定义文本的格式。文本在浏览器中显示时遵循在HTML源文档中定义的格式。程序代码程序代码 2-5.htm字体标记 标记用来设置文档的字体,通过改变其属性可以对字体进行不同的设置。其常用的属性包括:SIZE、COLOR和FACE。其中SIZE用来指定字符的大小,COLOR用来指定字符的颜色,FACE用来指定一种字体名或一种字体列表。程序代码程序代码 2-6.htm图片标记 IMG标记用于将图像插入到HTML文档中。可以将IMG标记放置在要显示图像的位置。语法为:其中SRC是属性,而值是指定图像文件位置的URL。IMG标记的ALIG
14、N属性可以用于调整图像相对于周围文本的对齐方式。程序代码程序代码 2-7.htm超级链接超链接主要通过锚点元素A来实现。A元素可以支持较多的属性,其中最重要的是HREF和NAME属性。1、HREF属性 如果A元素中包含HREF属性,则该元素的起始标记和结束标记之间的文本就变成了超文本(Hypertext)。在浏览器中,超文本通常会以不同颜色并带下划线的字符显示。格式为:或#identifier是NAME锚点。2、NAME属性 如果A元素带有NAME属性,则意味着此锚点是链接的目标。NAME属性的值是锚点的标志。此标志可以是任意字符串,但在HTML文档内必须惟一,NAME属性所代表的锚点在浏览器
15、中没有任何显示。程序代码程序代码 2-8.htm有序列表 有序列表是指各列表项之间是有顺序的,从1、2、3一直延伸下去。有序列表的基本格式为:其中,标签用来建立一个有序列表,用来增加列表项。开始标签和结尾标签都是必选的,即每个列表项的结束就是下一个列表项的开始,建好的整个列表项会与上下的文本之间有一个空行,列表项向右缩进并左对齐,各列表项之前都带有顺序号。程序代码程序代码 2-9.htm无序列表 无序列表是指各列表项间没有顺序关系,只是利用列表方法来呈现资料,在各条列前面均有一个项目符号。无序列表的基本格式为:其中 标签用来建立一个无序列表,用来增加列表项。无序列表通过或的type属性来定义左
16、端的符号类型,该符号可以是disc(实心圆点)、square(方块)、自定义图片等,默认为实心圆点。程序代码程序代码 2-10.htm块级元素 块级元素包括DIV和SPAN两种标记。DIV称为层标记,有时也称为块标记。利用DIV标记和CSS的定位技术可以做出相当出色的效果。可以定义跨段落的内容块;定义段落内的内容块程序代码程序代码 2-11.htm水平标尺 水平标尺标记用于在页面上绘制一条水平线。可借助于下列属性控制水平线。它只有开始标记,没有结束标记,且不包含任何内容程序代码程序代码 2-12.htmMARQUEE标记 使用的基本语法是:xx,显示的效果是xx就会从屏幕一边跑到另外一边。程序
17、代码程序代码 2-13.htm1.基本表格 表格是一种能够有效的描述信息的组织方式,由行、列和单元格组成。它可以将文字和图片等那同按照行和列排列起来,可以很好地控制页面布局。HTML中使用 标签创建表格,其基本格式为:表标记 行标记 单元格标记 标题标记 列标记程序代码程序代码 2-14.htm合并单元格1.在 或 标记中使用 COLSPAN 属性,可以设置单元格所跨的列数,例如COLSPAN=3表示跨3列。2.在 或 标记中使用 ROWSPAN 属性,可以设置单元格所跨的行数,例如ROWSPAN=3表示跨3行。程序代码程序代码 2-15.htm单元间隔和单元填充 CELLSPACING 属性
18、定义单元格之间的间距(以像素为单位)。CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距(以像素为单位)。程序代码程序代码 2-16.htm框架结构 框架将 Web 浏览器分成多个不同的区域,每个区域都可以显示独立、可滚动的页面。例如,可以在网页中使用三个框架,一个显示标题,一个用作导航菜单,一个显示数据。使用了框架结构的HTML文档基本格式为:标题部分 其中,标签用来定义一个框架容器,标签用来定义每一个框窗内的参数属性。当用户使用的浏览器版本太低不支持框架功能时,将看到一片空白。为了避免这种情况,可使用这个标签。在框架页面中每个子窗口内对应一个FRAME语句,该语句中的SR
19、C属性指明了链接的HTML,该文件将显示在FRAME对应的窗口中。如果该HTML文件含有超链接,当用户单击该链接时,链接的网页在哪里显示呢?如果没有指定,则在原来的窗口中打开;如果要指定在哪个子窗口中打开,这时就需要使用TARGET属性来实现了。程序代码程序代码 2-17.htm top.htm bottom.htm表单 网页中具有可输入表项及项目选择等控制所组成的栏目称为表单,表单的功能是收集用户信息实现系统与用户交互。比如注册页面就是一个十分典型的表单页面。表单信息的处理过程如下:当单击表单中的提交按钮时,表单中的信息就会上传到服务器中,然后由服务器端的应用程序(例如CGI,ASP,PHP
20、,JSP等)进行处理,处理后将用户提交的信息存储在服务器端的数据库中,或者将有关信息返回到客户端浏览器上。表单语法表单语法如下:表单内容其中:l ACTION此属性指定处理提交的表单的脚本的位置。语法为:ACTION=URL,若是这个属性没有设定,网页本身会被当作action属性值。l MEDTHOD此属性指定向服务器发送数据的方法。如果值为GET,浏览器将创建一个请求,该请求包含页面URL、一个问号和表单的值。浏览器会将该查询返回给URL中指定的脚本,以进行处理。如果将值指定为POST,表单上的数据会作为一个数据块发送到脚本,而不使用任何请求字符串。l name代表表单的名称,JSP利用这个
21、名称,辨识网页中的特定表单区域。l 如表示表单中常用标记 表单中使用的主要元素包括以下3个。lINPUT:输入字段。lSELECT:定义可选择的若干选项,为列表框。lTEXTAREA:多行文本的输入字段。(1)INPUT INPUT是一个单一的标记,没有结束标记。语法格式:INPUT有6个属性:TYPE、NAME、SIZE、VALUE、MAXLENGTH和CHECKED。TYPE属性指明输入的类型,也决定了INPUT标记的表现形式,其余的属性根据TYPE的类型不同,含义也不同。TEXT类型。它是TYPE的默认类型。当TYPE取此类型时,INPUT其余属性的含义如下。NAME:将输入值传给CGI
22、程序时与输入值相对应的名称。SIZE:输入窗口的长度,默认值为20,以字节为单位。VALUE:设定预先在窗口显示的信息。MAXLENGTH:限制最多输入的字节数。PASSWORD类型与TEXT类型的使用相似,不同在于输入时不显示输入内容,而以“*回显。主要用在取得用户输入的密码,以避免密码被其它人看见。当TYPE取此类型时,INPUT其余属性的含义与TYPE取TEXT类型时其余属性的含义相同。RADIO类型 为用户提供单选按钮选择,即在多个选择中只能选择其中一项。由于选为用户提供单选按钮选择,即在多个选择中只能选择其中一项。由于选择惟一,因此择惟一,因此NAME属性取相同的值,属性取相同的值,
23、VALUE属性的值各不相同。当属性的值各不相同。当TYPE取此类型时,取此类型时,INPUT其余属性的含义如下。其余属性的含义如下。NAME:将输入值传给:将输入值传给CGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。VALUE:每个选项对应的值。:每个选项对应的值。CHECKED:预选项目。(缺省选项)CHECKBOX类型 它为用户提供多选按钮进行选择,即在多个选择之间可以选择其中一它为用户提供多选按钮进行选择,即在多个选择之间可以选择其中一项或多项。由于每个选项都可以被选择,项或多项。由于每个选项都可以被选择,NAME属性取不同的值,属性取不同的值,VALUE属性的值可以相同也
24、可不相同。当属性的值可以相同也可不相同。当TYPE取此类型时,取此类型时,INPUT其其余属性的含义如下。余属性的含义如下。NAME:将输入值传给:将输入值传给CGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。VALUE:每个选项对应的值。:每个选项对应的值。CHECKED:预选项目。:预选项目。SUBMIT类型 在浏览器窗口产生一个提交按钮。当用户用鼠标单击这个按钮后,则在浏览器窗口产生一个提交按钮。当用户用鼠标单击这个按钮后,则用户的输入信息即被传送到服务器。当用户的输入信息即被传送到服务器。当TYPE取此类型时,取此类型时,INPUT其余其余属性的含义如下。属性的含义如下。N
25、AME:提交输入信息,传给:提交输入信息,传给CGI程序时与提交按钮相对应的名称。程序时与提交按钮相对应的名称。VALUE:显示在按钮上的文字。默认为浏览器内部预定的值。:显示在按钮上的文字。默认为浏览器内部预定的值。RESET类型 让浏览器产生一个重置按钮。当用户单击这个按钮后,用户输入的信让浏览器产生一个重置按钮。当用户单击这个按钮后,用户输入的信息都会被全部清除,以便用户重新输入。当息都会被全部清除,以便用户重新输入。当TYPE取取RESET类型时,类型时,INPTU的的VALUE、NAME属性的值与属性的值与INPUT取取SUBMIT类型时的类型时的VALUE、NAME属性的值取法一样
展开阅读全文