Skip to main content

Client Side MVC

The current project on which I am working in my company, I have been introduced to a new concept(at least its new for me :) ) Client side MVC by one of my colleague and its actually very good technique.

Why to have client side MVC-
1. It allows you to manage your data on client side.
2. It allows you to customize your views with Modularized JavaScript code.
3. It allows you to create complex views.


In our application we are using Backbone.js to design Client side MVC. Even though I am not an expert in Backbone.js but I liked it, because of the features which are provided by it and how easy it makes to create layouts, view and loads of other things. Backbone.js provides Model, View, Collection and Router(Controller) to create a MVC model.

Backbone has a main dependency - Underscore.js, which is a JavaScript library(Of course!!).
Creating models using Backbone.js is very easy-

var Book = Backbone.Model.extend({
     defaults : {
         name : '',
         author : ''
     }
});

This is how you create new Model using Backbone.js. Now we can use this model to create new Book objects.

var book1 = new Book();

Here we have our new Book object, now we can set and get the properties.

book1.set('name','Design Patterns');
alert(book1.get('name'));

Following is an example of how we can construct a Collection object

var BookList = Backbone.Collection.extend({
     model : Book
});

Now we can use this Collection to collect Book elements.

var library = new BookList();
library.add(new Book({name:'Head First Java'}));


Following is an example of how to use Views provided by Backbone.js


var BookView = Backbone.View.extend({
     tagName : 'li',
     initialize : function(){
          _.bindAll(this, 'render');
     },
     render : function(){
          $(this.el).append('Name : ' + this.model.get('name'));
     }
});


Here, we have our BookView with us which we can use to render a book view. In my next post I will post a complete example of how to use Backbone.js to construct a complete view.
Mean while you can get more information about Backbone.js at here.

Comments

Popular posts from this blog

Spring AOP : JDK Proxy vs CGLib Proxy

Spring framework is one of the most widely used framework in Enterprise application development. It has so many features such as Dependency injection, Data access integration, MVC, AOP which takes care of most of the boilerplate part of project, and developers can then focus on business logic only.

One of the important feature in Spring is AOP. It is used by almost every enterprise application which is being developed using Spring.

AOP So what is AOP? Definition of AOP -
Aspect oriented programming is a programming paradigm which aims to increase modularity by allowing the separation of cross cutting concerns. Well, my understanding of AOP is - AOP allows us to introduce/join new modules in your project at pre-specified dynamic locations without having to code for it. Traditional examples of AOP is Transaction management, logging etc. You can read more about AOP at here.

This article is for those who know AOP, have used AOP in their projects but do not know how Spring or other DI fra…

Java Tools Plugin for Notepad++

This post and the plugin is outdated. Please use plugin from this link which is updated and allows customization of shortcut key mappings and much more.
Notepad++ is a great free editor. I like notepad++ because its a light weight editor and loads instantly. I use notepad++ for editing many files everyday. One plugin I always wanted was a plugin which lets me compile my java files and execute them from editor itself, but I couldn't find it so I wrote a myself. This plugin can be downloaded from this link.
I am working on this plugin to make it more effective, so that if user have more than one installations of JDK or JRE then user should be able to choose which one to use etc.
This is a simple plugin which has two commands-
Compile - compiles a java file.
Run - executes a java file.
For using this plugin Java must be installed on the system.

Notepad++ Compile and Run Java Programs

Notepad++ is a great file editor. It has many features. The most important feature which I like about Notepad++ is its light weight. It loads up so quickly, that's great. It also provides syntax highlighting for many languages. I use notepad++ to edit general files as well as my simple Java programs.
Although notepad++ provides functionality to run external programs, I prefer NppJavaTools plugin to compile and run Java programs using notepad++.
You can download NppJavaTools plugin from this page - NppJavaTools.

Installation
Installation of plugins in notepad++ is very simple process. All you have to do is copy plugin dll into plugins folder of notepad++ installation directory and restart the notepad++.

Features
This plugin provides following features,


Compile and run your Java files within Notepad++Set custom hotkeys for compiling and running Java CodeLibrary support Compile and RunThis function allows you to run your Java programs to compile and run from Notepad++. Set Custom hotkeysThi…