Java-Web-程序设计完整版课件ppt教程全套.ppt-得力文库

资源描述

《Java-Web-程序设计完整版课件ppt教程全套.ppt》由会员分享，可在线阅读，更多相关《Java-Web-程序设计完整版课件ppt教程全套.ppt（344页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、模块1 Java Web开发环境与联合开发工具配置,Java Web 程序设计,“十三五”职业教育国家规划教材配套资源,目录,项目1 配置JSP运行环境项目2 Eclipse、Dreamweaver等工具搭配开发JSP 项目3 制作简单的JSP页面小结习题,项目1 配置JSP运行环境,1.1 项目描述与实现（1）描述正确安装Tomcat服务器，并显示其欢迎页面,项目1 配置JSP运行环境,1.1 项目描述与实现（2）实现过程安装JDK 安装Tomcat,项目1 配置JSP运行环境,1.2 新知识点-JSP概述动态网页动态网页是在服务器运行的程序或者网页，它们会随不同用户、不同

2、时间、不同需求，返回不同的内容。如：当登录到论坛时，作为论坛管理员身份，就可以看到“删除”、“修改”等操作；作为论坛普通用户身份，则只能看到帖子的浏览页面。动态网页的特点：交互性好：即网页会根据用户需求和选择而动态改变和响应。例如用户在网页中填写表单信息并提交，服务器经过处理将信息自动存储到后台数据库中，并转到相应提示页面。因此，采用动态网页技术的网站可以实现与用户的交互功能，如用户注册、用户登录、信息查询等。自动更新：对于网页设计者来说，无需每次修改页面内容，只需在后台添加或者删除要显示的信息即可。例如，在论坛发布信息，后台服务器将自动生成新的网页内容。,项目1 配置JSP运行环境,1

3、.2 新知识点-B/S结构 B/S交互模式分解过程： 1客户端（浏览器）接受用户输入：如用户希望登录自己在某网站的邮箱，其只需要在邮箱登录页面输入用户名、密码等，准备发送对系统的访问请求。 2客户端向应用服务器发送请求：客户端将请求所需信息（用户名、密码等）填写完后，点击登录表示发送对系统的访问请求，等待服务器的响应处理。 3 数据处理：应用服务器端通常使用服务器端脚本语言，如Java等，来访问数据库，查询相应数据，并获得查询结果。 4 发送响应：应用服务器端获得查询结果后，会向客户端发送响应信息（一般为动态生成的HTML页面），并由用户的浏览器负责解释HTML文件，并呈现给用户。,项目1 配

4、置JSP运行环境,1.2 新知识点-JSP 概念： JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先对其中的Java代码进行处理，然后将执行结果连同JSP文件中的HTML代码一起返回给客户的浏览器。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。,项目1 配置JSP运行环境,

5、1.2 新知识点-JSP特点 JSP的优势 1一次编写，到处运行。 2系统的多平台支持。 3强大的可伸缩性。 4多样化和功能强大的开发工具支持。 JSP的劣势： 1产品的复杂性。 2 Java的运行速度是用class常驻内存来完成的，所以它在一些情况下所使用的内存比起用户数量来说确实是“最低性能价格比”了。从另一方面，它还需要硬盘空间来储存一系列的.java文件和.class文件以及对应的版本文件。,项目1 配置JSP运行环境,1.2 新知识点-JSP运行环境操作系统要求操作系统可以选择Windows操作系统、Unix操作系统和Linux操作系统等集成开发工具集成开发工具有NetBea

6、ns、Eclipse等。本书选用Eclipse。 Web服务器 JSP运行时需要安装JDK和Web服务器，目前使用较多的Web服务器有Tomcat、WebLogic、Jboss和Resin等。,项目1 配置JSP运行环境,1.2 新知识点（2）Tomcat目录结构,项目1 配置JSP运行环境,1.2 新知识点（3）Tomcat虚拟目录配置,项目1 配置JSP运行环境,1.3 扩展-Tomcat帮助文档,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.1 项目描述与实现（1）描述利用Dreamweaver、Eclipse搭配开发一个简单的JSP网页。开发过程采用

