Skip to main content

A 10 minute ASP.NET MVC Twitter Search App – Using a Duck Typed (dynamic) View Model using ElasticObject

The objective of this article is to demonstrate how to use duck typed (dynamic) view models with ASP.NET MVC, especially when you work with fluid data stores like XML. As we are using .NET dynamic features, you’ll need VS2010 beta or RC to work with the samples. Full source code is available, but I’ll recommend you to go through the article before you download.

[v] Download Twitter Search AspNetMvcDemoApp

The Application

Alright, to start with, have a look at the application screen shot below. It is a simple Twitter search app in ASP.NET MVC, that can show you the latest tweets about what you search for.

image

The Controller

Have a look at my controller. I just created an ASP.NET MVC 2 application in VS2010 and added references to Microsoft.CSharp.dll and AmazedSaint.Elastic project (included in the download above). AmazedSaint.Elastic namespace contains my ElasticObject implementation, I blogged about previously. Basically, ElasticObject can be used as a fluent dynamic wrapper to work with data formats like XML, and it is expected to evolve as smarter cousin of C# 4.0 ExpandoObject.

So, let us get back to the controller. VS already created the templates for me, and I modified the Index action in HomeController like this.

image

You might have noticed that I added a ‘query’ parameter to the Index action. Also, I’ve left out the event handler, so if your twitter connection is broken, the application will crash in your face :). We are parsing the atom format (it is xml) to an XElement, and then creating an ElasticObject out of that. If you are wondering what the heck is ToElastic() method, you should see this. Otherwise, if you can imagine, read on.

The View

The view is also pretty minimal. Two interesting points here. Firstly, we are inheriting the page from ViewPage<dynamic>, which means the viewData we returned from controller gets passed here as a dynamic object. And everything else is pretty simple, isn’t it? We are just iterating through all elements with the name ‘entry’ in the Model (see the result of twitter api call http://search.twitter.com/search.atom?lang=en&q=aspnetmvc), to print the image, author name, tweet text etc.

image

According to ElasticObject conventions, ‘_All’ after an element name will return all elements with that name as shown above. Also, adding a tilde ‘~’ character before an element will return the content of that element. You don’t need that if the accessed item is an attribute (see how we are accessing the href). Again, have compare the elements we used in our view with the twitter api returned atom data if you still need clarity.

Conclusion

Hey, we are done. Run the app, and you can search tweets and view results. As you’ve noticed, we don’t have a strongly typed view model – We used ElasticObject to wrap the xml and passed it to the View. Yes, you need to read about ElasticObject – The source code of the above app and the source code of ElasticObject with few unit tests are available in the related download (see the link above). Minimal, happy coding with ASP.NET MVC, XML data and Duck typed view models. Finally, it is your choice, don’t kick me for using C# dynamic features :).

Shout it

Popular posts from this blog

Top 7 Coding Standards & Guideline Documents For C#/.NET Developers

Some time back, I collated a list of 7 Must Read, Free EBooks for .NET Developers, and a lot of people found it useful. So, I thought about putting together a list of Coding Standard guidelines/checklists for .NET /C# developers as well.As you may already know, it is easy to come up with a document - the key is in implementing these standards in your organization, through methods like internal trainings, Peer Reviews, Check in policies, Automated code review tools etc. You can have a look at FxCop and/or StyleCop for automating the review process to some extent, and can customize the rules based on your requirements.Anyway, here is a list of some good Coding Standard Documents. They are useful not just from a review perspective - going through these documents can definitely help you and me to iron out few hidden glitches we might have in the programming portion of our brain. So, here we go, the listing is not in any specific order.1 – IDesign C# Coding StandardsIDesign C# coding stand…

5 Awesome Learning Resources For Programmers (To help you and your kids to grow the geek neurons)

Happy New Year, this is my first post in 2012. I’ll be sharing few awesome learning resources I’ve bookmarked, and will be pointing out some specific computer/programming related courses I've found interesting from these resources.Also, thought about saving this blog post for my kids as well - instead of investing in these Child education schemes (though they are too small as of today, 2 years and 60 days respectively ). Anyway, personally my new year resolution is to see as much videos from this course collections (assuming I can find some free time in between my regular job && changing my babies diapers).1 – Khan AcademyAs I mentioned some time back, you and your kids are missing some thing huge if you havn’t heard about Khan Academy.  It is an awesome learning resource, especially if you want to re-visit your basics in Math, Science etc.With a library of over 2,600 videos covering everything from arithmetic to physics, finance, and history and 268 practice exercises, th…

Hack Raspberry Pi – How To Build Apps In C#, WinForms and ASP.NET Using Mono In Pi

Recently I was doing a bit of R&D related to finding a viable, low cost platform for client nodes. Obviously, I came across Raspberry Pi, and found the same extremely interesting. Now, the missing piece of the puzzle was how to get going using C# and .NET in the Pi. C# is a great language, and there are a lot of C# developers out there in the wild who are interested in the Pi.In this article, I’ll just document my findings so far, and will explain how develop using C# leveraging Mono in a Raspberry Pi. Also, we’ll see how to write few minimal Windows Forms & ASP.NET applications in the Pie as well.Step 1: What is Raspberry Pi?Raspberry Pi is an ARM/Linux box for just ~ $30. It was introduced with a vision to teach basic computer science in schools. How ever, it got a lot of attention from hackers all around the world, as it is an awesome low cost platform to hack and experiment cool ideas as Pi is almost a full fledged computer.  More About R-Pi From Wikipedia.The Raspberry Pi