经典Servlet+JSP+JavaBean开发模式(MVC)原理与创建工程
2017-09-09 17:52
666 查看
首先介绍MVC:
M:model层,实现系统的业务逻辑,即javaBean
V:view层,负责与用户交互,即在界面展示,比如html,jsp
C:control层,是model层与View层之间的桥梁,它可介绍来自view层传来的请求分发给model层,然后再接收model的返回数据并选择恰当的视图给view层,让用户看到。
在别人的博客上copy了张图,很形象啊!
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/40a237d248e691b43b0637bbf88dc586)
上图很形象的说明了servlet的MVC模式的运行原理。浏览器发送请求到jsp,所有的请求都会给servlet来处理,servlet通过对javaBean,即核心的model处理,得到处理结果,在返回给view层的jsp页面,jsp页面返回给浏览器最后的html网页。
其次,从图中可以看出model层关联前端和后台,是servlet的核心部分。
下面,用eclipse建一个最简单的servlet模式工程。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/4adf31917e447fa18fb8da8c128f4498)
在eclipse的javaEE开发视图模式下,找到Project explorer 框,如上图,右键new-->选择Dynamic Web Project(动态web工程):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/88df35e6b8c4c1ea0bedc419bf4559a3)
填写工程名,版本选2.5 ,tomcat选5,或6都行。别太低。Next--》
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/4a8f816d67e3b698f5c6369eb7391eb3)
然后下一步,再出现一个视图,再直接finish就行了。
建好之后就有以下界面:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/d78c645398c9a18433d7afd960b271ab)
eclipse会给我们建好需要的文件夹,想webContent就是知道本地web工程的根文件夹。
完了之后,打开web-inf下的web.xml:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/ae1f11d537d930734021cab8d86446e6)
看上图的xml文件,标签<welcom-file-list>的意思是“欢迎文件集合‘想当与一个工程的首页,当启动工程后会进入到统一的Servlet,负责统一的中转,正如本文图一所示,首先找到<welcom-file-list>下的文件,到前端显示,这里在上上图中可以看到,小编在WebContent目录下建了一个index.jsp页面,在<body>标签中写了个success。这里注意的是,如果在index中输入中文字符,保存时会显示是否保存为utf-8格式。这里呢,先选择取消,然后在jsp文件中修改:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/47b979707b0f02989f1de522791a3a07)
将所有的charset的字符设置成utf-8格式,保存,最后启动tomcat。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/21ed1b05a60ef881b50fbbe37d7407c4)
在流量器中输入:http://localhost:8080/Servlet/
会有:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/c87bdbe31b3c4761bb709e89c1accb40)
这样一个简单的Servlet模式的工程就建好了。
接下来如果想更深一步的了解mvc工资模式可以看如下:
在index.jsp中增加了两个链接,上面是直接跳转。下面要通过servlet控制器分发。
![](https://img-blog.csdn.net/20170909174419411?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3NkbmxpdXhpbjEyMzUyNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Cen<br/>cc33<br/>ter)
这个是跳转后的second.jsp页面
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/35cd8927c50a9126d3092940924c288c)
启动工程后,在页面点击index的第二个链接,进入到servlet分发器的xml中,找到first,进入到Servlet.First这个类。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/c024937b1cd7dc4707d9dd17c7d7d492)
在下图的First类中,转发到second.jsp页面。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201709/0036566ade241e4617d38313f0e979be)
代码部分:
package servlet;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class First extends HttpServlet{
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
ServletContext servletContext = getServletContext();
RequestDispatcher dispatcher = servletContext.//直接转发到second页面
getRequestDispatcher("/second.jsp");
dispatcher.forward(request, response);
}
}
M:model层,实现系统的业务逻辑,即javaBean
V:view层,负责与用户交互,即在界面展示,比如html,jsp
C:control层,是model层与View层之间的桥梁,它可介绍来自view层传来的请求分发给model层,然后再接收model的返回数据并选择恰当的视图给view层,让用户看到。
在别人的博客上copy了张图,很形象啊!
上图很形象的说明了servlet的MVC模式的运行原理。浏览器发送请求到jsp,所有的请求都会给servlet来处理,servlet通过对javaBean,即核心的model处理,得到处理结果,在返回给view层的jsp页面,jsp页面返回给浏览器最后的html网页。
其次,从图中可以看出model层关联前端和后台,是servlet的核心部分。
下面,用eclipse建一个最简单的servlet模式工程。
在eclipse的javaEE开发视图模式下,找到Project explorer 框,如上图,右键new-->选择Dynamic Web Project(动态web工程):
填写工程名,版本选2.5 ,tomcat选5,或6都行。别太低。Next--》
然后下一步,再出现一个视图,再直接finish就行了。
建好之后就有以下界面:
eclipse会给我们建好需要的文件夹,想webContent就是知道本地web工程的根文件夹。
完了之后,打开web-inf下的web.xml:
看上图的xml文件,标签<welcom-file-list>的意思是“欢迎文件集合‘想当与一个工程的首页,当启动工程后会进入到统一的Servlet,负责统一的中转,正如本文图一所示,首先找到<welcom-file-list>下的文件,到前端显示,这里在上上图中可以看到,小编在WebContent目录下建了一个index.jsp页面,在<body>标签中写了个success。这里注意的是,如果在index中输入中文字符,保存时会显示是否保存为utf-8格式。这里呢,先选择取消,然后在jsp文件中修改:
将所有的charset的字符设置成utf-8格式,保存,最后启动tomcat。
在流量器中输入:http://localhost:8080/Servlet/
会有:
这样一个简单的Servlet模式的工程就建好了。
接下来如果想更深一步的了解mvc工资模式可以看如下:
在index.jsp中增加了两个链接,上面是直接跳转。下面要通过servlet控制器分发。
这个是跳转后的second.jsp页面
启动工程后,在页面点击index的第二个链接,进入到servlet分发器的xml中,找到first,进入到Servlet.First这个类。
在下图的First类中,转发到second.jsp页面。
代码部分:
package servlet;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class First extends HttpServlet{
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
ServletContext servletContext = getServletContext();
RequestDispatcher dispatcher = servletContext.//直接转发到second页面
getRequestDispatcher("/second.jsp");
dispatcher.forward(request, response);
}
}
相关文章推荐
- Servlet+JSP+JavaBean开发模式(MVC)介绍
- Servlet+JSP+JavaBean开发模式(MVC)介绍
- javaWeb入门<1>Servlet+Jsp+JavaBean实现MVC开发模式登陆注册实例详解
- Servlet+JSP+JavaBean开发模式(MVC)介绍
- model1(jsp+javaBean)和model2(jsp+servlet+javaBean+MVC)开发模式优缺点
- MVC框架详解--Servlet+JSP+JavaBean模式(MVC)开发复杂的web应用
- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 深入分析JavaWeb 19 -- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- jsp---->JSP + Servlet + JavaBean开发模式
- 深入分析JavaWeb Item19 -- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 对基于Servlet+JSP+JavaBean开发模式的用户登录注册的升级
- jsp---->JSP + Servlet + JavaBean开发模式
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 基于Servlet+JSP+JavaBean开发模式的购物车
- [学习笔记]jsp+javaBean+Servlet 的设计模式MVC 的实例
- JavaWeb -- Servlet+JSP+JavaBean(MVC)模式
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 【转载】 javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册 - 孤傲苍狼 - 博 http://www.cnblogs.com/xdp-gacl/