web应用开发(JSP)完整课件.pptx

《web应用开发(JSP)完整课件.pptx》由会员分享，可在线阅读，更多相关《web应用开发(JSP)完整课件.pptx（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红第第1章章 JSP概述概述 本章学习目标了解Web开发的基础知识掌握JDK的安装与配置掌握Tomcat的安装与启动了解Tomcat的目录结构了解MyEclipse开发工具熟悉JSP程序的编辑与运行2023/1/91WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.1 Web简介简介1.1.1 什么是WebWeb全称World Wide Web，简称WWW，是Internet上的一种服务。Web的成功主要取决于以下三个要素：（1）万维网联盟（简称W3C）制定了一套标准的、易于人们掌握的超文本标记语言（H

2、ypertext Markup language，简称HTML）。（2）使用统一资源定位器（简称URL）来描述Internet上资源的位置和访问方式。（3）提供了一种超文本传输协议HTTP来解决如何访问Internet上的资源。2023/1/92WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.1.2 静态网页与动态网页静态网页与动态网页1静态网页在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页构成的。在静态网页中可以出现各种动态效果，如GIF格式的动画、FLASH、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网

3、页是不同的概念。静态网页的特点。2023/1/93WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红2动态网页动态网页动态网页是指在接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者的不同而发生变化，一般运行在服务器端。动态网页是与静态网页相对应的，网页URL通常以.asp、.jsp、.php、.cgi等形式为后缀。动态网页的特点。静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。2023/1/94WEBWE

4、B应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.1.3 Web动态网页技术动态网页技术1CGI技术：是第一种使服务器能根据运行时的具体情况动态生成HTML页面的技术。2ASP技术：是由微软公司在1996年底推出的一种允许用户将HTML或XML标记与VBScript或JavaScript脚本代码相结合生成动态网页的技术，是一个Web服务器端的开发环境，利用它可以创建和运行动态、交互、高性能的Web应用程序。ASP网页文件的后缀是.asp。ASP简单易学、安装使用方便、开发工具强大。但ASP只能运行于微软的服务器产品之上，所以在安全性、稳定性、跨平台性等方面还有待继续提升。2023

5、/1/95WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红3PHP技术技术PHP是一种跨平台的服务器端的嵌入式脚本语言，由创始人Rasmus Lerdorf在1994年提出，1995年发布第一个公开版本。PHP大量地借用C、Java和Perl语言的语法，并耦合PHP自己的特性，使Web开发者能够快速开发出Web应用程序。PHP开放源码，是完全免费的，并且可以在多种Web服务器平台上运行。PHP网页文件的后缀是.php。PHP与HTML语言具有非常好的兼容性。它支持目前绝大多数数据库，如Microsoft SQL Server、MySQL、Sybase、Oracle等。特别

6、的，PHP与MySQL是一种绝佳组合。另外PHP提供了类和对象，支持面向对象编程。2023/1/96WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红4JSP技术技术JSP（Java Server Pages，Java服务器页面）是由Sun公司在1999年6月推出的一种动态网页技术，它完全解决了ASP和PHP的脚本级执行的缺点。JSP是基于Java语言的，具备了Java技术简单易用、完全面向对象、与平台无关、安全可靠等特点，可以在Servlet和JavaBean的支持下，完成功能强大的动态网站程序的开发。JSP网页文件的后缀是.jsp。JSP的主要特点。2023/1/97W

7、EBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.1.4 Web服务器介绍服务器介绍1IIS2Apache3Tomcat4JBoss5WebSphere6WebLogic以上几款常用的服务器产品，用户可以根据自己学习或开发的需要进行选择。本书选用Tomcat作为JSP开发和运行的服务器。2023/1/98WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.1.5 Java Web常用开发技术常用开发技术进行Java Web项目的开发一般需要掌握如下几种技术：（1）HTML（2）CSS（3）JavaScript（4）Servlet技术（5）JSP技术（

