zoukankan      html  css  js  c++  java
  • 浅介MVC与Backbone

    1.MVC是什么东西?

    MVC (Modal View Controler) 是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。

    • (控制器Controller)- 负责转发请求,对请求进行处理。
    • (视图View) - 界面设计人员进行图形界面设计。
    • (模型Model) - 程序员编写程序应有的功能(实现算法等等)、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。

    使用MVC的目的是将M和V的实现代码分离, 从而使同一个程序可以使用不同的表现形式。C存在的目的则是确保M和V的同步,一旦M改变,V应该同步更新。

    2.MVC如何工作?

    MVC是一个设计模式,它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件:模型、视图、控制器。它们各自处理自己的任务。

    • 视图(View)——视图是用户看到并与之交互的界面。对老式的Web应用程序来说,视图就是由HTML元素组成的界面,在新式的Web应用程序中,HTML依旧在视图中扮演 着重要的角色,但一些新的技术已层出不穷,它们包括Macromedia Flash和象XHTML,XML/XSL,WML等一些标识语言和Web services.  
    • 模型(Model)——模型表示企业数据和业务规则。在MVC的三个部件中,模型拥有最多的处理任务。例如它可能用象EJBs和ColdFusion Components这样的构件对象来处理数据库。被模型返回的数据是中立的,就是说模型与数据格式无关,这样一个模型能为多个视图提供数据。由于应用于 模型的代码只需写一次就可以被多个视图重用,所以减少了代码的重复性。
    • 控制器(Controller)——控制器接受用户的输入并调用模型和视图去完成用户的需求。所以当单击Web页面中的超链接和发送HTML表单时,控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求,然后用确定用哪个视图来显示模型处理返回的数据。

    现在我们总结MVC的处理过程,首先控制器接收用户的请求,并决定应该调用哪个模型来进行处理,然后模型用业务逻辑来处理用户的请求并返回数据,最后控制器用相应的视图格式化模型返回的数据,并通过表示层呈现给用户。

    看到这里相信大家还是不太理解MVC到底是什么,没有关系,接下来我们会介绍一个轻量级的MVC框架BackBone.js。

    3.什么是BackBone?

    backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过 Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。

    Backbone主要由三个部分组成:

    • model:创建数据,进行数据验证,销毁或者保存到服务器上
    • collection:可以增加元素,删除元素,获取长度,排序,比较等一系列工具方法,说白了就是一个保存 models的集合类
    • view:绑定html模板,绑定界面元素的事件,初始的渲染,模型值改变后的重新渲染和界面元素的销毁等

     

    Backbone 中文版API:http://www.csser.com/tools/backbone/backbone.js.html

    看到这里大家一定会说,除了了解了一堆理论,我还是不会用MVC,没关系,实践出真知,再多的概念也不如去学习一个实例:

    http://backbonejs.org/docs/todos.html

    https://github.com/MichaelHu/rocket_apps/tree/master/hellorocket

                                            ——by 欧阳方昕

  • 相关阅读:
    Eclipse快捷键大全(转载)
    为什么你应该(从现在开始就)写博客 via刘未鹏
    Hadoop琐记
    详解MANIFEST.MF文件
    脚本语言琐记
    因为此版本的应用程序不支持其项目类型(.csproj) .
    求助:关于Activator.CreateInstance
    打印网页指定区域
    CSS中的行为——expression
    ASP.NET使用mysql数据库
  • 原文地址:https://www.cnblogs.com/juicygroup/p/3354649.html
Copyright © 2011-2022 走看看