Java Web程序设计项目实战（微课版）课件 廖丽 项目1、2 Java Web开发环境准备、JSP技术_第1页
Java Web程序设计项目实战（微课版）课件 廖丽 项目1、2 Java Web开发环境准备、JSP技术_第2页
Java Web程序设计项目实战（微课版）课件 廖丽 项目1、2 Java Web开发环境准备、JSP技术_第3页
Java Web程序设计项目实战（微课版）课件 廖丽 项目1、2 Java Web开发环境准备、JSP技术_第4页
Java Web程序设计项目实战（微课版）课件 廖丽 项目1、2 Java Web开发环境准备、JSP技术_第5页
已阅读5页，还剩129页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目一JavaWeb开发环境准备

项目要

求本项目是JavaWeb开发环境准备，主要是完成JavaWeb开发环境搭建，并能编写、编译、运行JavaWeb程序。

项目分

析要完成项目任务，至少需要具备两个基本条件：一是需要在计算机上安装和配置JDK，二是要在计算机上安装JSP引擎，如Tomcat服务器等，该项目分2个任务，分别是开发环境搭建和输出“智慧金融信贷管理系统”。

项目目

标【知识目标】熟悉JavaWeb的基本概念，掌握JDK和Tomcat的安装与配置和配置JSP运行环境。【能力目标】能编写、编译简单的JSP程序。【素质目标】提高学生的发现问题、分析问题、解决问题的能力。

知识导

图任务一开发环境搭建--任务演示本任务是完成JDK的安装与环境配置、Tomcat的下载与安装、在Eclispe配置Tomcat，为设计进入智慧金融信贷管理系统网站做好准备任务一开发环境搭建–知识准备JDK安装与配置Tomcat安装与配置Eclipse下载与配置tomcatJava

Web的基本概念1.Java

Web的基本概念JavaWeb是指所有Web开发的Java技术的总称，主要包括Servlet、JSP、JavaBean、JDBC等技术。目前，JavaWeb动态网站开发广泛应用电子商务、电子政务、网络资源管理以及大数据等领域。2.JDK安装与配置JavaWeb是指所有Web开发的Java技术的总称，主要包括Servlet、JSP、JavaBean、JDBC等技术。目前，JavaWeb动态网站开发广泛应用电子商务、电子政务、网络资源管理以及大数据等领域。2.JDK安装与配置JDK（JAVADevelopmentKit）开发工具包，可以从Oracle官网公司的网站/index.html上免费下载，在地址栏输入该网址，然后单击Developers按钮（1）JDK下载2.JDK安装与配置然后单击Downloads的下拉列表JavaSE2.JDK安装与配置JDK版本已更新到19版本了,这里选择JavaSE8的Download2.JDK安装与配置下载界面显示了可供下载JDK支持的各种操作系统，可根据自己的计算机操作系统的位数下载合适的JDK（32位的Windows系统选择Windowsx86版本，64位的系统则选择Windowsx64版本2.JDK安装与配置（2）JDK安装下载成功以后，开始安装JDK，操作步骤如下第一步双击已下载的JDK文件进行安装，在弹出的对话框中，选择“接收”许可证协议，进入“安装程序”2.JDK安装与配置第二步单击下一步，进入定制安装，默认安装目录是“C:\ProgramFiles\JAVA\jdk-8u77-windows-x64”，可点击“更改”按钮更改路径，这里选择默认安装【脚下留心】安装目录中不要使用中文目录名称2.JDK安装与配置第三步然后单击一步，最后进入安装完成界面2.JDK安装与配置（3）JDK环境变量配置安装完JDK后，需要设置一个JAVA_HOME环境变量，它指向JDK的安装目录，然后Java才可以开始工作，基本步骤如下:第一步在桌面上右击“我的电脑”，选择“属性”命令，在出现的对话框中选择“高级系统设置”选项卡，单击“环境变量”按钮：2.JDK安装与配置第二步在弹出的对话框中增加系统变量“JAVA_HOME”变量值设置为JDK的安装路径C:\ProgramFiles\Java\jdk1.8.0_772.JDK安装与配置第三步查看系统变量是否有path变量，若没有path变量，单击新建，在编辑环境变量末尾添加JAVA_HOME\bin和JAVA_HOME%\jre\bin；(若未设置JAVA_HOME,则添加完整路径C:\Programfiles\Java\jdk1.8.0_77\bin)2.JDK安装与配置系统变量设置完成后可以通过以下方式来验证是否安装和设置成功。在“开始”菜单中选择“运行”命令，输入“cmd”，在打开的窗口命令中输入“javac”,如果安装和设置成功。3.Tomcat安装与配置(1)Tomcat下载Tomcat是Apache组织的Jakarta项目中的一个重要子项目，具有免费和跨平台。Tomcat服务器运行稳定、可靠、效率高，是当今使用最广泛的Servlet/JSP服务器。Tomcat的主页地址为:/，用户可以通过该网站的下载链接进入Tomcat的下载页面3.Tomcat安装与配置在download选择你要下载的版本，这里选择:Tomcat8.0，鼠标往下扡，找到BinaryDistributions下的core选zip，就可以下载所需要的tomcat3.Tomcat安装与配置(2)Tomcat安装与配置下载Tomcat文件成功后，文件是一个exe的安装文件，下载后直接安装即可。第一步双击apache-tomcat-8.0.32.exe，打开“欢迎”界面，如图1-15所示。单击“Next”按钮继续安装3.Tomcat安装与配置第二步打开“选择安装组件”界面，如图所示，选择full,单击“Next”按钮继续安装。3.Tomcat安装与配置第三步打开配置界面，指定Ｔomcat服务的端口号，默认是8080，单击下一步。3.Tomcat安装与配置第四步打开“正在安装”界面，开始执行安装3.Tomcat安装与配置Tomcat安装目录中包含一系列的子目录，这些子目录分别用于存放不同功能的文件，安装以后Tomcat的目录结构如图所示：（3）Tomcat的目录结构3.Tomcat安装与配置在开始菜单选择“ConfigureTomcat”选项，如图1-20所示，即可进入Tomcat属性对话框，并启动Tomcat服务：（4）启动与停止Tomcat3.Tomcat安装与配置在成功安装和启动Tomcat后，在浏览器中输入http：//localhost:8080.如果出现如图1-23所示的Tomcat默认主界面，则表示Tomcat服务器安装配置正常4.Tomcat安装与配置在成功安装和启动Tomcat后，在浏览器中输入http：//localhost:8080.如果出现如图1-23所示的Tomcat默认主界面，则表示Tomcat服务器安装配置正常4.Eclipse下载与配置tomcat(1)Eclipse下载Eclipse是一个开放可扩展的集成开发环境。它不仅可以用于Java桌面程序的开发，通过安装开发插件，还可以构建Ｗeb项目和移动项目的开发环境。Eclipse是一个开放源代码的项目，可以免费下载。它的官方网址是，下载后的eclipse，解压后直接可以用4.Eclipse下载与配置tomcat（2）在Eclipse中配置JDK在Eclipse工作界面中，选择Window(窗口)-Preferences(首选项)命令，打开Preferences对话框，展开对话框左侧树形列表框内的Java节点，选择该节点下的InstalledJREs子节点，如果右侧的名称与位置与所安装的JRE是一致的，单击ok，如果不一致，则需要修改4.Eclipse下载与配置tomcat（3）

