jQuery MVC 架构

Posted

技术标签:

【中文标题】jQuery MVC 架构【英文标题】:jQuery MVC architecture 【发布时间】:2011-02-08 22:40:11 【问题描述】:

在 jQuery 中创建 MVC 架构的最佳方法是什么?

我应该使用 jQuery.extend() 吗?

jQuery.extend(
  View: function()
);

...或 jQuery 插件

(function($) 

  $.fn.model = function()  return this; ; 

)(jQuery);

...或者只是 JavaScript 中的对象

var model = 
var view = 
var controller = 

谢谢!

【问题讨论】:

你到底希望达到什么目标? 【参考方案1】:

只需在 javascript 中使用对象。视图可以包含 jquery 和其他 UI 问题的所有知识,而控制器/模型可以处理其他逻辑和与服务器的通信(假设 ajax)。我为此写了一篇博文:

MVC Pattern with Javascript

【讨论】:

【参考方案2】:

这是一个使用 jQuery.extend 的好方法:http://welcome.totheinter.net/tutorials/model-view-controller-in-jquery/

【讨论】:

以上是关于jQuery MVC 架构的主要内容,如果未能解决你的问题,请参考以下文章

译丨MVC 在前端已死?

三层架构和mvc模式有啥关系

MVC架构模式分析与设计---简单的mvc架构

从MVC框架看MVC架构的设计

架构浅谈之 MVC

MVC与三层架构