第18章 Java Web三层应用开发.ppt

1,第18章JavaWeb三层应用开发,软件架构简介JavaWeb集成开发环境的配置Web项目的创建与配置基于Web实现图书管理功能Web应用的开发,2,18.1软件架构简介,C/S和B/S软件架构随着Internet技术的飞速发展，越来越多的应用系统正在向分布式的Web应用发展。B/S架构即浏览器/服务器结构，它是随着Internet技术的兴起，对C/S结构的一种改进结构。,3,18.1软件架构简介,基于Java技术的B/S架构实现Web应用开发的Java技术主要是JSP和Servlet技术。浏览器通过HTML或者JSP直接和用户交互，响应用户的请求，在已往的应用中，很多应用系统的业务逻辑被直接嵌入到JSP页面中。随着应用系统业务逻辑的增加和变化，过多的业务代码会使JSP页面臃肿不堪，Web服务器的负荷过重。,4,18.1软件架构简介,基于Java技术的B/S架构将业务逻辑代码和JSP分离开来非常重要，可以将流程控制代码写在Servlet中，业务逻辑封装到JavaBean中。系统结构形成了由JSP/Servlet作为表现层、JavaBean作为业务逻辑层和数据访问层、数据库作为持久层的三层架构。,5,18.1软件架构简介,基于Java技术的B/S架构可以将上面的三层架构对应到经典的模型-视图-控制器（Model-View-Controller，MVC）模式。,6,18.1软件架构简介,基于Java技术的B/S架构MVC模式中各层的职责视图的职责是展现数据，提供用户交互界面；控制器的职责是控制业务流转方式；模型的职责是处理用户业务逻辑及对数据库的访问等。,7,18.1软件架构简介,基于Java技术的B/S架构MVC模式应用示例图书管理子系统的MVC结构,8,18.2JavaWeb集成开发环境的配置,配置Eclipse开发环境两种方法在EclipseIDEforJavaDevelopers上安装Web开发插件；下载并安装EclipseIDEforJavaEEDevelopers。,9,18.2JavaWeb集成开发环境的配置,安装Tomcat插件下载Eclipse的Tomcat插件：下载地址:,10,18.3Web项目的创建与配置,hello项目的创建在Eclipse中点击菜单FileNewDynamicWebProject，如图所示。在项目名称输入框中填写“hello”，在“Dynamicwebmoduleversion”栏选择稍低一点的版本（如2.5），然后点击【Finish】按钮即可完成Web应用项目的创建。,11,18.3Web项目的创建与配置,hello项目的创建Web应用项目的目录结构。WEB-INF/web.xml是标准配置文件，负责注册Servlet及用到的其他资源。,12,18.3Web项目的创建与配置,编译及运行环境的配置配置编译环境：(1)在Eclipse中选择hello项目，点击右键弹出hello的属性窗口，在左侧选择JavaBuildPath项，之后选择Libraries页。,13,18.3Web项目的创建与配置,编译及运行环境的配置配置编译环境：(2)在上图中点击【AddExternalJARs】按钮，弹出Jar包选择窗口，选择Tomcat安装目录下的lib子目录（如D:Tomcat6.0lib）。选中jsp-api.jar和servlet-api.jar，将其引入hello应用的编译环境中。,14,18.3Web项目的创建与配置,编译及运行环境的配置配置运行环境：(1)创建完Web应用项目后，需要在Tomcat中运行，右键点击项目，弹出菜单如图所示。,15,18.3Web项目的创建与配置,编译及运行环境的配置配置运行环境：(2)在上图中选择Tomcatv6.0Server。弹出选择Tomcat安装目录窗口。,选择Tomcat安装目录，如前面安装选择的目录“D:Tomcat6.0”，即可完成hello项目在Tomcat环境中的配置。,16,18.3Web项目的创建与配置,编译及运行环境的配置运行环境配置完成后，在Eclipse右下方区域看到Servers标签页内容如图所示，点击右上方的启动按钮，就可以启动Tomcat服务器了。,17,18.3Web项目的创建与配置,新建JSP页面在hello项目的WebContent目录上按鼠标右键，从弹出菜单中选择NewJSPFile，弹出创建JSP对话框，在Filename输入框中输入页面名称“hello”即可生成JSP页面。在项目浏览器中双击hello.jsp文件，在编辑器视图中输入下面的代码：,18,18.3Web项目的创建与配置,运行Web项目Tomcat服务器正常启动后，点击工具栏上的Web浏览器按钮，在打开的Web浏览器页面上输入URL“http:/localhost:8080/hello/hello.jsp”，即可访问hello.jsp页面。,19,18.4基于Web实现图书管理功能,模型层不需要为模型层编写新的代码，为了复用已有代码，在项目浏览器窗口中的JavaResourcessrc下分别创建com.jupiterst.bl、com.jupiterst.bookStoreException、com.jupiterst.da三个包。也可以通过在在磁盘上直接创建子目录的方式来创建包。子目录建立完成后，在Eclipse环境中的bookshop项目上按鼠标右键，从弹出菜单中点击Refresh，则在src下就显示出新建立的三个包。,20,18.4基于Web实现图书管理功能,模型层所需要的包创建后，可直接将前面章节中编写的BookDA.java、Book.java以及与这两个类有关联的其他类拷贝到bookshop项目的src目录下各自对应的包中，即可实现业务逻辑类与数据访问类的复用。,21,18.4基于Web实现图书管理功能,控制层创建BookServlet类:负责图书查询相关业务的跳转。在bookshopJavaResourcessrc上右击，在菜单中选择NewPackage新建com.jupiterst.contoller包；在com.jupiterst.contoller包上右击，在菜单上选择NewServlet，系统弹出创建Servlet窗口，如图所示。,22,18.4基于Web实现图书管理功能,控制层创建BookServlet类:负责图书查询相关业务的跳转。在“Classname”栏中输入“BookServlet”，之后点击【Finish】按钮，创建BookServlet类。BookServlet.java,23,18.4基于Web实现图书管理功能,控制层修改web.xml的内容,24,18.4基于Web实现图书管理功能,表现层表现层是由JSP页面来实现的，包括book_list.jsp和book_add.jsp。在Eclipse中选择bookshop项目，在WebContent目录上按鼠标右键，从弹出菜单中选择NewJSPFile，弹出创建JSP对话框。在Filename输入框中输入页面名称“book_list”即可生成JSP页面。,book_list.jsp,book_add.jsp,25,18.4基于Web实现图书管理功能,运行结果在Eclipse环境中启动Tomcat服务器，点击工具栏上的Web浏览器按钮，在打开的Web浏览器页面上输入URL“http:/localhost:8080/bookshop/show.do”。,26,18.4基于Web实现图书管理功能,运行结果在书号输入框中输入“7020024750-001”，点击【查找】按钮，查找结果如图所示。,27,18.4基于Web实现图书管理功能,运行结果如果需要新增一本图书，点击【增加】按钮，弹出新增图书页面，如图所示。,28,18.5Web应用的发布,运行结果将bookshop应用部署到Tomcat服务器上的步骤：复制bookshop应用所在目录（如F:workspacebookshop）下的子目录WebContent。打开Tomcat安装目录（