在Eclipse中配置tomcat第一步

启动Eclipse，依次选择“Ｗindow”-“Preferences”,打开“Preferences”对话框，展开对话框左侧树形列表框内的Server节点下的RuntimeEnvironments，在对话框的右侧选择Tomcat的安装目录，单击ok。4.Eclipse下载与配置tomcat第二步

单击Add按钮，弹出一个NewServerRuntimeEnvironment窗口，该窗口显示出了可在Eclipse中配置的各种服务器及期版本。由于安装的是apache-tomcat-8.0.32,所以选择ApacheTomcatv8.0。4.Eclipse下载与配置tomcat第三步在NewServerRuntimeEnvironment窗口中单击Next按钮执行下一步，在弹出的窗口中单击Browse。。4.Eclipse下载与配置tomcat第四步

选择安装目录以后，单击确定4.Eclipse下载与配置tomcat第五步在Eclipse中选择Servers选项标签,创建新的Server。第六步

单击上图超链接，会弹出一个NewServer窗口，如图1-26所示。选中Tomcatv8.0Server。然后单击finish，到此，完成了Tomcat服务器的配置。任务一开发环境搭建

–任务实施在搭建好的JavaWeb开发环境，创建一个JSP文件，并输出“今天太高兴了，JavaWeb环境终于搭建成功。第一步在Eclipse中点击File->New->DynamicWebProject，输入Test任务一开发环境搭建

–任务实施单击下一步，直到WebModule界面出现，一定要将此复选框选中任务一开发环境搭建

–任务实施第二步新建一个index.jsp页任务一开发环境搭建

–任务实施第三步在body里面输入今天太高兴了，Javaweb环境终于搭建成功<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title></head><bodybgcolor="aaffee">

今天太高兴了，Javaweb环境终于搭建成功</body></html>任务一开发环境搭建

–任务拓展1tomcat启动(1)通过D:\ProgramFiles\ApacheSoftwareFoundation\Tomcat8.0\bin\startup.bat命令启动Tomcat服务器，此时会显示一些启动信息。(2)打开浏览器输入:http://locathost:8080或者是http://:8080，访问Tomcat服务器，表示启动成功。任务一开发环境搭建

–任务拓展2tomcat关闭双击bin目录下的shutdown.bat文件关闭Tomcat服务器。任务一开发环境搭建

–任务拓展3Tomcat使用catalina.bat启动任务一开发环境搭建

–任务拓展4UTF-8编码设置JSP默认的编码方式是ISO-8859-1，但不能识别中文任务一开发环境搭建

–任务拓展选择window-preferences输入jsp,找到JSPFiles文件，修改Encoding的编码方式为utf-8任务一开发环境搭建