7、Eclipse和Dreamweaver搭配开发，设计显示界面部分用Dreamweaver实现，代码在界面制作自动生成基础上在Eclipse中编写，最后在Eclipse中测试运行,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.1 项目描述与实现（2）实现 1下载安装Eclipse 2下载并安装DreamWeaver 3配置Eclipse开发环境,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.1 项目描述与实现（2）实现 4.在Eclipse中创建JavaWebExample项目,项目2 Eclipse、Dreamweaver等工具搭配开发J

8、SP,2.1 项目描述与实现（2）实现 5.在Dreamweaver中创建JavaWebExample站点,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.1 项目描述与实现（2）实现 6.测试,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.2 新知识点-Eclipse、Dreamweaver Eclipse Eclipse是著名的跨平台的自由集成开发环境(IDE)，最初主要用于Java语言开发，目前也有人通过插件使其作为其他计算机语言(如C+和Python)的开发工具。 Dreamweaver 是一款有着多年历史和良好口碑的可视化网页编辑

9、工具，它最大的优点就是所见即所得，对W3C网页标准化支持十分到位。同时它还支持网站管理，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML，以及支持ASP、JSP、PHP、ASP.NET、XML等程序语言的编写与调试。使用Eclipse开发程序时，虽然系统框架结构会给你带来方便，但并不太适合于开发Web显示界面，而Dreamweaver开发Web页面时可以实现所见即所得的效果，页面也遵循W3C国际标准。因此，可以利用这些开发工具各自的优点，结合开发Web

10、程序，从而提高开发效率。,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.3 扩展-项目导入 (1) 文件拷贝,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.3 扩展-项目导入 (2)导入War文件,项目2 Eclipse、Dreamweaver等工具搭配开发JSP,2.3 扩展-发布打包选择要打包的项目，右键单击Export(导出)，选择WAR fileNext，在Web project选项中默认为当前项目名称，也可自行修改。在Destination选项中选择项目打包后的存储路径。,项目3 制作简单的JSP页面,3.1 项目描述与实现（1

11、）项目描述：在Jsp文件中定义方法实现两个数的加法定义方法实现两个数的加法，调用其计算1+2并显示结果,项目3 制作简单的JSP页面,3.1 项目描述与实现（2）实现过程 1新建JSP文件 2调试运行,项目3 制作简单的JSP页面,3.1 项目描述与实现（2）实现过程 1新建JSP文件 2调试运行,程序1-1：exam3_sum.jsp 两个数的求和结果： 1+2= ,代码分析：表示JSP的声明，在本程序中，声明了一个方法，即sum( )方法，其功能为完成两个整数的加法运算。为JSP表达式，其作为为输出结果，本例中输出sum（）方法的求和结果。,项目3 制作简单的JSP页面,3.2

12、新知识点-JSP页面组成 JSP页面由两部分组成，一部分为静态部分，即HTML标记，用来完成数据页面显示；另一部分为动态部分，用来完成数据处理，包括脚本元素、指令元素和动作元素。脚本元素用来嵌入Java代码，这些Java代码将成为转换得到的Servlet的一部分；JSP指令元素用来从整体上控制Servlet的结构；动作元素用来引入现有的组件或者控制JSP引擎的行为。,项目3 制作简单的JSP页面,3.2 新知识点-声明 JSP中声明部分可以进行变量、方法和类的声明，其一般在标签中进行。其语法格式为。,程序1-2： exam3_2_scriptlet1.jsp info=”+info+”);

13、/输出全局变量 out.println(“1+2=”+sum(1,2) +”); /调用 %,项目3 制作简单的JSP页面,3.2 新知识点-代码段在JSP页面中嵌入Java代码来执行特定的功能，其放置在标记中。格式为： ,程序1-3：exam3_2_scriptlet2.jsp num=”+num+”); out.println(“info=”+info+”); %,项目3 制作简单的JSP页面,3.2 新知识点-表达式 JSP表达式可以把JSP页面中的数据直接输出到页面，其格式为：表达式一次只能使用一个表达式，并且该表达式是完整的。在表达式的语句中不能使用分号。,程序1-4： exa

14、m3_2_ scriptlet3.jsp info= info1=,项目3 制作简单的JSP页面,3.2 新知识点-注释在JSP中支持两种注释，一种是显式注释，这种注释客户端允许查看的；另一种是隐式注释，这种注释客户端是看不到的。（1）显式注释语法(HTML注释) ,程序1-5：定义JSP显式和隐式注释，exam3_2_ note.jsp ,项目3 制作简单的JSP页面,3.3 扩展-代码编写规范 JSP文件命名 JSP文件名称要以小写字母命名，名称要体现出该页面的意义，最好能够与模块名称联系在一起。例如： login.jsp -登录页面 register.jsp -注册页面 messa

