用Eclipse开发java-web应用程序

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第2讲,基于Servlet+JavaBean+Jsp开发应用的过程,第2讲,基于Servlet+JavaBean+Jsp开发应用的过程,本讲主要介绍主流的java web编程技术、设计模式和框架，以及如何利用Eclipese开发Web应用程序。,要点：,1、Java Web编程的主要组件技术；,2、MVC设计模式；,3、用Eclipse构建一个基于MVC模式的Java Web的应用程序。,目的,：,掌握如何用Eclipse构建一个基于MVC模式的Java WEB的应用程序。,2.1 java web 编程的主要组件技术,Html,jsp,Servlet,Javabean,Jdbc,Xml,Tomcat,MySQL,2.2 MVC设计模式,今天，我们见到的绝大部分应用，都是基于B/S（浏览器/服务器）架构的，其中的服务器就是Web服务器。可见，Web应用是目前广泛使用的应用模式。,Web程序开发方法的发展,：,JSP的Model 1,JSP的Model 2,MVC,1 Model 1和Model 2,对于Java的动态Web编程技术而言，则经历了,Model 1和Model 2,时代。,Model 1:,Model 1就是JSP大行其道的时代，在Model 1模式下，整个Web应用几乎全部由JSP页面组成，JSP页面接收处理客户端请求，对请求处理后直接做出响应。用少量的JavaBean来处理数据库连接、数据库访问等操作。,Model 2:,Model 2下JSP不再承担控制器的责任，它仅仅是表现层角色，仅仅用于将结果呈现给用户，JSP页面的请求与Servlet（控制器）交互，而Servlet负责与后台的JavaBean通信。,在Model 2模式下，模型（Model）由JavaBean 充当，视图（View）由JSP页面充当，而控制器（Controller）则由Servlet充当。,Model 1的程序流程：,特点：,由JSP页面组成，JSP页面接收处理客户端请求，对请求处理后直接做出响应。用少量的JavaBean来处理数据库连接、数据库访问等操作,Model 2的程序流程,：,基本上是MVC结构,特点：,Model 2下JSP不再承担控制器的责任，它仅仅是表现层角色，仅仅用于将结果呈现给用户，JSP页面的请求与Servlet（控制器）交互，而Servlet负责与后台的JavaBean通信。在Model 2模式下，模型（Model）由JavaBean 充当，视图（View）由JSP页面充当，而控制器（Controller）则由Servlet充当。,2,Model 1和Model 2的比较,对于非常小型的Web站点，如果后期的更新、维护工作不是特别大，可以使用Model 1的模式来开发应用，而不是使用Model 2的模式。,虽然Model 2提供了更好的可扩展性及可维护性，但,增加了前期开发成本,。从某种程度上讲，Model 2为了降低系统后期维护的复杂度，却导致前期开发的更高复杂度。,3,MVC思想,MVC并不是Java语言所特有的设计思想，也并不是Web应用所特有的思想，它是所有面向对象程序设计语言都应该遵守的规范。,MVC思想将一个应用分成三个基本部分：Model（模型）、View（视图）和Controller（控制器），这三个部分以最少的耦合协同工作，从而提高应用的可扩展性及可维护性。,MVC,MVC：,M（model）是指数据模型，,V（View）是指用户界面，,C（Control）,则是控制器。,使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。,模型、视图与控制器的分离，使得一个模型可以具有多个显示视图。如果用户通过某个视图的控制器改变了模型的数据，所有其它依赖于这些数据的视图都应反映到这些变化。因此，无论何时发生了何种数据变化，控制器都会将变化通知所有的视图，导致显示的更新。这实际上是一种模型的变化-传播机制。模型、视图、控制器3者之间的关系和各自的主要功能。,MVC的组成部分,视图（View）,代表用户交互界面，对于Web应用来说就是HTML界面。,模型（Model）：,就是业务流程/状态的处理以及业务规则的制定。,控制（Controller）：,可以理解为一个分发器，他来决定选择什么样的模型，选择什么样的视图，可以完成什么样的用户请求，控制层并不做任何的数据处理。,MVC带来的好处,MVC从根本上强制性的将它们分开，最大程度上实现了程序代码与网页的分离。,数据和业务规则从表示层分开，所以可以最大化的重用代码。,MVC的特点,MVC特点：,多个视图可以对应一个模型。按MVC设计模式，一个模型对应多个视图，可以减少代码的复制及代码的维护量，一旦模型发生改变，也易于维护。,模型返回的数据与显示逻辑分离。模型数据可以应用任何的显示技术，例如，使用JSP页面、Velocity模板或者直接产生Excel文档等。,应用被分隔为三层，降低了各层之间的耦合，提供了应用的可扩展性。,控制层的概念也很有效，由于它把不同的模型和不同的视图组合在一起，完成不同的请求。因此，控制层可以说是包含了用户请求权限的概念。,MVC更符合软件工程化管理的精神。不同的层各司其职，每一层的组件具有相同的特征，有利于通过工程化和工具化产生管理程序代码。,4,常用的MVC框架,Struts：,-包括struts1和struts2两个。,JSF:,JSF是一个标准,目前，JSF是作为JEE 5.0的一个组成部分，与JEE 5.0一起发布,JSF的行为方法在POJO中实现，JSF的Managed Bean无需继承任何特别的类。因此，无需在表单和模型对象之间实现多余的控制器层。JSF中没有控制器对象，控制器行为通过模型对象实现。,JSF的事件框架可以细化到表单中每个字段。JSF依然是基于JSP/Servlet的，仍然是JSP/Servlet架构，因而学习曲线相对简单,2.3 用Eclipse构建一个基于MVC模式的Java Web应用程序,题目要求：,（1）技术要求,：,按照MVC设计模式，利用JSP、Servlet及JavaBean构建一个简单的登录系统。,（2）系统功能要求：,当用户在登录页面上填写用户名和密码并提交后，系统检查该用户是否已经注册，若注册，系统进入主页面，否则，进入注册页面。系统的工作流程见下图。,(2),控制器-1,LoginServlet,(1),登录页面,Login.jsp,（5）,数据组件,user,doa,db_op,（6）,数据库MySQL,进行验证，不符合格式，返回注册页面，重新注册，并提示出错情况,注册成功，进入登录页面,未注册,登录系统的工作流程,(3),提示：登录成功,Main.jsp,（过20秒后再自动,进入注册页面,）,（4）,进入,注册页面,Register.jsp,（7）,控制器-2,RegisterServlet,（8）,提示：注册失败,Register_err.jsp,（,过20秒后再自动,进入注册页面,）,（9）,注册成功,Register_succ.jsp,（,过20秒后再自动,进入注册页面,）,已注册,或者,密码错误,(10),进入主页面,Main2.jsp,构建系统的处理步骤,(1)数据库设计：,构建数据库表T_UserInfo,(2),在Eclipse中创建一个项目,：Login_Proj,(3),构建视图组件,：登录页面（login.jsp）、主页面(main.jsp)、注册页面(register.jsp),注册失败(Register_err.jsp),注册成功(Register_succ.jsp),(4)构建控制层组件：,一个servlet(LoginServlet.java)-实现登录的控制,一个,servlet（,RegisterServlet.Java,)-,实现注册的验证控制,(5),构建业务逻辑层组件（模型组件）,：,一个JavaBean:,user,doa,db_op,(6),部署该程序到服务器Tomcat中,，然后运行。,(1)数据库设计：构建数据库表T_UserInfo,利用MySQL数据库，,创建数据库：user,创建表及其结构：T_UserInfo,字段名,字段类型,字段描述,userName,文本（20）,用户名，主键,password,文本（10）,密码,数据表结构T_UserInfo,注意，该数据库所存放的位置,(2)在Eclipse中创建一个项目：Login_Proj,按Eclipse建立工程的提示，建立,Web工程,，工程的名称为：,Login_Proj,。,(3)构建视图组件：-登录页面（login.jsp）,选中工程“,Login_Proj,”，,击右键，选“新建”，,按Eclipse的提示，建立,jsp,，名称为：,Login,。,修改默认jsp内容,达到我们所要求的编码,。,login.jsp的代码,登录页面,用户名：,密,(3)构建视图组件-主页面(main.jsp),选中工程“,Login_Proj,”，,击右键，选“新建”，,按Eclipse的提示，建立,jsp,，名称为：,main.jsp,。,修改默认jsp内容,达到我们所要求的编码,。,main.jsp代码,主页面,你成功登录，20秒后自动进入主页面！,类似可以建立其它的页面：,系统页面,main2.jsp,注册页面,register.jsp,注册失败提示页面,Register_err.jsp,注册成功提示页面,Register_succ.jsp,构建控制层组件（,第4步,）,建立数据JavaBean用户（user）；,建立连接数据库的JavaBean(doa),建立实现对用户数据库进行操作的java类-,db_op.java,4.1,建立数据JavaBean用户（user）,package,JavaBean;,public,class,use,r,private,String username;,private,String password;,public,String getUsername(),return,username;,public,void,setUsername(String username),this,.username=username;,public,String getPassword(),return,password;,public,void,setPassword(String password),this,.password=password;,4.2,建立连接数据库的JavaBean(doa),package,JavaBean;,public,class,doa,private,String db_username;,private,String db_password;,private,String db_driver;,private,String db_connection;,public,String getDb_username(),return,db_username;,public,void,setDb_username(String db_username),this,.db_username=db_username;,public,String getDb_password(),return,db_password;,public,void,setDb_password(String db_password),this,.db_password=db_password;,public,String getDb_driver(),return,db_driver;,public,void,setDb_driver(String db_driver),this,.db_driver=db_driver;,pub