–任务拓展新建JSP文件，JSP页面字符编码自动修改为UTF-8,任务二输出“智慧金融信贷管理系统”--任务演示本任务在JavaWeb运行环境搭建成功的基础上、编写欢迎进入智慧金融信贷管理系统，并编译和发布此网站任务二输出“智慧金融信贷管理系统”–知识准备JSP的运行原理JSP页面简介1JSP页面简介一个JSP页面中可以有普通的HTML标记和JSP规定的JSP标记，以及通过标记符号“<%”和“%>”加入的Java程序片。JSP页面按文本文件保存，扩展名是.jsp，在保存JSP页面时，文件的名字必须符合标识符规定，即名字可以由字母、下划线、美元符号和数字组成，并且第一个字符不能是数字。1JSP页面简介【例1-2-1】计算1-100之和。<bodybgcolor="pink"><h2>计算1-100之和</h2><%inti,sum=0;//java小脚本

for(i=1;i<=100;i++){sum=sum+i;}%><p>1到100之和是：</p><%=sum%><!--jsp表达式></body>1JSP的运行原理所有JSP页面，在执行的时候都会被服务器端的JSP引擎转换为Servelet（.java），然后又由JSP引擎调用Java编译器，将Servlet（.java）编译为class文件（.class），并由Java虚拟机（JVM）解释执行。任务二输出“智慧金融信贷管理系统”–任务实施编写欢迎进入智慧金融信贷管理系统，并编译和发布此网站，运行结果如图所示<bodybgcolor="aaffee"><b>欢迎进入智慧金融信贷管理系统</b></body>任务二输出“智慧金融信贷管理系统”–任务拓展在进行软件开发时，通常会在两种基本架构中进行选择，即C/S架构和B/S架构。C/S是客户端（Client）/服务器(Server)端的交互；B/S架构是浏览器(Browser)/服务器端(Server)的交互1.C/S架构C/S架构的特点：（1）软件使用前必须安装；（2）软件更新时，服务器和客户端需同时更新；（3）C/S架构的软件不能跨平台使用；（4）C/S架构的软件客户端和服务器通信相对比较安全任务二输出“智慧金融信贷管理系统”–任务拓展2.B/S架构B/S架构的特点：（1）软件不需要安装，直接使用浏览器访问指定的网址即可；（2）软件更新时，客户端不需要更新；（3）软件可以跨平台，只要系统中有浏览器，就可以使用；（4）B/S架构的软件客户端与服务器之间通信不是很安全。1JSP的运行原理所有JSP页面，在执行的时候都会被服务器端的JSP引擎转换为Servelet（.java），然后又由JSP引擎调用Java编译器，将Servlet（.java）编译为class文件（.class），并由Java虚拟机（JVM）解释执行。项目实训实训一在自己的电脑上搭建JavaWeb开发环境实训二输出毛泽东创作的词“沁园春.雪”要求：应用eclipse开发工具，输出毛泽东创作的词。谢谢项目二JSP技术

项目要

求本项目是JSP技术应用，主要是完成静态网站的框架设计，并能应用JSP语法基础编写简单的JSP应用程序。

项目分

析要完成项目任务，至少需要具备两个基本条件：一是需要熟悉html常用标记，二是掌握JSP的语法基础，该项目分3个任务，分别是化妆品网站框架设计、设计一天的温馨提示语和欣赏美景。

项目目

标【知识目标】掌握JSP脚本元素、page指令、include指令的使用以及include动作、forward动作动作元素的使用。【能力目标】能运用JSP脚本元素进行简单程序的编写、能灵活运用的指令对JSP指令及动作元素的应用。【素质目标】培养学生团队合作，精益求精的精神。

知识导

图任务一化妆品框架设计--任务演示当我们在网上购买化妆品时，需要在网上注册、依据注册的用户名和密码进行登录、然后浏览化妆品、选择自己所需要的化妆品，本任务页面将包括一个导航条，该导航条由注册、登录、浏览化妆品、查看订单等组成。如图所示任务一化妆品框架设计–知识准备<hn></hn>标题标签<div>标签<p>标签font字体标签<br>标签<hr>标签<B></B><I></I><U></U>标签img标签超级链接标签表格1.font字体标签作用：规定了文本的大小、颜色、字体。基本格式：<font[size=][color=][face=]></font>说明：（1）size：表示文字的大小，共有1,2,3,4,5,6,7七种字号，数字越大，显示的字符越大。（2）color：表示字符的颜色，可表示为#RRGGBB,其中，RR,GG,BB分别表示红、绿、蓝三种颜色，可取整数0-255，分别代表256种颜色强度，数字越大强度越大。由于每种颜色都有256种强度，三种颜色的混合。共有256*256*256种不同的颜色。字符的颜色也可用名称表示，常用的颜色如表2-1所示：（3）face表示字体,中文有“宋体”“楷体”“隶书”等，西文有TimesNewRoman、Arial、BookmanOldStyle等。【例2-1-1】在网页上显示我是字体标签，并修改字体为宋体，颜色为红色，如图所示。<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title></head><body><fontcolor="red"size=40face="黑体">我是字体标签</font></body></html>1.font字体标签补充：JSP编码规范(1)必须以英文字母、汉字或下划线开头(2)一个JSP页面按文本文件保存，扩展名是.jsp(3)文件名字区分大小写