16、介绍了Java Web程序的服务器运行的安装配置及开发工具的搭配使用，重点介绍了JDK、Tomcat的安装与配置，以及利用DreamWeaver与Eclipse搭配开发项目；介绍了如何利用工具开发第一个JSP程序。,习题,一、选择题 1.动态网站开发，以下（）可以作为服务器端脚本语言。 A.JSP B.HTML C.Java D.JavaScript 2.web.xml文件位于Web项目的目录结构中的（）中。 A.src目录 B.METAINF目录 C.WEBINF目录 D.文档根目录二、填空题 1.Tocat服务器的默认端口是。 2.请求响应交互模式主要有哪四个步骤，，和。

17、三、判断题 1.静态网页*.html中也可以嵌入脚本代码，如JavaScript、vbScript程序段等，但这些程序段不可能在服务器端运行，只能在客户端浏览器中运行。（） 2.动态网页是在服务器端被执行，其中嵌入的代码只能在服务器端运行，不能在客户端浏览器中运行。（）,习题,四、操作题 1.下载最新的JDK，并正确安装及配置。 2.下载并安装Tomcat服务器，配置服务端口和虚拟目录。 3.配置集成开发环境JDK+Tomcat+Dreamweaver+Eclipse。五、编程题 1.开发一个简单的JSP网页，在页面输出“The fist jsp program!”。,模块2 制作简单的 j

18、ava Web网站,Java Web 程序设计,“十三五”职业教育国家规划教材配套资源,目录,项目4 制作又包含文件的JSP页面项目5 制作简单的展示网站小结习题,项目4 制作又包含文件的JSP页面,4.1 项目描述与实现（1）描述实现静态包含功能，编写三个不同类型的文件，然后将这三个不同类型的文件静态包含于某一JSP文件中，运行效果如下图所示。,4.1 项目描述与实现（2）实现过程（1）编写三个不同类型的被包含文件，分别是exam4_1_inclu.html、 exam4_1_inclu.jsp和exam4_1_inclu.txt。代码见程序2-1程序23。,程序2-1： ex

19、am4_1_inclu.html Include exam4_1_inclu.html ,程序2-2： exam4_1_inclu.jsp ,程序2-3： exam4_1_include.txt Include exam4_1_inclu.txt ,项目4 制作又包含文件的JSP页面,项目4 制作又包含文件的JSP页面,4.1 项目描述与实现（2）实现过程（2）编写JSP包含文件，包含上述三个文件。代码见程序2-4。,程序2-4： exam4_1_include.jsp 包含文件演示包含文件操作： ,代码分析：使用包含了之前定义的三种类型的文件，分别是html、jsp和txt文件。被包含

20、的文件内容会在此页面中输出其内容。为JSP页面包含指令。,项目4 制作又包含文件的JSP页面,4.2 新知识点-JSP指令：page指令、 include指令 JSP指令是为JSP引擎而设计的。它们并不直接产生任何可见的输出，而只是告诉引擎如何处理其余的JSP页面。JSP指令有三种，分别为页面设置指令page、页面包含指令include和标记指令taglib。 JSP指令一般语法形式为： 1、page指令： page指令就是通过设置内部的多个属性来定义JSP文件中的全局特性。需要注意的是，page指令只能对当前自身页面进行设置，即每个页面都有自身的page指令。如果没有对属性进行设置，JSP将

21、使用默认指令属性值（Page指令的常用属性表，可查看教材的P26页）。,项目4 制作又包含文件的JSP页面,程序2-5：exam4_2_page1.jsp,程序2-5： exam4_2_page1.jsp 测试contentType!,代码分析：本例中，设置了指令的language属性，指定了开发语言为Java；contentType属性，指定MIME类型为text/html，页面的字符编码集charset为UTF-8；pageEncoding属性，指定页面的字符编码为UTF-8。显示效果如图2-2所示。,图 2-2,项目4 制作又包含文件的JSP页面,程序2-6：exam4_3_page2

