菜鸟学习Spring Web MVC之一

---恢复内容开始---

  当当当!!沉寂两日,学习Spring Web MVC去了。吐槽:近日跟同行探讨了下,前端攻城师,左肩担着设计师绘图,右肩担着JAVA代码?!我虽设计过UI,但这只算是PS技巧+偶尔的灵感,真正的设计师是讲创意、实用和美学的吧!呃,认为只有高手才懂得JAVA~~现在要努力做前端中设计好的,设计中懂得JAVA的?不错的方向吧,嘿嘿^^只要付出肯定有点收获!好吧,瑾以此文表达我的积极向上,我还在路上!如果Spring以后用不到,我就用又学到东西,阿Q自勉了- -!

一、为什么使用MVC

1  数据层代码和像HTML这样的表示层代码分开,易于定位问题和修改

2 数据层和表现层分开,可以实现多个视图共享一个模型的架构。起到重用数据层的作用

3 结构清晰,有利于分工协作

4 同设计模式一样,也是代码分离的一种手段,让冗长的代码,结构化

二、什么是MVC ( Wikipedia):

 MVC开始是存在于Desktop程序中的,M是指数据模型,V是指用户界面,C则是控制器,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式。

Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型或JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据) 和 服务层(行为)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。
View(视图):负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。
Controller(控制器):接收用户请求,委托给Model进行处理(状态改变),处理完毕后把返回的模型数据返回给View,由视图负责展示。 也就是说控制器做了个调度员的工作。

 

 

从上图我们还看到,在标准的MVC中模型能主动推数据给视图进行更新。Model模型包含被用于填充View视图的数据。一个用户发起请求,Controller控制器处理请求,更新Model模型。这些Model模型,被反馈到View。它是一个循环。

三、从Backbone来理解MVC,有时候被称作MVP(LessThanDot.com)

 

注意到没,Model和View之间是不能传递任何信息的!这个最核心的是Presenter,在MVP的Presenter是负责从模型取数据,综合之后把它推送到View中。当一个View上有行为的时候,Presenter拦截它并与其他服务协调工作,导致Model变化。Presenter把这些Model的变化,推动他们回到了到视图。比喻为电梯,向上移动Model数据,向下更改View结构。

ok,这MVC、MVP只是个称呼,大家还都是称呼MVC。

一个常见的Web APP流程:
1. 用户在View上进行操作——比如在文本框输入数值或是点击按钮
2. Controller处理这个动作
3. Controller通过Model对数据进行增删改查,将其传递到View
4. View将数据展示给用户

从前端的角度来理解~~

那么View如何对Controller发送信息?有三种方式
1、目标操作(target-cation):工作方式:Controller在自己内部设定目标target,分发一个操作action给View对象,比如是个按钮。当按钮被点击时,action就会发送给与之对应的target。这样V和C就交流了,但V只知道发送action给target,并不了解C中如何处理的。
2、委托(delegate):用户交互不仅仅是按钮、滑块之类。绝大部分的delegate信息都是should,will,did这三种形式。should-V视图对象询问C的某对象,“我应该做什么”。比如点击一个连接,V视图对象问“我要打开这个链接吗”,这个是should信息。will-“我将要做这件事",did-“我已经做了这件事”。C把自己设置为V的委托(delegate),它让V知道:如果V想知道更多的关于将如何显示的信息的话,就向C发送delegate信息。通过接受V发过来的delegate信息,C就会做出相应的协调和处理。还有一点,每个V只能有一个delegate。
3、数据源(datasource):V不能拥有它所要显示的数据,记住这点非常重要!!V希望别人帮助它管理将要显示的数据,当它需要数据时,它就会请求别人的帮助,把需要的数据给它。datasource和delegate类似,V会发送cout,data、at信息给C来请求数据。

当Model发生变化了,如何告知Controller呢?
通知(Notification)是解决问题的好方法!它们是这样工作的,当M中的某些东西发生变化时,他们会向C发出通知“嘿,老兄,注意了啊,我这发生变化了”,或者他们会发出指向变化的指针给C,或其他什么的。

顺带推荐一个Backbone源码分析-Backbone架构+流程图 !虽然这个系列没有完成,但是架构和流程图对Backbone的整体把握还是非常有帮助的!

大致就是这样工作的了!

第四、Web MVC

MVC下面这个图是不是更直观呢?

Web端开发发展历程

CGI:(Common Gateway Interface)公共网关接口,一种在web服务端使用的脚本技术,使用C或Perl语言编写,用于接收web用户请求并处理,最后动态产生响应给用户,但每次请求将产生一个进程,重量级。

Servlet:一种JavaEE web组件技术,是一种在服务器端执行的web组件,用于接收web用户请求并处理,最后动态产生响应给用户。但每次请求只产生一个线程(而且有线程池),轻量级。而且能利用许多JavaEE技术(如JDBC等)。本质就是在java代码里面 输出 html流。但表现逻辑、控制逻辑、业务逻辑调用混杂

JSP:(Java Server Page):一种在服务器端执行的web组件,是一种运行在标准的HTML页面中嵌入脚本语言(现在只支持Java)的模板页面技术。本质就是在html代码中嵌入java代码。JSP最终还是会被编译为Servlet,只不过比纯Servlet开发页面更简单、方便。

直接转入最终模式~~

服务到工作者:Front Controller + Application Controller + Page Controller + Context

即,前端控制器+应用控制器+页面控制器(也有称其为动作)+上下文,也是Web MVC,责任更加明确。

 

这种清晰地结构让人一目了然,原作者非常厉害!

职责:
Front Controller:前端控制器,负责为表现层提供统一访问点,从而避免Model2中出现的重复的控制逻辑(由前端控制器统一回调相应的功能方法,如前边的根据submitFlag=login转调login方法);并且可以为多个请求提供共用的逻辑(如准备上下文等等),将选择具体视图和具体的功能处理(如login里边封装请求参数到模型,并调用业务逻辑对象)分离。

Application Controller:应用控制器,前端控制器分离选择具体视图和具体的功能处理之后,需要有人来管理,应用控制器就是用来选择具体视图技术(视图的管理)和具体的功能处理(页面控制器/命令对象/动作管理),一种策略设计模式的应用,可以很容易的切换视图/页面控制器,相互不产生影响。

Page Controller(Command):页面控制器/动作/处理器:功能处理代码,收集参数、封装参数到模型,转调业务对象处理模型,返回逻辑视图名交给前端控制器(和具体的视图技术解耦),由前端控制器委托给应用控制器选择具体的视图来展示,可以是命令设计模式的实现。页面控制器也被称为处理器或动作。

Context:上下文,还记得Model2中为视图准备要展示的模型数据吗,我们直接放在request中(Servlet API相关),有了上下文之后,我们就可以将相关数据放置在上下文,从而与协议无关(如Servlet API)的访问/设置模型数据,一般通过ThreadLocal模式实现。

文章列表

虽然博客中不允许涉及私塾在线,还是要感谢---跟开涛学SpringMVC 

Backbone.js Is Not An MVC Framework

backbone.js MVC 架构解析

STS开发环境搭建指南V1.2

 

posted @ 2014-02-10 00:28  易小亨  阅读(500)  评论(0编辑  收藏  举报