Java Web应用开发项目教程_第一章.ppt

南京信息职业技术学院南京信息职业技术学院Java Web应用开发计算机与软件学院王俊松南京信息职业技术学院南京信息职业技术学院课程定位Java Web应用开发基于Java的企业级应用开发 Java程序设计前导课程后续课程相关课程数据库技术软件测试技术基础 软件工程与UML Web编程基础 网页设计基础 XML Webservice开发基于框架的Web开发实训南京信息职业技术学院南京信息职业技术学院课程目标知识目标掌握配置Java Web 开发环境掌握Java Web 基本语法、JavaBean的使用掌握常用Java Web开发的MVC设计模式、常用框架Struts的基本使用能力目标能搭建Java Web开发环境能使用JDBC、JavaBean等开发Java Web动态页面能运用MVC模式、Struts框架实现应用程序素质目标培养学生自主学习新知识的能力培养学生对Web开发的兴趣培养学生的职业素养南京信息职业技术学院南京信息职业技术学院实施背景u课程开设在第三学期，程序综合性提高u课程总学时为75课时，分布在15周完成教学u项目式教学 以E-Store项目开发为导向，以实际开发任务为驱动，在项目开发的每个阶段完成相关知识的学习。南京信息职业技术学院南京信息职业技术学院课程内容Java WebJava Web应用开发应用开发基础与项目简介基础与项目简介子任务：配置开发、测试、运行环境创建E-Store电子商城项目任务二36学时项目前台业务项目前台业务模块开发模块开发子任务：商品展示、分类展示页面优化前台用户模块购物车模块任务三12学时利用利用MVCMVC模式模式开发订单模块开发订单模块子任务：MVC模式设计订单模块用过滤器实现页面访问控制用监听器实现访问计数任务一8学时任务四16学时基于基于StrutsStruts框架开发框架开发子任务：Struts框架利用Struts实现E-Store后台管理模块南京信息职业技术学院南京信息职业技术学院模块（或工作情境）名称序号单元（或项目）内容学时分配岗位技能分解Java Web应用开发基础与项目简介1Java Web应用开发基础4开发、调试、运行环境2电子商城项目简介4项目功能需求项目前台业务模块开发3前台商品展示模块开发16纯JSP页面开发、JDBC、页面优化方法4前台用户模块开发10JSP+Bean开发模式5购物车模块开发10会话机制的实现利用MVC模式开发6基于MVC模式的用户订单模块开发4JSP+Bean+Servlet开发模式7用户授权验证、在线人数统计模块开发8Java Web常用过滤器、监听器组建基于Struts框架开发8基于Struts框架的商城后台程序开发16利用主流Java Web框架开发教学评价9项目验收、习题、测试3项目集成、测试总学时75任务分解南京信息职业技术学院南京信息职业技术学院考核方式课程成绩能力考核（60%）项目形成过程（30%）项目验收（30%）考试成绩（40%）知识考核（40%）n考核过程贯穿整个教学过程n项目形成性考核n项目验收n知识考核n重在考核学生分析问题、解决问题的能力其中项目形成性考核来自于项目开发的阶段任务检查，项目验收成绩来自最终项目完成情况的检查。南京信息职业技术学院南京信息职业技术学院第第1章章 Java Web应用开发基础应用开发基础本章要点：本章要点：软件常用体系结构C/S和B/S结构 静态网页和动态网页 Web应用和Web应用技术 动态网页技术CGI/ASP/PHP/JSP JSP的常用开发模式 Java Web应用的运行环境 JDK的下载、安装和配置 Tomcat的下载、安装和配置 编写简单的JSP程序，并能够使之在Tomcat等JSP服务器上运行南京信息职业技术学院南京信息职业技术学院1.1 C/S结构与结构与B/S结构结构 C/S结构构 C/S结构，即Client/Server（客户机服务器）结构，是一种软件系统体系结构。它把整个软件系统分成Client和Server两个部分，Client和Server通常处在不同的计算机上。南京信息职业技术学院南京信息职业技术学院1.1 C/S结构与结构与B/S结构结构C/S结构的构的优点点 人机交互性强 具有安全的存取模式 网络响应速度快 利于处理大量数据 C/S结构的缺点构的缺点 一般应用于针对性开发，程序变更不够灵活，维护和管理的难度 较大 系统每台客户机都需要安装相应的客户端程序，分布功能弱且兼容 性差，不能实现快速部署安装和配置，因此缺少通用性，不利于扩 展，通常只局限于小型局域网。软件需要针对不同的操作系统系统开发不同版本的软件，由于产品 的更新换代十分快，较高的使用和维护代价已不能很好的适应工作 的需要 南京信息职业技术学院南京信息职业技术学院1.1 C/S结构与结构与B/S结构结构 B/S结构构 B/S软件体系结构，即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S体系结构的一种变化或者改进的结构B/S结构核心概念是将整个应用的主要业务逻辑集中在服务器端执行，而客户端只负责简单的数据表示和交互，一般在总体上分为表示层、业务逻辑层和数据存储层三个不同的处理层次，如图所示 南京信息职业技术学院南京信息职业技术学院1.1 C/S结构与结构与B/S结构结构B/S结构的构的优点点 分布性强 维护方便 开发简单且共享性强 总体拥有成本低 B/S结构的缺点构的缺点 数据安全性问题 对服务器要求过高 数据传输速度慢 软件的个性化特点低 南京信息职业技术学院南京信息职业技术学院C/S结构和结构和B/S结构的比较结构的比较软硬件硬件环境支撑境支撑环境境 C/S是建立在局域网的基础上的，而B/S是建立在广域网的基础上的 安全控制安全控制 由于C/S采用配对的点对点的结构模式，并采用适用于局域网、安全性比较好的网络协议(例如NT的NetBEUI协议)，安全性可得到较好的保证；B/S采用浏览器访问的模式，并采用TCPIP这一类运用于Internet的开放性协议，其安全性通常依靠服务器上管理密码的数据库来保证，安全控制不及C/S结构。程序程序结构与构与处理模式理模式 C/S软件一般采用两层结构，而B/S采用三层结构。这两种结构的不同点是两层结构中客户端参与运算，而三层结构中客户端并不参与运算，只是简单地接收用户的请求，显示最后的结果 系系统开开发与与维护 C/S 程序侧重于整体开发，构件的重用性不是很好；B/S一般采用三层或多层结构，要求构件有相对独立的功能，能够相对较好的重用。交互性交互性 在C/S中，客户端有一套完整的应用程序，在出错提示、在线帮助等方面都有强大的功能，并且可以在子程序间自由切换。B/S虽然由JavaScript、VBScript等客户端脚本程序提供了一定的交互能力，但与完整的C/S结构的用户交互设计相比显得逊色了许多。南京信息职业技术学院南京信息职业技术学院1.2 Web应用应用Web应用基用基础 Web应用就是一个网站，网站由大量的页面组成，每个页面通常是由一个或者多个文件组成。组成网站的大量文件之间通过特定的方式进行组织，并且由一个系统来管理这些文件。管理这些文件的系统通常称为应用服务器，它的主要作用就是管理网站的文件。网站的文件通常由以下几种类型：网页文件：主要是提供用户访问的页面，包括静态的和动态的，这 是网站中最重要的部分，如.html、.jsp等；网页的格式文件：可以控制网页信息显示的格式、样式，如.css等；资源文件：网页中用到的文字、图形、声音、动画、资料库、以及各式各 样的软件；配置文件：用于声明网页的相关信息、网页之间的关系、以及对所在运行 环境的要求等；处理文件：用于对用户的请求进行处理，如供网页调用、读写文件或访问 数据库等。南京信息职业技术学院南京信息职业技术学院1.2 Web应用应用WebWeb应用运行用运行环境境 客户端环境 Web应用的用户通常分布在不同的地方，要访问Web应用需要客户端安装相应的程序，Web应用的客户端程序通常称为浏览器 服务器端环境 服务器端程序用于接收客户端发送的请求，根据请求选择服务器上的资源对用户响应，并管理服务器上的程序 网络环境 Web应用必须有网络的支持，应用本身放在服务器上，用户通过客户端浏览器访问，客户端和服务器之间必须有网络连接 南京信息职业技术学院南京信息职业技术学院1.2 Web应用应用Web应用技用技术 HTTP协议 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议 动态HTML 动态HTML（DHTML）支持JavaScript和Java等多项技术，但其重要的特性是层叠样式表（Cascading Style Sheets，CSS）CSS CSS是动态HTML技术的一个部分，可以和HTML结合使用。CSS简洁的语法可以容易地控制HTML标记，最大的特点是可以将帮助页面开发人员将显示元素从内容（HTML）与格式分开处理（以.css为后缀存储成一个独立的文件）JavaScript JavaScript是用于浏览器的第一种具有通用目的、动态的客户端脚本语言 VBScript 是ASP动态网页默认的编成语言，Microsoft在发布JScript的同时，开发了VBScript作为其Visual Basic程序设计语言的解释子集，用于在Microsoft的Internet Explorer上编写动态网页脚本程序 Java Applet（Java小应用程序）Java Applet就是用Java语言编写的一些小应用程序，它们可以直接嵌入到网页中，并能够产生特殊的效果 南京信息职业技术学院南京信息职业技术学院动态网页技术动态网页技术CGI/ASP/PHP/JSP CGI(Common Gateway Interface)优点 可以独立运行，易于使用 缺点 当大量用户同时访问同一网页时会同时使用一个CGI应用程序，响应会变慢，Web服务器速度也会受到很大影响 CGI应用程序运行在浏览器可以请求的服务器系统上，执行时需要使用服务器CPU时间和内存。如果有成千上万的这种程序同时运行，那会对服务器系统提出极高的要求。南京信息职业技术学院南京信息职业技术学院动态网页技术动态网页技术CGI/ASP/PHP/JSPASP(Active Server Pages)优点 支持动态网页功能，易于使用 缺点 ASP虽然功能非常优越，因为脚本是在服务器端运行的，所以Web服务器完成所有处理后，将标准的HTML页面送往浏览器。这意味着，ASP只能在可以支持的服务器上运行，但目前只能在微软公司的NT平台的IIS服务器上执行限制了ASP的应用(虽然现在也有第三方插件使ASP可以在Linux上运行，但效果并不是很好)。南京信息职业技术学院南京信息职业技术学院动态网页技术动态网页技术CGI/ASP/PHP/JSPPHP(Personal Home Page)优点 是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有点类似于C语言，现在被很多的网站编程人员广泛的运用 PHP在服务器端执行，充分利用了服务器的性能。PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是PHP高效率的体现之一 所有的CGI或者JavaScript的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统 缺点 仍然是脚本级执行的动态网页技术南京信息职业技术学院南京信息职业技术学院动态网页技术动态网页技术CGI/ASP/PHP/JSPJSP(Java Server Page)优点 将内容的生成和显示进行分离，这有助于作者保护自己的代码，同时保证任何基于HTML的Web浏览器的完全可用性 强调可重用的组件，开发人员能够共享和交换执行普通操作的组件，或者使得这些组件能为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，优化了程序的结构 采用标识简化页面开发，通过开发定制标识库，JSP技术是可以扩展的。第三方开发人员和其他人员为常用功能创建自己的标识库，这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作 广泛的服务器支持，JSP同PHP类似，几乎可以运行于所有平台，如Windows NT、Linux、Unix。Windows NT下的IIS通过一个插件，例如JRUN或者ServletExec就能支持JSP 南京信息职业技术学院南京信息职业技术学院1.4 JSP的开发模式的开发模式 纯粹粹JSP实现 JSP+JavaBean实现 JSP+JavaBean+Servlet实现 J2EE模式模式实现 南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境JDK的下的下载和安装和安装 JDK中包括Java编译器（javac）、打包工具（jar）、文档生成器（javadoc）、查错工具（jdb），以及完整的JRE（Java Runtime Environment，Java运行环境），也被称为Private Runtime JDK开发工具包的官方网站的网址为http:/ Java Web应用的运行环境应用的运行环境JDK的下的下载和安装和安装 在窗口中，找到显示页面中的右侧，单击Java SE超级链接，会显示如图所示的窗口 南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境JDK的下的下载和安装和安装 在显示窗口中，找到最新的JDK开发工具包，并单击Download按钮下载，会显示如图所示的窗口 南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境JDK的下的下载和安装和安装 下载后的文件名称为jdk-6u3-windows-i586-p.exe，双击该文件即可开始安装。具体安装步骤如下：（1）双击jdk-6u3-windows-i586-p.exe文件，在弹出的对话框中，单击“接受”按钮，接受许可证协议。（2）在弹出的“自定义安装”对话框中，单击“更改”按钮更改安装路径，其他保留默认选项，如图所示。（3）单击“下一步”按钮，开始安装。（4）在安装的过程中，会弹出另一个“自定义安装”对话框提示用户选择Java运行时环境的安装路径。单击“更改”按钮更改安装路径，其他保留默认选项，如图所示。（5）单击“下一步”按钮继续安装。（6）单击“完成”按钮完成安装。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境配置配置JDK JDK安装完成后，还并不能够使用，还需要进行配置，以windows XP为例，其配置过程如下所示。（1）右击【我的电脑】，选择【属性】命令，会弹出一个【系统属性】对话框，如下图所示。（2）单击【高级】标签，单击该选项卡中的【环境变量】按钮，会显示如下图所示的对话框。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境配置配置JDK （3）在系统变量中选中path变量，单击的【编辑】按钮，会显示一个对话框。在对话框中，在path变量值中添加JDK安装路径下bin文件夹的所在路径，如“C:Program FilesJavajdk1.6.0bin”，注意用“;”分隔不同的路径。这样，当要使用Java编译器和解释器时，系统会在“C:Program FilesJava jdk1.6.0bin”目录下查找相应的执行文件。（4）上述操作完成后，单击【确定】按钮，完成JDK的配置。(5)如果要检测安装是否成功，需单击【开始】|【运行】命令，在弹出对话框中，输入“cmd”，启动命令行窗口，在命令行中输入“javac version”命令，如果输出JDK开发工具包的版本，表示安装成功，如下图所示；否则安装失败。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 Tomcat简介介 Tomcat是Jakarta项目中的一个重要的子项目，其被Java World杂志的编辑评选为2001年度最具创新的Java产品，同时它又是Sun公司官方推荐的Servlet和JSP容器，因此其越来越多地受到软件公司和开发人员的喜爱。Servlet和JSP的最新规范都可以在Tomcat的新版本中得到实现。其次，Tomcat是完全免费的软件，任何人都可以从互联网上自由地下载。Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache 南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 下下载Tomcat 获取Tomcat非常容易，可以直接在网络上搜索或者从Tomcat官方网站获取。打开IE浏览器，在地址栏中输入“http:/tomcat.apache.org/”，单击【转到】按钮，会显示如图所示的窗口。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 下下载Tomcat 在窗口中单击页面左侧的Tomcat 6.x超级链接，会显示如图所示的窗口 在如图所示的窗口中，有不同的Tomcat版本，用来适应不同的操作系统平台，这里选择Windows操作系统平台，单击Windows Service Installer（pgp，md5）超级链接下载。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 安装安装Tomcat 单击下载的可执行程序，会弹出一个如左图所示的窗口，在该窗口中单击Next按钮，会弹出如右图所示的窗口。南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 安装安装Tomcat 可以更改安装路径南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 安装安装Tomcat 南京信息职业技术学院南京信息职业技术学院1.5 Java Web应用的运行环境应用的运行环境安装和配置安装和配置Tomcat服服务器器 测试安装安装Tomcat是否成功是否成功 到此为止Tomcat已经安装完成了，检验是否安装成功，打开IE浏览器，在地址栏中输入“http:/localhost:8080/”，单击【转到】按钮，会弹出一个如下图所示的窗口，这时就表明服务器已经正确安装了。南京信息职业技术学院南京信息职业技术学院1.6 测试一个测试一个JSP程序程序测试一个一个JSP程序程序 在安装成功后打开Tomcat安装目录，可以看到几个文件夹。其中，Tomcat将由JSP文件转译后的Java源文件和class文件存放在work文件夹下，bin为Tomcat执行脚本目录，conf文件夹下存放有Tomcat的配置文件，lib文件夹为Tomcat运行时需要的库文件，Tomcat执行时的日志文件存放在logs文件夹下，webapps为Tomcat的Web发布目录。按照下面的操作过程创建和运行第一个JSP程序：（1）在Tomcat安装目录下的Webapps目录中，可以看到ROOT、examples、manager、tomcat-docs之类Tomcat自带的Web应用范例。（2）在webapps目录下新建一个名称为HelloJsp的文件夹。（3）在HelloJsp下新建一个文件夹WEB-INF。注意，目录名称是区分大小写的。南京信息职业技术学院南京信息职业技术学院1.6 测试一个测试一个JSP程序程序测试一个一个JSP程序程序 （4）在WEB-INF下新建一个文件web.xml，该文件为Tomcat的部署文件，并在其中添加如下代码：My Web Application A JSP application for test Test.jsp 南京信息职业技术学院南京信息职业技术学院1.6 测试一个测试一个JSP程序程序测试一个一个JSP程序程序（5）在HelloJsp目录下创建文本文件，并为其指定文件名为Test.jsp。注意JSP页面的扩展名必须为.jsp。然后在该文本文件中输入如下代码：第一个JSP程序 南京信息职业技术学院南京信息职业技术学院1.6 测试一个测试一个JSP程序程序测试一个一个JSP程序程序 （6）右击系统任务栏右边托盘区中Tomcat图标，在弹出的快捷菜单中选择Stop Service菜单项，关闭Tomcat服务。然后右击Tomcat图标，从快捷菜单中选择Start Service菜单，重新启动Tomcat，当Tomcat重新启动时会自动部署webapps下的所有Web应用。（7）打开浏览器，输入http:/localhost:8080/，浏览器显示左图所示Tomcat的主页。在下图Tomcat的主页上，点击页面Tomcat Manager链接，进入Tomcat的web应用管理页面，如左图，该页面上提供部署在该Tomcat服务器上的web应用的信息及一些配置和管理功能。点击HelloJsp链接，这时可以看到浏览器显示当前系统时间页面，如右图所示。南京信息职业技术学院南京信息职业技术学院第第1章章 Java Web应用开发基础应用开发基础思考思考题：1、简述述HTTP协议和一次和一次HTTP请求与响求与响应的的过程。程。2、试阐述述 JSP 服服务器端运行器端运行环境的安装与配置。境的安装与配置。3、试编写一个写一个简单的的JSP程序，并能程序，并能够使之在使之在Tomcat服服务器上运行。器上运行。