8、6）JavaBean技术（7）JDBC技术（8）XML（9）AJAX技术除以上常见开发技术外，还有EJB、框架技术如Struts、Spring等。功能强大的Java Web项目会应用以上所有技术，它们之间联合使用、协作开发，大大提高开发的效率和系统性能。2023/1/99WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2 JSP开发工具及运行环境开发工具及运行环境使用JSP进行Web开发，需要具备相应的开发及运行环境。如Web浏览器、Web服务器、Java开发工具包及相关集成开发工具、数据库等。其中浏览器主要供客户端用户对Web应用进行访问，只要支持HTML就可以。数

9、据库用来存储Web应用中需要的数据，所以应该根据Web项目的规模选择合适的数据库管理系统，如大型项目可采用Oracle数据库，中型项目可采用Microsoft SQL Server或MySQL数据库，小型项目可采用Microsoft Access数据库等，具体选择可以查阅数据库的相关资料。下面主要对Java开发工具包、Tomcat服务器、MyEclipse集成开发工具等进行简要介绍。2023/1/910WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2.1 JDK的安装与配置的安装与配置JDK是开发Java应用程序的工具，安装JDK以后才能进行Java Web应用程序

10、的开发。JDK是一个免费下载软件。官方下载网址如下：用户可以根据自己机器的操作系统选择不同的版本下载。如对Windows用户，可以选择下载jdk-7u51-windows-i586.exe或jdk-7u51-windows-x64.exe。建议同时下载其帮助文档。双击下载的可执行文件进行安装，安装过程非常简单，根据提示操作就可以。安装过程中可以选择JDK的安装路径。2023/1/911WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红2JDK环境变量配置环境变量配置JDK安装成功以后，必须配置系统环境变量。通常有以下3个环境变量需要配置：（1）JAVA_HOME：代表JDK

11、的安装路径。这里为D:Javajdk1.7.0。（2）Path：指定一个路径列表，用于搜索可执行的文件。这里为D:Javajdk1.7.0bin。（3）CLASSPATH：指定一个路径列表，用于搜索Java编译或运行时用到的类。这里为D:Javajdk1.7.0lib。2023/1/912WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2.2 Tomcat的安装与启动的安装与启动1Tomcat的下载安装Tomcat的官方网站网址：下载时可以先进行版本选择，有zip和exe两种格式，其中zip格式是免安装的，需要解压缩，然后配置环境变量才可以使用，类似于JDK环境变量的

12、配置。exe格式安装比较方便，所以这里选择下载32-bit/64-bit Windows Service Installer(pgp,md5)。安装完成以后，Tomcat默认会自动运行。可以通过下列方式测试是否安装成功：打开浏览器，输入网址或，如果出现如图1.14所示的界面就表示Tomcat已经安装成功。2023/1/913WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2.2 Tomcat的安装与启动的安装与启动2Tomcat的目录结构Tomcat安装成功以后，会在安装路径下生成7个子目录。3启动TomcatTomcat安装成功以后，可以有多种方式启动Tomcat。

13、如直接运行安装目录下bin子目录中的Tomcat7.exe或Tomcat7w.exe。也可以通过选择“开始”“所有程序”“Apache Tomcat 7.0 Tomcat7”“Monitor Tomcat”，这时在状态栏会出现一个含有红点的图标，按鼠标右键，在弹出菜单中选择“Start service”，会出现服务启动进度条，启动成功后，图标变成绿三角，如图1.15所示。若要停止Tomcat服务，只需在弹出菜单中选择“Stop service”即可。2023/1/914WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2.3 Dreamweaver开发工具开发工具Ado

14、be Dreamweaver，中文名称“梦想编织者”，是由美国Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器，利用它可以轻而易举地制作出各种充满动感的网页。在JSP开发中，可以先利用Dreamweaver进行基础网站框架的搭建和网页界面的设计，然后再通过其它开发工具进行业务逻辑设计，这样可以提高Web项目的开发效率。2023/1/915WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.2.4 MyEclipse开发工具开发工具1MyEclipse简介Eclipse是一个开放源代码的、基于Java的可扩展开发平台。用于通过插件构建开发环境

15、，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。通过安装不同的插件，可以大大增强Eclipse的功能。Eclipse的官方下载网址为。MyEclipse是一个十分优秀的用于开发Java、J2EE等项目的Eclipse插件集合，它的功能非常强大，支持也十分广泛。MyEclipse目前支持Java Servlet、AJAX、JSP、JSF、Struts、Spring、Hibernate、EJB、JDBC等多项功能。MyEclipse的官方下载网址为。2023/1/916WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红2MyEclipse的配置的配置MyE

