Skip to main content

Model-View-Controller (MVC)

MVC(Model-View-Controller) is a software design pattern.It divided your applications into three components

  • Model: Contain business rules and application Data
  • View: Presentation layer (user interface)
  • Controller: Handles the communication between view and model 


Objectives of MVC

  • Promote code usability
  • Implement separation of concerns 
    • Separate user interface and software logic

Web Frameworks That Use MVC

There are several web frameworks that use MVC design pattern. 
  • Ruby On Rails (Ruby)
  • Angular (JS)
  • Django (Python)
  • Express (JS)
  • Flask (Python)
  • Codeigniter (PHP)

Simple UseCase for MVC

In this use case scenario, Browser sends information that needs to create Employee Object, and Controller save that information in Model and Update the Employee View.

Following Image shows the class diagram for above Scenario.



Implementation: https://github.com/kaosadi17/MVC

Comments

Post a Comment

Popular posts from this blog

Sorting Algorithms

Bubble Sort Named as sinking sort. Compare each pair of the adjacent items and swap them if they are in the wrong order. Worst case and average case time complexity both O(n^2)  and best case time complexity is O(n).
Post a Comment
Read more

JavaScript Objects and Prototypes

Create Objects Using function Create Objects without duplication code: use functions Using constructors To indicate a function is a constructor:  append new keyword in front of the function name when executing it Call Property of function object foo.call() = foo() Call can bind different objects and can execute functions __proto__ Copy of prototype object If some property is not in the object itself, it then looks it in the prototype. If it finds it returns the value of that property All the new object instances of function point to same prototype object prototype.constructor: property that points to function  GitHub repo:  https://github.com/kaosadi17/JavaScript/blob/master/objects%26prototypes.js
Post a Comment
Read more

Introduction to JQuery

JQuery Open source JavaScript library. Cross browser compatibility Include the JQuery code inside this function       $(document).ready(function(){             your code is here             }); Creating CSS element : nothing added (body{}) class name : added fullstop (.clzname{}) id : added slash (#idname{}) JQuery Methods  click(): can include actions when after clicking defined button $("button").click mouseover: can include actions when over the mouse on defined element $(button').mouseover hover : can include tow functions when the mouse is over it and not $("img").hover load : execute when complete page is fully loaded  $("img").load JQuery Actions hide() : hide the defined content $("#right").hide() html() : change the html element with defined content $("p").html("<p>My content<p>") text() :  change the content as defined text $("p")
Post a Comment
Read more