22、.jsp,程序2-6： exam4_3_page2.jsp 测试contentType!,代码分析：使用中的contentType=”application/msword”设置本页面的MIME类型为Word，以Word文件进行显示，运行效果见图2-3所示。,图 2-3,项目4 制作又包含文件的JSP页面,2、include 指令：在JSP开发中，可以将一些重用的代码写入一个单独的文件中，然后通过include指令引用该文件，从而缓解代码的冗余问题，修改也比较方便。include指令语法格式为： inlcude也被称为静态包含指令，包含的文件可以是JSP文件、HTML文件、文本文件和Java程

23、序段。静态包含指令只是简单的将内容合在一起显示，所以，在一个完整的页面中，对于、等元素只能出现一次，如果重复出现，则会造成HTML错误。在项目4任务中，其主要采用include指令完成不同类型文件的包含。,项目4 制作又包含文件的JSP页面,3、扩展taglib 指令：使用指令在JSP文件中导入标签，以便在JSP中使用标签方便地完成一些动作。 taglib指令的语法为： uri是一个URI标识标记库描述器。一个标记库描述器用来唯一的命名一组定制的标记，并且告诉包容器如何处理特殊的标记。 prefix定义一个prefix:tagname形式的字符串前缀，用于定义定制的标记。,项目5 制作简单

24、的展示网站,5.1 项目描述与实现（1）描述制作一个简单的JSP网站。网站主题为酒店网站，主要包括网站首页、客房预订和会议活动等页面，效果如图2-42-5所示。要求公共部分采用单独文件，并被包含。开发过程采用Eclipse和Dreamweaver搭配开发，设计显示界面部分全部用Dreamweaver实现，JSP程序部分在Eclipse中编写，最后在Eclipse中测试运行。,图2- 4 酒店网站首页,图2- 5 酒店订房页面,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：从任务需求可以分析出，此网站各页面Top部分相同，Bottom部分也相同，因此在页面制作时可将公

25、共部分单独创建，作为一个文件包含。实现过程为从设计图首先实现出HTML页面，然后将公共部分单独提取，放入创建的新的文件中，以作为包含文件包含。 1制作首页显示效果。用Dreamweaver所见所得方式，从设计图直接实现出exam5_index.html页面。实现后，其代码如程序2-7所示。,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：程序2-7：exam5_index.html,程序2-7： exam5_index.html /*详细代码在实验指导书*/ 首页-海南四季春天酒店省略四季春天酒店管理有限公司版权所有琼ICP备78931000号 ,代码分析：该代码为

26、首页的HTML界面，中间省略当前显示主题部分，完整代码参见源码。,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程： 2提取公共部分，创建exam5_top.jsp文件，exam5_bottom文件通过分析，提取!top导航部分到!top导航部分结束的HTML内容，创建导航的公共部分，即如程序2-8 所示。提取!bottom部分到!bottom部分结束的HTML内容，创建版权信息文件，如程序2-9所示。,程序2-8： exam5_top.jsp 当地时间：关于四季春天 English ,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：为了显示代码简洁

27、，将首页主体部分单独创建一个文件exam5_index_list.jsp，从exam5_index.html中提取!top导航部分结束到!bottom部分标签之间的HTML内容，因为程序简单，此处不再列出。,程序2-9： exam5_bottom.jsp 隐私政策琼ICP备78931000号 ,程序2-9：exam5_bottom.jsp,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：将exam5_index.html中被提取的部分删除后剩余的部分COPY进exam5_index.jsp，并在被提出文件出用包含动作指令包含提取出的文件，详细代码见程序2-10所示。,程

28、序2-10： exam5_index.jsp 首页-海南四季春天酒店省略 ,程序2-10：exam5_index.jsp,代码分析：程序中，采用JSP动作指令包含了文件exam5_top.jsp，exam5_index_list.jsp和exam5_bottom.jsp。,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、在JSP中，还存在另外一类标记，其符合XML的语法格式。利用这些标记可以达到控制 Servlet引擎的作用，如动态的插入文件，调用JavaBean，页面重定向等，这类标记称为JSP动作标记。 JSP的常用动作标记有、等。常用的JSP动作如表2-2所示。,项目

