js的MVC结构设计

基于jquery的Deferred,设计出如下MVC架构。

模型model

interface.js

interface: function(userid){
    var dtd = $.Deferred();
    $.post("user/service/User.getUserInfo.json",{},function(data){
        if(data){
            dtd.resolve(data.responseData);
        }else{
            dtd.reject("00001:系统维护,稍后再试.");
        }
    }, ‘json‘);
    return dtd.promise();
},
                        

控制器console

console.js

/**
 * 控制器
 */
console : function(){
    $.when(oInterfaceCase.interface())
    .done(function(data){
        oViewCase.view(data);
    })
    .fail(function(msg){
        oFunctionCase.fnAlert(msg);
    });
},
                        

视图View

View.js

/**
 * 视图
 */
view : function(data){
    console.log(data);
},

转载自:林超群博客

http://www.linchaoqun.com/html/js/mvc.jsp

时间: 2024-11-10 13:50:31

js的MVC结构设计的相关文章

JS 实现MVC的写法

案例:当select 下拉选择框值变化时,显示其值(不是文本) 常规写法 <h3>JavaScript no MVC</h3>  <div>   <select name="" id="setAnimal">    <option value="cat">cat</option>    <option value="fish">fish<

10 个最佳的 Node.js 的 MVC 框架

补充:http://nokit.org/ https://thinkjs.org/zh-cn/doc/index.html Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的, 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞 I/O 模型变得轻量和高效, 非常适合 run across distributed devices 的 data-intensive 的实时应用· 本文介绍 10 个基于 Node.js 的 MVC 框

node.js express mvc轻量级框架实践

本文记录的是笔者最近抽私下时间给朋友做的一个时时彩自动下注系统,比较简单,主要也是为了学习一下node.js. 其实逻辑没什么可以深谈的,主要是想说说这套代码结构.结构如下图: js的代码比较难以维护,不清楚大家对于这点是否认同,但这里笔者只说自己的感受,笔者的朋友一开始找到笔者,说玩时时彩,一直盯着玩,会因为贪心会乱来,想做个自动下注系统, 让程序自己玩.一开始,笔者也只想敷衍了事,直接拿node.js+express整了下面这套结构. 基本和express 示例代码没啥两样.但是随着需求的变

Angular.js的MVC

Angular.js中实现MVC的方式: 双向绑定: <!DOCTYPE html> <html lang="zh_CN" ng-app> <head> <meta charset="UTF-8"> <title>AngularJs入门</title> <link type="text/css" rel="stylesheet" href="

js与mvc 数据的交互

在做考试系统中,遇到最头疼的问题,就是前台与后台的交互.对于使用easyui来说,刚接触不久,有点陌生. 查着文档,看着Demo.做起来着实有点头疼. 首先,前台使用的是MVC+Easyui,后台使用的WCF提供服务.那么前台的数据,是如何与后台进行交互的呢? 页面上的所有事件都是通过js来调用的.那么就必须是 js里面写事件,然后把前台的数据,传到Controller里面,然后利用Controller去调用后台提供的WCF服务. JS向后台提交数据方法: 利用js向后台提供数据.无非两种方法,

后台输出js (mvc 后台输出一个可以定时跳转的页面)

1 public void DownLoadFile() 2 { 3 Response.ContentType = "text/html"; 4 Response.Write(GetMsg(1)); 5 } 6 7 8 public string GetMsg(int type) 9 { 10 StringBuilder RtStr = new StringBuilder(); 11 if (type == 0)//文件丢失 12 { 13 RtStr.Append(@"&l

简单谈谈js中的MVC

MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(数据).视图.控制器(分发器). 本文将用一个经典的例子todoList来展开(代码在最后). 一个事件发生的过程(通信单向流动): 1.用户在视图 V 上与应用程序交互 2.控制器 C 触发相应的事件,要求模型 M 改变状态(读写数据) 3.模型 M 将数据发送到视图 V ,更新数据,展现给用户 在js的传统开发模式中,大多基于事件驱动的: 1.hash驱动 2.DOM事件,用来驱动视图 3.模型事件(业务模型事件和数据模型事

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js 概念摘录

转自:http://www.cnblogs.com/xishuai/p/mvc-mvp-mvvm-angularjs-knockoutjs-backbonejs-reactjs-emberjs-avalonjs.html MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Contro

Ext Js MVC系列一 环境搭建和MVC框架整体认识

因为最近项目当中需要用ext js 4做前端框架,所以就必须得学习它了.这个系列主要总结ext js MVC框架,这是ext js 4新增的开发模式,这篇文章主要从以下几点来进行总结. 1,项目目录结构2,相关css文件和js文件引用3,MVC框架整体认识 项目目录结构 Ext js 4遵循统一的目录结构,这个有点类似于ASP.NET MVC.MVC中,所有的类都放在app目录中,这个目录下有四个子目录(每个子目录代表一个命名空间),主要有controller,model,view和store.