引入：做事先做人，凡事守规矩2.<hn></hn>标记标题（Heading）是通过<h1>-<h6>等标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。【例2-1-2】常用标签的应用1，如图所示关键代码<title>重庆城市职业学院</title></head><bodybgcolor="f0fff0"><h1>重庆城市职业学院</h1><h2>重庆城市职业学院</h2><h3>重庆城市职业学院</h3><h4>重庆城市职业学院</h4></body>3.div标记3．<div>标签<div>可定义文档中的分区或节。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记<div>，那么该标签的作用会变得更加有效。4．<p>标签<p>标签定义段落，常用的属性有align，规定段落中文本的对齐方式。5．<br>标签<br>可插入一个简单的换行符。6.<hr>标签<hr>标签在HTML页面中创建一条水平线，水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。<hr>可选的常用属性align属性设置对齐方式，left、center、right分别表示左对齐、居中和右对齐。width属性设置水平线的长度，以像素计或百分比计。注意：除非width属性设置为小于100%，否则align属性不会有任何效果。size属性规定水平线的高度，以像素计。color:设置水平线的颜色，无此项设置表示有阴影。noshade属性规定水平线的颜色呈现为纯色，而不是有阴影的颜色。6<hr>标记【例2-1-3】应用各种标签显示如图所示的效果6.<hr>标记`

【例2-1-3】应用各种标签显示如图所示的效果<bodybgcolor="yellow"text="blue"><palign="center">针对现在出现的新型冠状病毒进行自我排查</p><hrsize="2"width=80%><palign="left">针对现在出现的新型冠状病毒进行自我排查</p><br><br><br><palign="right">针对现在出现的新型冠状病毒进行自我排查</p></body>设置背景色为黄色设置前景色为蓝色设置段落居中设置水平线宽度是2,占屏幕宽度80%设置段落左对齐段落换行段落右对齐注意：对于不同有标记符，默认的align属性值不同，P和Hn标记的默认align属性值是left,而HR标记符的默认align属性值是center.7.img标记作用：img元素向网页中嵌入一幅图像格式：<imgsrc=""alt="">说明：(1)src属性:指“source“，源属性的值是图像的URL地址(2)alt属性:用来为图像定义一串预备的可替换的文本7.<img>标记【例2-1-4】使用img标签显示一张照片,并修改宽、高和边框属性。关键代码：<body><imgalt="图片不存在"src="image/mv.JPG"></body>说明：当在指定路径下的图片不存在时，显示的结果如图1,若图片存在，显示图2。图1图28.超级链接标记

超级链接是指以<a>开始，以</a>结束，可以指向网络上的任何资源，一张HTML页面，一幅图像，一个声音或视频文件等。格式：<ahref=”url”target=“目标窗口”>超链接名称</a>说明：（1）href属性：设置连接的目标地址（2）target属性：有4个保留的目标名称用作特殊的文档重定向操作。_self:默认。在相同的框架中打开被链接文档_blank：在新窗口中打开链接文档_parent:在父框架集中打开被链接文档_top:在整个窗口中打开被链接文档开始标签和结束标签之间的文字被作为超级链接来显示【例2-1-5】超级链接示例8.超级链接标记【例2-1-5】超级链接的应用<body><ahref="">百度</a><br><ahref=""target="_self">百度</a><br><ahref=""target="_blank">百度</a><br></body>设置连接的目标地址设置那个目标进行跳转链接网页将在当前窗口中打开链接网页将在新窗口中打开7.超级链接标记8.表格论坛门户网站购物网站（1）为什么使用表格门户网站应用表格论坛中应用表格购物网站应用表格8.表格在HTML文档中，广泛使用表格来存放网页上的文本和图像行列单元格表头8.表格<TABLEborder="1"><TR>

<TH>

表头单元格内容</TH>

……

<TD> 单元格内容

</TD> ……</TR>……</TABLE><TABLE>...</TABLE>定义表格<TD>…</TD>定义列<TR>…</TR>定义行border用来设置表格边框尺寸大小<TH>…</TH>定义列(表头)

【例2-1-6】基本表格示例<bodybgcolor="f0fff0"><tableborder="2"><tr><td>编号</td><td>姓名</td><td>性别</td><td>工作单位</td></tr>

<tr><td>01</td><td>廖丽</td><td>女</td><td>重庆城市职业学院</td></tr><tr><td>02</td><td>刘强</td><td>男</td><td>重庆科技有限公司</td></tr></table>bgcolor属性用来设置页面的的背景色任务一化妆品框架设计

--任务实施<bodybgcolor="f0fff0"><divalign="center"><fontcolor="019858"><h3>欢迎进入化妆品网站，祝你购物愉快!</h3></font><tablecellSpacing="1"cellPadding="1"width="660"align="center"border="0"><trvalign="bottom"><td><ahref="">登录</a></td><td><ahref="">注册</a></td><td><ahref="">浏览化妆品</a></td><td><ahref="">查看化妆品</a></td><td><ahref="">查看购物车</a></td><td><ahref="">查看订单</a></td><td><ahref="">退出</a></td><td><ahref="">主页</a></td></tr></table><imgalt=""src="image/hzp.JPG"></body>任务一化妆品框架设计

--任务拓展1．head与title标签head标签是所有头部元素的容器。<head>内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等。可以添加到head中的标签有：<title>、<link>、<meta>、<script>以及<style>。<title>标签定义文档的标题，title能够定义浏览器工具栏中的标题；提供页面被添加到收藏夹时显示的标题；显示在搜索引擎结果中的页面标题。任务一化妆品框架设计

--任务拓展【例2-1-7】显示标题为七大传统节日<bodybgcolor="aaffee">春节元宵元清明节端午节七夕节中秋节重阳节</body>任务一化妆品框架设计

--任务拓展2．<meta>标签<meta>标签始终位于head元素中，<meta>标签的使用格式为:<meta可选属性名=”…”content=””/>【例2-1-8】进入head2.html，5秒后自动跳转到head21.html页面，如图1和图2所示图1图2任务一化妆品框架设计

--任务拓展<metacharset="UTF-8"><title>中秋节</title><metahttp-equiv="Refresh"content="5;url=http://localhost:8080/web/head21.html"/></head><bodybgcolor="aaffee"><p>对不起，我们已经搬家了，新的地址是<ahref=http://localhost:8080/项目二/head3.jsp>http://localhost:8080/项目二/head3.jsp</a><p>你将在5秒内被重新定到新地址</body></html>head3.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title></head><bodybgcolor="aaffee">暑退九霄净,秋澄万景清。农历八月十五，民间称为中秋，中秋赏月，品尝月饼，视为家人团圆的象征。中秋月明圆，温情满人间</body>任务一化妆品框架设计--任务拓展【例2-1-9】进入head2.html，5秒后自动跳转到head21.html页面，如图1和图2所示<metacharset="UTF-8"><title>中秋节</title><metaname="keywords"content="祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节"/><metaname="Description"content="2006年5月20日，国务院列入首批国家级非物质文化遗产名录。自2008年起中秋节被列为国家法定节假日。"/></head><bodybgcolor="aaffee"></body>任务二设计一天的温馨提示语--任务演示设计一个程序，在各时间段有不同的温馨提示语，如表所示，运行结果，如图所示时间段与温馨提示语时间段温馨提示6:00-8:00早上好！吃个营养丰盛的早餐8:00-12:00早上上班，美好开始12:00-14:00把工作暂时放在一边，对自己的努力微笑着给予肯定，然后吃个营养美味的午餐吧14:00-18:00在这样一个不错的午后，给自己的心情加点阳光，然后愉悦的让今天继续18:00-21:00下午下班，轻松过关21:00-24:00已经是深夜，注意休息24:00-6:00时间还早，再睡会吧！运行结果图任务二设计一天的温馨提示语–知识准备什么是JSPJSP页面的基本结构JSP程序的脚本元素JSP注释1．什么是JSPJSP（全称JavaServer

Pages）是由SunMicrosystems公司主导创建的一种动态网页技术标准。JSP部署于网络服务器上，可以响应客户端发送的请求，并根据请求内容动态地生成HTML、XML或其他格式文档的Web网页，然后返回给请求者。JSP技术以Java语言作为脚本语言，为用户的HTTP请求提供服务，并能与服务器上的其它Java程序共同处理复杂的业务需求。2.JSP页面的基本结构JSP页面的基本结构（1）模板元素静态HTML内容（2）JSP元素脚本元素（声明、表达式、Scriptlet）指令元素动作元素（3）注释<%@pagelanguage="java"contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%><%@pageimport="java.util.Date"%><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>JSP页面的基本构成</title></head><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是：<%=today%></center></body></html>在前面已经创建过JSP文件，但是并未对JSP页面的构成进行详细介绍，下面将详细介绍JSP页面的基本构成。一个JSP页面可以包含指令标识、HTML代码、JavaScript代码，嵌入的Java代码，注释和JSP动作标识等内容。2.JSP页面的基本结构<%@pagelanguage="java"contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%><%@pageimport="java.util.Date"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN“/TR/html4/loose.dtd">JSP指令标识页面使用的脚本语言是java页面响应的类型页面的编码当前的jsp文件中导入需要用到的包文件【例2-2-1】JSP页面的基本结构应用，运行结果如图所示2.JSP页面的基本结构<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>JSP页面的基本构成</title></head><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是：<%=today%></center></body></html>JSP表达式html标记语言Java代码3.JSP的脚本标识JSP的脚本标识声明表达式脚本程序声明：用于声明一个或多个变量；表达式：是一个完整的语言表达式；脚本程序：就是一些程序片断。所有的脚本元素都是以“＜％”标记开始，以“％＞”标记结束。声明和表达式通过在“＜％”后面加上一个特殊字符进行区别（1）声明标识【例2-2-2】简单的网站计数器第一种：变量的声明在“<%!”和“%>”标记符号之间声明变量和方法。变量的类型可以是Java语言允许的任何数据类型，将这些变量称为JSP页面的成员变量。在声明中，可以一次性声明多个变量和方法，只要这些声明在Java中是合法的，并且以“；”结尾就可以。<bodybgcolor="aaffee"><%!inti=0;%><p>您是第<%=++i%>个访问本站的用户</p></body>JSP页的成员变量（1）声明标识【例2-2-3】通过方法调用，计算两个数的乘和除第一种：方法的声明在“<%!”和“%>”标记符号之间定义方法，所定义的方法在整个JSP页面有效，可以在Java程序片中被调用。方法内声明的变量只在该方法内有效，当方法被调用时，方法内声明的变量被分配内存，方法被调用完毕即可释放这些变量所占的内存。（1）声明标识【例2-2-3】通过方法调用，计算两个数的乘和除<%!doublemulti(doublex,doubley){returnx*y;}doublediv(doublex,doubley){returnx/y;}%><bodybgcolor="aaffee"><%doublex=10,y=3;out.print("x与y的乘积:"+multi(x,y));out.println("<br>");out.print("x与y的除:"+div(x,y));%></body>（2）表达式表达式是在jsp请求处理阶段进行运算，运算所得的结果转换成字符串，并与模板数据组合在一起，表达式在页面的位置就是该表达式的计算结果显示的位置。格式：

<%=%>【例2-2-4】在JSP页面中通过JSP表达式输出“保护环境,爱护地球！”文字，如图所示<bodybgcolor="aaffee"><%·Stringstr="保护环境，爱护地球!";%><%=str%></body>（3）脚本程序一个JSP页面可以有许多脚本程序,这些脚本程序将在“<%”和“%>”之间插入Java被JSP引擎按顺序执行。程序片中声明的变量称为JSP页面的局部变量。【例2-2-5】获得一个7至19之间的随机数，如果获得的数小于或等于13就显示一幅重庆小面的图片，否则显示一幅红烧牛肉面的图片，程序运行的效果如图所示（3）脚本程序<body><%intnumber=7+(int)(Math.random()*13);if(number<=13){%><center><h2>显示重庆小面图片</h2><imagesrc='image/noodles.JPG'width=180height=178><br>重庆小面</image></center><%}else{%><center><h2>显示红烧牛肉面图片</h2><imagesrc="image/beef.JPG"width=180height=178><br>红烧牛肉面</image></center><%}%></body>3.

JSP注释在JSP规范中，可以使用三种注释，分别是JSP表达式的注释、JSP注释。下面分别对这2种注释方式进行讲解。带有JSP表达式的注释在JSP页面中可以嵌入代码片段，在代码片段中也可以可入注释，代码片段中的注释与Java的注释相同，包含以下3种情况。第一种：单行注释单行注释以“//”开头，后面是注释内容，其语法格式如下：//注释内容3.

JSP注释第二种：多行注释多行注释以/*开头，以*/结束，在标识符之间的内容为注释内容,其语法格式如下：/*注释内容*/第三种：文档注释文档注释是对代码结构和功能的描述，其语法格式如下：/**提示信息*/（2）JSP的注释隐藏注释是指注释虽然写在JSP程序中，但是不会发送给客户，其语法格式如下：<%--注释内容--%><!—注释内容-->任务要求：首先获取当前系统的时间，根据当前的时间，输出对应的温馨提示语。任务二设计一天的温馨提示语–任务实现<%@pageimport="java.util.Date,java.text.*"%><body><%Datenowday=newDate();inthour=nowday.getHours();SimpleDateFormatformat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");Stringtime=format.format(nowday);%><center> <tableborder="1"width="300"> <trheight="40"><tdalign="center">温馨提示!</td></tr> <trheight="90"><td>现在时间为:<%=time%></td></tr> <trheight="50"> <tdalign="center">任务二设计一天的温馨提示语–任务实现<% if(hour>=6&&hour<8) out.print("早上好！吃个营养丰盛的早餐"); elseif(hour>=8&&hour<12)

out.print("早上上班，美好开始"); elseif(hour>=12&&hour<=14)

out.print("把工作暂时放在一边，对自己的努力微笑着给予肯定，然后吃个营养美味的午餐吧"); elseif(hour>=14&&hour<18)

out.print("在这样一个不错的午后，给自己的心情加点阳光，然后愉悦的让今天继续"); elseif(hour>=18&&hour<21) out.print("下午下班，轻松过关"); elseif(hour>=21&&hour<24) out.print("已经是深夜，注意休息!"); elseif(hour>=24&&hour<6) out.print("时间还早，再睡会吧！");

%></td></table></center></body>任务二设计一天的温馨提示语–任务拓展设计一个乡村振兴欢迎网站要求：网站包括标题、图片，访问网站的次数以及版权，如图所示关键代码：<body><h1>欢迎来到乡村振兴网站</h1><hr><imgsrc="image/a1.JPG"alt=""><%!inti=1;%><h2>你是第<%=i++%>个访问此网站</h2>Copyright©2022-6廖丽版析所有</body>任务三欣赏美景--任务演示人生处处皆风景，只要你的心中有风景，只要你的眼中有风景，只要你学会欣赏身边的风景美景…,下面编写一个风景图片和花的世界网站，如图所示任务三欣赏美景–知识准备JSP的指令标识JSP动作元素1.JSP的指令标识指令标识在客户端是不可见的，它是被服务器解释并被执行，通过指令标识可以使服务器按照指令的设置来执行动作和设置的整个JSP页面范围内有效的属性。在一个指令中可以设置多个属性，这些属性的设置可以影响到整个页面。在JSP中主要包含3种指令，分别是page指令、include指令和taglib指令。指令通常以“<%@”标记开始，以“%>”标记结束，通用格式如下：<%@指令名称属性1=“属性值”属性2=“属性值”…%>（1）page指令page指令即页面指令，可以定义在整个JSP页面范围内有效的属性，其使用格式如下：<%@page属性名1=“属性值1”属性名2=“属性值2”…%>page指令可以放在JSP页面中的任意行，但为了程序代码的阅读，习惯上放在文件的开始部分。page指令具有多种属性，通过这些属性的设置可以影响到当前的JSP页面(1)page指令属性属性含义language指定JSP使用的脚本语言，默认为javaimport指定JSP网页中需要导入的java包列表，导入多个包时需要用逗号隔开pageEncoding指定JSP页面的编码方式，默认是ISO-8859-1,在页面上显示中文，需修改为gb2312或gbkcontentType指定JSP页面的MIME类型和字符编码，例如：html格式为text/html;纯文本格式为text/plain;JPG图像为image/jpeg;GIF图像为image/jpegsession指定JSP是否内置session对象，如果为true,则说明内置session对象，可以直接使用，否则没有内置sessionc对象，默认为truebuffer设置此网页输出时所使用缓冲区的大小,默认值是8kbautoFlush指定当缓冲区满时是否自动输出缓冲区的数据。如果为true,输出正常，否则当缓冲区满时将抛出异常，默认值为true.info指定定义一个可以在servlet中通过getServletInfo方法获得的字符串errorPage指定一个JSP页面，让此页面来处理当前页中抛出但未被捕获的任何异常isErrorPage表示当前页是否可以作用其它JSP页面的错误页面page指令的常用属性(1)page指令【例2-3-1】在JSP页面中能显示中文，并显示当前的时间，如图所示<%@pageimport="java.util.Date"%><%@pageimport="java.text.SimpleDateFormat"%><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是：<%=today%></body>(2)

include指令在实际的开发中，有时需要在JSP页面中包含另一个JSP页面，这时可以通过include指令实现。include指令的具体语法格式是：<%@includefile=“fileurl”说明：file指定包含的静态文件的路径，其值fileurl可以为相对路径和绝对路径，一般为相对路径。

(2)

include指令【例2-3-2】设计两个jsp文件，一个为head.jsp,用于显示框架的头部，另一个jsp页面，命名为includedemo.jsp，该页为化妆品主界面，如图所示关键代码第一步：编写头文件head.jsp<bodybgcolor="f0fff0"><divalign="center"><tablecellSpacing="1"cellPadding="1"width="660"align="center"border="0"><trvalign="bottom"><td><ahref="">登录</a></td><td><ahref="">注册</a></td><td><ahref="">浏览化妆品</a></td><td><ahref="">查看化妆品</a></td><td><ahref="">查看购物车</a></td><td><ahref="">查看订单</a></td><td><ahref="">退出</a></td><td><ahref="">主页</a></td></tr></table></div></body>关键代码第二步：编写includedemo.jsp文件，化妆品界面<bodybgcolor="f0fff0"><divalign="center"><h3><fontcolor="019858">欢迎进入化妆品网站，祝你购物愉快!</font></h3><%@includefile="head.jsp"%><imgalt=""src="image/hzp.JPG"></div></body>(3)taglib指令使用taglib指令，表明此JSP文件使用了自定义标签，同时引用标签库，也指出他们的标签的前缀。关于JSP的自定义的标签和taglib指令的使用将在项目七进行详细介绍，基本格式如下：<%@tagliburi=“URIToTagLibrary”prefix=“tagPrefix”%>说明：uri指定标签的URL地址，prefix指定标签的前缀。2.JSP动作元素JSP动作元素用于控制JSP的行为，执行一些常见的JSP页面动作。通过动作元素可以实现使用多行Java代码才能够实现的效果，例如包含页面文件，实现请求转发等。常用的动作元素有：<jsp:include>、<jsp:forward>、<jsp:param>、<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>、<jsp:fallback>、<jsp:plugin>，下面介绍比较常用的几个动作元素。（1）<jsp:include>动作元素<jsp:include>动作元素用于向当前页面引入其它的文件，被引入的文件可以是动态的文件，也可以是静态文件。其基本格式如下：<jsp:includepage="url"flush="true|false"></jsp:include><jsp:include>动作元素或者向被包含的动态页面中传递参数。<jsp:includepage="url"flush="true|false"><jsp:paramname="参数名称"value="参数值"</jsp:include>page属性:该属性指定被包含文件的路径，该路径可以为相对路径，也可以是绝对路径。flush属性：表示当输出缓冲区满时，是否清空缓冲区。该属性值为boolean型，默认值为false,通常情况下设为true。<jsp:param>子标识可以向被包含的动态页面中传递参数。<jsp:include>标识对包含的动态文件和静态文件的处理方式是不同的。如果被包含的是静态的文件，则页面执行后，在使用该标识的位置处将会输出这个文件的内容。如果<jsp:include>标识包含的是一个动态的文件，那么JSP编译器将编译并执行这个文件。不能通过文件的名称来判断该文件是静态的还是动态，<jsp:include>标识会识别出文件的类型。<jsp:include>动作元素【例2-3-3】设计一个用户登录的界面，包含用户名、密码和验证码的输入，如图所示第一步：随机显示一个四位数的数字并显示在页面上验证码关键代码<%@pageimport="java.util.*"%><bodybgcolor="f0fff0"><%Randomrand=newRandom();for(inti=0;i<4;i++){intstart=rand.nextInt(10);out.print(""+start);}%></body>关键代码第二步：用户登录的界面设计<body><center><formaction=""method="post"><table><tr><td>用户名</td><td><inputtype="text"name="user"></td></tr><tr><td>密

码</td><td><inputtype="password"name="pwd"></td></tr><tr><td>验证码</td><td><inputtype="text"name="confire"></td><td><jsp:includepage="Verification.jsp"></jsp:include></tr><tralign="center"><td><inputtype="submit"value="提交"></td><td><inputtype="reset"value="重置"></td></tr></table></form></center></body><jsp:include>动作元素【例2-3-4】计算三角形的面积，并显示在页面上第一步新建一个sides.jsp页面<body><%doublea=3,b=4,c=5;%><br>计算三角形的面积的三边为<%=a%>,<%=b%>,<%=c%><jsp:includepage="triangle.jsp"><jsp:paramvalue="<%=a%>"name="sidea"/><jsp:paramvalue="<%=b%>"name="sideb"/><jsp:paramvalue="<%=c%>"name="sidec"/></jsp:include></body><jsp:include>动作元素第二步新建一个triangle.jsp页面%!publicStringgetArea(doublea,doubleb,doublec){if(a+b>c&&a+c>b&&b+c>a){doublep=(a+b+c)/2;doublearea=Math.sqrt(p*(p-a)*(p-b)*(p-c));return""+area;}else{return"不能构成三角形，无法计算面积";}}%>

<bodybgcolor="f0fff0"><%Stringa=request.getParameter("sidea");Stringb=request.getParameter("sideb");Stringc=request.getParameter("sidec");doublesidea=Double.parseDouble(a);doublesideb=Double.parseDouble(b);doublesidec=Double.parseDouble(c);%><fontsize=4color=blue><br>传来的三角形三边值是：<%=sidea%>,<%=sideb%>,<%=sidec%><br>三角形的面积是：<%=getArea(sidea,sideb,sidec)%><br></font></body>（2）<jsp:forward>请求转发<jsp:forward>动作元素可以将当前请求转发到其它Web资源，比如：HTML页面、JSP页面和Servlet等。执行请求转发之后，当前页面将不再执行，而是执行该元素指定的目标页面。基本格式如下：<jsp:forwardpage="要转向的页面"/>或<jsp:forwardpage="要转向的页面">param子标记</jsp:forward><jsp:forward>用来转移用户的请求，使用户请求的页面从一个页面跳转到另一个页面。此跳转为服务器端的跳转，用户的地址栏不会产生变化。forward之前的代码会被执行，之后的代码不会被执行。（2）<jsp:forward>请求转发【例2-3-5】<jsp:forward>请求转发元素应用，如图所示第一步，编写forword1.jsp代码<bodybgcolor="f0fff0"><jsp:forwardpage="news.jsp"></jsp:forward><%out.print("此项代码将不会被执行");%></body>（2）<jsp:forward>请求转发第二步：编写news.jsp代码<bodybgcolor="f0fff0"><div>北京时间2022年6月5日10时44分，据中国载人航天工程办公室消息，搭载神舟十四号载人飞船的长征二号F遥十四运载火箭在酒泉卫星发射中心点火发射，约577秒后，神舟十四号载人飞船与火箭成功分离，进入预定轨道，飞行乘组状态良好，发射取得圆满成功。

</div></body>任务三欣赏美景–任务实施任务要求：编写4个JSP页面：one.jsp,two.jsp,three.jsp和error1.jsp。one.jsp,two.jsp,three.jsp页面包

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论