29、5 制作简单的展示网站,5.2 新知识点-JSP动作指令、,表2- 2 JSP常见动作指令表,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、指令可以完成JSP的动态包含操作，可以在当前的JSP文件中包含TXT文件、JSP文件、HTML文件、Servlet文件等。动作指令在进行JSP网站开发时，是被广泛使用的动作指令之一。其动作指令的语法格式为： ” flush=”true|false” / 或” flush=”true|false” 在上述语法格式中，page属性表示被包含文件的相对路径或相对路径的表达式。Flush=”true”表示不接收是否在包含目标之前先刷新输出缓冲区

30、，默认值为true。表示传递参数，即需要传递给被包含文件的参数。可以传递多个参数。name属性为参数名，value属性为参数值。,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、动作指令第一种语法格式在项目4任务实现时已经使用。动作指令第二种语法格式，即带参数的语法格式，使用方法如程序2-11。,程序2-11：exam5_2_index.jsp, Insert title here ,代码分析：该程序中，采用动作指令包含了文件exam5_2_include.jsp，在包含后，exam5_2_include.jsp需要获取stu变量并显示，因此采用第二种包含形式。通过动作指令传

31、递了参数stu，其值为Tom。,项目5 制作简单的展示网站,程序2-12：exam5_2_include.jsp,程序2-12： exam5_2_include.jsp ,代码说明：该文件为被包含文件，因其需要显示一个传递的参数，因此需要从调用它的页面获取stu变量。代码中request.getParameter()为JSP内置对象request调用了其获取变量的方法getParameter。out.println()为JSP内置对象out调用了输出的方法println。运行exam5_2_index.jsp，显示文件被包含后的效果，如图2-7所示。,图2- 7 include动作指令显示效

32、果,项目5 制作简单的展示网站,5.3 扩展-的使用动作指令表示把当前的页面控制权转向另外一个对象，该对象可以是一个HTML文件、JSP文件或者一个Servlet文件。的语法格式： ”/ 或者 ” 在上述格式中，page属性为一个字符串或者一个表达式，用来表示转向文件的路径；字句指令为传递参数，name指定参数名，value指定参数值。,项目5 制作简单的展示网站,5.3 扩展-的使用的使用示例如下。,程序2-13 exam5_3_forward.jsp,程序2-13： exam5_3_forward.jsp 跳转指令应用跳转指令应用： ,代码说明：该程序采用动作指令，重定向到文件ex

33、am6_5_forward2.jsp。,项目5 制作简单的展示网站,5.3 扩展-的使用,程序2-14 exam5_3_forward2.jsp,程序2-14： exam5_3_forward2.jsp Insert title here 重定向后的文件 ,代码说明：该页面进行了简单的显示。,项目5 制作简单的展示网站,5.3 扩展-的使用运行exam5_3_forward.jsp，效果如图2-8所示。从运行效果可以看出，浏览器的地址栏中地址不显示变化，但内容显示为重定向后的内容，即在exam5_3_forward.jsp当前文件中的内容没有输出，而只输出了转向后的文件exam5_3_for

34、ward2.jsp中的内容。,图2- 8 跳转指令,小结,本模块主要介绍了JSP页面的指令、动作等技术，重点介绍了JSP的page指令、include指令的使用，、等动作指令的使用。通过本模块的学习，读者掌握制作带包含文件的简单JSP网站。,习题,一、选择题 1.在某个JSP页面中存在如下代码：，运行该JSP页面后，以下说法哪个正确?（） A.此代码无对应输出 B.此代码对应输出为75 C.此代码对应输出为5124 D.此代码会引发错误 2.与等价的是（）。 A. B. C. D. 3.下列指令中可以用来跳转到另一个页面的指令是（）。 A.B. C.D.,习题,二、填空题 1.在JS

35、P文件中使用_ JSP语句进行注释。三、判断题 1.用于对JSP页面的代码段做注释，说明程序员的意图或要实现的功能，注释不返回客户端。（） 2.JSP代码会被翻译成Java代码。（） 3.JSP里声明一个方法（函数）使用标签。（）四、问答题 1.声明语句的作用是什么，使用时应注意些什么？ 2.表达式是如何显示的，使用时应注意些什么？ 3.JSP 指令的主要功能是什么？ 4.静态包含和动态包含的处理过程有什么不同？,习题,四、问答题 5.JSP的默认脚本语言是什么？ 6.page指令的作用是什么？ 7.JSP动作的作用是什么? 8.jsp:include动作与include指令的区别是

36、什么？,模块2 制作简单的 java Web网站,Java Web 程序设计,“十三五”职业教育国家规划教材配套资源,目录,项目4 制作又包含文件的JSP页面项目5 制作简单的展示网站小结习题,项目4 制作又包含文件的JSP页面,4.1 项目描述与实现（1）描述实现静态包含功能，编写三个不同类型的文件，然后将这三个不同类型的文件静态包含于某一JSP文件中，运行效果如下图所示。,4.1 项目描述与实现（2）实现过程（1）编写三个不同类型的被包含文件，分别是exam4_1_inclu.html、 exam4_1_inclu.jsp和exam4_1_inclu.txt。代码见程序2-1

37、程序23。,程序2-1： exam4_1_inclu.html Include exam4_1_inclu.html ,程序2-2： exam4_1_inclu.jsp ,程序2-3： exam4_1_include.txt Include exam4_1_inclu.txt ,项目4 制作又包含文件的JSP页面,项目4 制作又包含文件的JSP页面,4.1 项目描述与实现（2）实现过程（2）编写JSP包含文件，包含上述三个文件。代码见程序2-4。,程序2-4： exam4_1_include.jsp 包含文件演示包含文件操作： ,代码分析：使用包含了之前定义的三种类型的文件，分别是htm

38、l、jsp和txt文件。被包含的文件内容会在此页面中输出其内容。为JSP页面包含指令。,项目4 制作又包含文件的JSP页面,4.2 新知识点-JSP指令：page指令、 include指令 JSP指令是为JSP引擎而设计的。它们并不直接产生任何可见的输出，而只是告诉引擎如何处理其余的JSP页面。JSP指令有三种，分别为页面设置指令page、页面包含指令include和标记指令taglib。 JSP指令一般语法形式为： 1、page指令： page指令就是通过设置内部的多个属性来定义JSP文件中的全局特性。需要注意的是，page指令只能对当前自身页面进行设置，即每个页面都有自身的page指令。如

39、果没有对属性进行设置，JSP将使用默认指令属性值（Page指令的常用属性表，可查看教材的P26页）。,项目4 制作又包含文件的JSP页面,程序2-5：exam4_2_page1.jsp,程序2-5： exam4_2_page1.jsp 测试contentType!,代码分析：本例中，设置了指令的language属性，指定了开发语言为Java；contentType属性，指定MIME类型为text/html，页面的字符编码集charset为UTF-8；pageEncoding属性，指定页面的字符编码为UTF-8。显示效果如图2-2所示。,图 2-2,项目4 制作又包含文件的JSP页面,程序2-

40、6：exam4_3_page2.jsp,程序2-6： exam4_3_page2.jsp 测试contentType!,代码分析：使用中的contentType=”application/msword”设置本页面的MIME类型为Word，以Word文件进行显示，运行效果见图2-3所示。,图 2-3,项目4 制作又包含文件的JSP页面,2、include 指令：在JSP开发中，可以将一些重用的代码写入一个单独的文件中，然后通过include指令引用该文件，从而缓解代码的冗余问题，修改也比较方便。include指令语法格式为： inlcude也被称为静态包含指令，包含的文件可以是JSP文件、HT

41、ML文件、文本文件和Java程序段。静态包含指令只是简单的将内容合在一起显示，所以，在一个完整的页面中，对于、等元素只能出现一次，如果重复出现，则会造成HTML错误。在项目4任务中，其主要采用include指令完成不同类型文件的包含。,项目4 制作又包含文件的JSP页面,3、扩展taglib 指令：使用指令在JSP文件中导入标签，以便在JSP中使用标签方便地完成一些动作。 taglib指令的语法为： uri是一个URI标识标记库描述器。一个标记库描述器用来唯一的命名一组定制的标记，并且告诉包容器如何处理特殊的标记。 prefix定义一个prefix:tagname形式的字符串前缀，用于定义

42、定制的标记。,项目5 制作简单的展示网站,5.1 项目描述与实现（1）描述制作一个简单的JSP网站。网站主题为酒店网站，主要包括网站首页、客房预订和会议活动等页面，效果如图2-42-5所示。要求公共部分采用单独文件，并被包含。开发过程采用Eclipse和Dreamweaver搭配开发，设计显示界面部分全部用Dreamweaver实现，JSP程序部分在Eclipse中编写，最后在Eclipse中测试运行。,图2- 4 酒店网站首页,图2- 5 酒店订房页面,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：从任务需求可以分析出，此网站各页面Top部分相同，Bottom部分

43、也相同，因此在页面制作时可将公共部分单独创建，作为一个文件包含。实现过程为从设计图首先实现出HTML页面，然后将公共部分单独提取，放入创建的新的文件中，以作为包含文件包含。 1制作首页显示效果。用Dreamweaver所见所得方式，从设计图直接实现出exam5_index.html页面。实现后，其代码如程序2-7所示。,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：程序2-7：exam5_index.html,程序2-7： exam5_index.html /*详细代码在实验指导书*/ 首页-海南四季春天酒店省略四季春天酒店管理有限公司版权所有琼ICP备78931

44、000号 ,代码分析：该代码为首页的HTML界面，中间省略当前显示主题部分，完整代码参见源码。,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程： 2提取公共部分，创建exam5_top.jsp文件，exam5_bottom文件通过分析，提取!top导航部分到!top导航部分结束的HTML内容，创建导航的公共部分，即如程序2-8 所示。提取!bottom部分到!bottom部分结束的HTML内容，创建版权信息文件，如程序2-9所示。,程序2-8： exam5_top.jsp 当地时间：关于四季春天 English ,项目5 制作简单的展示网站,5.1 项目描述与实现（2

45、）实现过程：为了显示代码简洁，将首页主体部分单独创建一个文件exam5_index_list.jsp，从exam5_index.html中提取!top导航部分结束到!bottom部分标签之间的HTML内容，因为程序简单，此处不再列出。,程序2-9： exam5_bottom.jsp 隐私政策琼ICP备78931000号 ,程序2-9：exam5_bottom.jsp,项目5 制作简单的展示网站,5.1 项目描述与实现（2）实现过程：将exam5_index.html中被提取的部分删除后剩余的部分COPY进exam5_index.jsp，并在被提出文件出用包含动作指令包含提取出的文件，详

46、细代码见程序2-10所示。,程序2-10： exam5_index.jsp 首页-海南四季春天酒店省略 ,程序2-10：exam5_index.jsp,代码分析：程序中，采用JSP动作指令包含了文件exam5_top.jsp，exam5_index_list.jsp和exam5_bottom.jsp。,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、在JSP中，还存在另外一类标记，其符合XML的语法格式。利用这些标记可以达到控制 Servlet引擎的作用，如动态的插入文件，调用JavaBean，页面重定向等，这类标记称为JSP动作标记。 JSP的常用动作标记有、等。常用的J

47、SP动作如表2-2所示。,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、,表2- 2 JSP常见动作指令表,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、指令可以完成JSP的动态包含操作，可以在当前的JSP文件中包含TXT文件、JSP文件、HTML文件、Servlet文件等。动作指令在进行JSP网站开发时，是被广泛使用的动作指令之一。其动作指令的语法格式为： ” flush=”true|false” / 或” flush=”true|false” 在上述语法格式中，page属性表示被包含文件的相对路径或相对路径的表达式。Flush=”true”表示不接收是否

48、在包含目标之前先刷新输出缓冲区，默认值为true。表示传递参数，即需要传递给被包含文件的参数。可以传递多个参数。name属性为参数名，value属性为参数值。,项目5 制作简单的展示网站,5.2 新知识点-JSP动作指令、动作指令第一种语法格式在项目4任务实现时已经使用。动作指令第二种语法格式，即带参数的语法格式，使用方法如程序2-11。,程序2-11：exam5_2_index.jsp, Insert title here ,代码分析：该程序中，采用动作指令包含了文件exam5_2_include.jsp，在包含后，exam5_2_include.jsp需要获取stu变量并显示，因此采用

49、第二种包含形式。通过动作指令传递了参数stu，其值为Tom。,项目5 制作简单的展示网站,程序2-12：exam5_2_include.jsp,程序2-12： exam5_2_include.jsp ,代码说明：该文件为被包含文件，因其需要显示一个传递的参数，因此需要从调用它的页面获取stu变量。代码中request.getParameter()为JSP内置对象request调用了其获取变量的方法getParameter。out.println()为JSP内置对象out调用了输出的方法println。运行exam5_2_index.jsp，显示文件被包含后的效果，如图2-7所示。,图2- 7 i

展开阅读全文