Don Wibier's Blog

January 2015 - Posts

  • Screencast “Making the Transition from WebForms to MVC” is available on YouTube

    This series shows how to setup a real world application using the MVC framework together with the DevExpress MVC extensions and Xpress Persistent Objects (XPO) as data layer.

    I will take the WebForms based XPressMe Blog Tool and show how to create an MVC version.

    Part 1

    Check out part 1 where I will give a quick tour on the WebForms version to see what needs to be build. Next I will create the MVC project using the DevExpress Template Gallery, and I will move over the assets like images, JavaScript and CSS and setup the _Layout.cshtml file which resembles the WebForms MasterPage.

    Click to watch part 1 on YouTube

    I will also explain and prepare a flexible reusable architecture which incorporates the DTO pattern into the MVC project to let our Xpress Persistent Objects (XPO) data layer work efficiently with the MVC framework.

    I will end with a working homepage showing the navigation using the Menu extension and the blog posts using the DataView extension which were previously entered in the WebForms version of the XPressMe application.

    Click to watch part 1 on YouTube

    Part 2

    Part 2 will continue by setting up the PopupControl as well as the FormLayout extensions for inserting and editing a blog post. I will also explain some technical changes we need to make because of the different architectures of WebForms and MVC. At the end of this screencast, you will see the MVC version of the XPressMe Blog tool which allows you to insert and edit posts.

    Click to watch part 2 on YouTube

    The XPressMe Blog tool

    The XPressMe Blog tool is a small responsive real world application I have built in 3 earlier webinars. They cover things like setting up a data model using Xpress Persistent Objects (XPO) and its modeling tool, setting up responsive CSS with the Skeleton CSS framework and media queries, and using the DevExpress ASP.NET controls in a responsive layout. Furthermore I am showing some JavaScript tricks demonstrating the rich client-side API of the DevExpress ASP.NET controls.

    You can watch these videos on our YouTube channel at:

    All the source code available on GitHub

    If you want to test-drive the code yourself, it is all available on my GitHub account at https://github.com/donwibier/XPressMe where you can get the repo or just get a zip file with the source.

    Let me know if you have built anything cool in your version of XPressMe or if you have questions about it.

LIVE CHAT

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

FOLLOW US

DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners