JavaScript MVC 微型架構:Gillie

jopen 10年前發布 | 9K 次閱讀 Gillie JavaScript開發

Gillie是一個輕量級的JavaScript MVC框架4k,啟發自Backbone。它提供了一些有用的方法來執行RESTful HTTP請求,可以讓您輕松地使用模型,視圖和處理器來構建您的應用程序。在另一方面提供了一個事件的API,使用它可以使你的視圖監聽模型事件,然后觸發相應的動作,遵循觀察者設計模式。
Model

var TodoModel = Gillie.Model.extend({

url: 'http://localhost/api/'

create: function( event ) {
    this.Post( 'todo/', event );
}

});

// Crete model instance var todoModel = new TodoModel();</pre>View

var TodoView = Gillie.View.extend({

    initialize: function() {

        // Bind to 'todo.create' event
        todoModel.on( 'todo.create', this.onCreate );
    }


,   onCreate: function( instance, response ) {
        alert( instance.get( 'title' ) + '. Has been saved' );
    }

});

// Create view instance var todoView = new TodoView();</pre>Handler

var TodoHandler = Gillie.Handler.extend({

    events: {
        'keypress #new-todo': 'createOnEnter'
    }

,   createOnEnter: function( e ) {

        var enterKey = 13
        ,   currentTarget = e.currentTarget;

        if ( e.which != enterKey ) return;

        var title = $( target ).val();
        todoModel.set( 'title', title )
            .create( 'todo.create' );

    }

});

// Create handler instance var todoHandler = new TodoHandler();</pre>

項目主頁:http://www.baiduhome.net/lib/view/home/1396424602669

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!