MVC

Transcript

1. MVC Model View Controller Shawn Jonnet <sjonnet@gmail.com> Monday, April 16, 12
2. Overview •MVC •Migrating •Implementations •Example Monday, April 16, 12
3. MVC Separate the browser into three major concerns Monday, April 16, 12
4. Models Manage the behavior of the application data •Represent knowledge and data •Respond to changes of state •Isolated from views and controllers •Sometimes grouped (e.g collections / stores) Monday, April 16, 12
5. Views •In most cases can be considered the UI •Typically render to a specific user interface element •Many frameworks rely on templating for this •Multiple views can exist for single models Render models into a form suitable for user interaction Monday, April 16, 12
6. Controllers •Sits between models and views •(May) perform business logic and data manipulation •It’s role in client-side MVC heavily varies •Some replace it with a router, others use it as a logic handler Receive input and instruct models and views to respond accordingly Monday, April 16, 12
7. Migrating Monday, April 16, 12
8. Migrating Monday, April 16, 12
9. Migrating Monday, April 16, 12
10. Implementations • Backbone.js • Spine.js • JavaScriptMVC • AngularJS • SproutCore • YUILibrary Broke.js Fidel.js Sammy.js KnockoutJS (MVVM) ExtJS Monday, April 16, 12
11. Popular •Backbone.js - light, mature, popular. •JavaScriptMVC - MVC, integrated dev tools •Spine.js - light, best option for CoffeeScript devs •SproutCore - 2.0 is also light, good docs Monday, April 16, 12
12. Monday, April 16, 12
13. Monday, April 16, 12
14. Example Monday, April 16, 12
15. Models Monday, April 16, 12
16. Collections Monday, April 16, 12
17. Routes Monday, April 16, 12
18. Views Monday, April 16, 12
19. Views Monday, April 16, 12
20. Views Monday, April 16, 12
21. Templates Monday, April 16, 12