Your SlideShare is downloading. ×
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

ASP.NET MVC - In the Wild

3,675

Published on

Real world example of using ExtJS in an MVC application.

Real world example of using ExtJS in an MVC application.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,675
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ASP.NET MVC In The Wild North Florida .NET User Group March 10 th , 2011 Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan
  • 2. ASP.NET MVC – What is it?
    • ASP.NET MVC is the latest web application framework from the boys in Redmond. As the name implies, it implements the model-view-controller (MVC) pattern and leverages .NET framework version 3.5 and better. You can develop ASP.NET MVC solutions on Visual Studio 2008 and 2010. It is in version 3 now.
  • 3. MVC – What is it?
    • MVC is the latest brand new software pattern that has been around since 1979 . It allows applications to be composed of three distinct areas of responsibility.
    • Model – State / Database / Persistence
    • Controller – Changes the Model, acts as intermediary between the Model and the…
    • View – Input for users / Output to browser
  • 4. What is tonight about?
    • A walkthrough of selected features from a commercial ASP.NET MVC portal application.
    • A look at the integration of third party features into this application, specifically a RIA suite and GIS data.
  • 5. What is PowerMaps © ?
    • DEMO
  • 6. Breaking Down PowerMaps ©
    • How does it work?
        • 1 controller to host the page and shared page functions
        • A controller per map filter, using a common interface
        • ASP.NET MVC User Controls hosting ExtJS controls
        • The Google Maps API
  • 7. Breaking Down PowerMaps ©
    • ASP.NET MVC
        • One controller to act as a page host, as well as a common endpoint for common items, like ZIP Code boundary information
        • A custom model binder to interpret posted data and transform into the appropriate model per filter.
        • A controller per filter with specific implementations for GetMapData, GetColumnInfo, et cetera.
  • 8. Breaking Down PowerMaps ©
    • What is ExtJS
        • A RIA (Rich Internet Application) JavaScript component set.
        • It allows for the construction of common components (period selector, filter container, grid container, et cetera).
        • It allows for the use of extensions and plugins to the base code library.
        • Embraces JSON heavily (ask me about xtype versus new).
  • 9. Breaking Down PowerMaps ©
    • Google Maps API
        • A JavaScript library for GIS data.
        • Provides everything you need to be able to display GIS data and related items (areas, routes, et cetera).
  • 10. Tips, Gotchas, Discoveries
    • Use NewtonSoft (JSON.NET). It will save your life on Date parsing.
    • Use jsBeautifer.org. Cheap and easy way to find format mistakes in your JS code.
    • ExtJS has a steep learning curve, but it is eased if you embrace JSON.
    • ASP.NET MVC has enough infrastructural pieces in place to implement a very clean and focused code philosophy.
  • 11. Tips, Gotchas, Discoveries – cont.
    • ASP.NET MVC’s ActionResult and the ability to return JSON data on the fly is invaluable to JavaScript RIA solutions.
    • Taking advantage of JSON ActionResults and ExtJS xtype, you can build controls on the server and stream them to the client.
  • 12. Closing Thoughts
        • Sencha’s ExtJS Documentation site (written in ExtJS) http ://dev.sencha.com/deploy/dev/docs/http://dev.sencha.com/deploy/dev/docs /
        • Sencha’s ExtJS Demos http :// dev.sencha.com/deploy/dev/examples http :// www.sencha.com/products/extjs/examples
        • VinylFox’s Site http ://www.vinylfox.com /
        • MSDN, March 2011 http :// msdn.microsoft.com/en-us/magazine/gg650660.aspx
        • StackOverflow – http://www.stackoverflow.com
        • Google Maps JavaScript API V3 http ://code.google.com/apis/maps/documentation/javascript /
  • 13. Thank you for your time!
    • Where to go from here?
      • Exploration of other ASP.NET MVC related items
        • DisplayFor / EditorFor Templates
        • IoC / DI Containers
        • Testing (Nunit, WatiN, Jasmine)
        • jQuery Validation
    Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan

×