16、clipse的安装过程非常简单，只要按照安装向导提示逐步操作就可以。下面以MyEclipse 10为例介绍一下安装成功以后的具体配置。如图1.17所示为MyEclipse的集成开发环境。（1）配置JRE（2）配置Tomcat2023/1/917WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红3MyEclipse的测试的测试在MyEclipse集成开发环境中，在工具栏单击如图1.25所示的图标，在出现的下拉菜单中（如图1.26所示）选择Tomcat 7.xStart。打开浏览器，输入网址或，如果出现如图1.14所示的Tomcat测试页就表示MyEclipse开发环境配置成功

17、。2023/1/918WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.3 第一个第一个JSP程序程序1.3.1 认识第一个JSP程序【例1-1】一个简单的JSP程序。首先用记事本创建一个JSP文件，文件名welcome.jsp。要运行该文件，必须将它部署到Tomcat服务器的某个Web服务目录中。比如将它直接复制到Tomcat安装目录下webappsROOT根目录中。然后启动Tomcat服务器，在地址栏输入，就会看到运行结果。也可以在webapps目录下新建子目录作为Web服务目录。这里新建子目录ch01，将welcome.jsp放入其中，然后在地址栏输入，就会看到如

18、图1.28所示的运行结果。2023/1/919WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.3.2 JSP的工作原理的工作原理当服务器上的一个JSP文件第一次被请求的时候，JSP引擎首先会把这个JSP文件转换成一个Java源文件（即一个Servlet）。在转换过程中如果发现JSP文件有语法错误，转换过程将中断，并向服务器端和客户端输出错误信息。如果转换成功，JSP引擎用javac命令把该Java源文件编译成相应的字节码文件（即.class文件），并将该class文件加载到内存中。其次创建一个该Servlet的实例，并执行该实例的jspInit()方法。然后创建并启动

19、一个新的线程，新线程调用该Servlet实例的jspService()方法。jspService()方法执行后会将HTML格式的响应信息发送到客户端。当服务器再次收到对这个JSP页面的请求，会判断这个JSP页面是否被修改过。如果被修改过就会重新生成Java代码并且重新编译，而且服务器中的垃圾回收处理会把没用的类文件删除。如果没有修改过，服务器就会直接调用以前已经编译过的类文件。2023/1/920WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.3.3 使用使用MyEclipse进行进行Web开发开发【例1-2】用MyEclipse工具开发实现【例1-1】的功能。使用M

20、yEclipse工具进行JSP开发必须创建一个Web 项目。启动MyEclipse，选择Web Project，为项目命名ch01。新建项目的目录结构如图1.30所示。右击目录树中的WebRoot，选择NewFile，创建JSP文件，取名为hello.jsp。将Web项目部署到服务器中。在项目目录树中选中要部署的项目ch01，点击工具栏中的部署图标按钮，如图1.32所示。在MyEclipse中启动Tomcat服务器，在浏览器地址栏中输入，将会出现如图1.28所示的运行界面。2023/1/921WEBWEB应用开发（应用开发（JSPJSP）主讲：余正红主讲：余正红1.3.4 Web应用的目录结构

21、应用的目录结构如图1.35所示是在MyEclipse中Web项目ch01的目录结构。2023/1/922p经常不断地学习,你就什么都知道。你知道得越多,你就越有力量pStudy Constantly,And You Will Know Everything.The More You Know,The More Powerful You Will Be写在最后Thank You在别人的演说中思考，在自己的故事里成长Thinking In Other PeopleS Speeches，Growing Up In Your Own Story讲师：XXXXXX XX年XX月XX日p经常不断地学习,你就什么都知道。你知道得越多,你就越有力量pStudy Constantly,And You Will Know Everything.The More You Know,The More Powerful You Will Be写在最后Thank You在别人的演说中思考，在自己的故事里成长Thinking In Other PeopleS Speeches，Growing Up In Your Own Story讲师：XXXXXX XX年XX月XX日