MVC Visual Designer

This is an open source visual designer for ASP.NET MVC framework. So far, it's just aprototype to show the ideas and concept, more features will be added later.

This tool will provide a visual designer to create MVC views, models etc. and generate *.cshtml, *.js and other related files according to the visual presentation.

From the diagram, the code can be generated including (so far most of these are NOT implemented yet):

1. Partial View file (*.cshtml)
2. View Model class definition (*.cs)
3. JavaScript event handling (*.js)
4. JavaScript widget initialization (*.js)
5. Selenium (www.seleniumhq.org) Page Wrapper class (*.cs)
6. Basic test cases written in selenium according to the event handling diagram (*.cs)
7. JavaScript and C# validation code (*.js & *.cs)
8. The skeleton code of MVC controller file (*.cs)

The above image shows an example which defines a view containing a table, and the event handling for clicking delete button. When clicking delete button, a confirm dialog will be shown, and after click Yes on confirm dialog, an AJAX request will be sent to DeleteFriendInfo MVC action, and at last the content of table will be replaced by the returned partial view.

This tool is NOT a WYSIWYG tool, the visual designer will only show the logical relationship of elements.

This tool is based on Visual Studio Visualization and Modeling SDK (DSL).

Getting Started Guide: http://junvwang.github.io/MVCVisualDesigner/getting_started_guide.htm

Source Code: https://github.com/JunVWang/MVCVisualDesigner

E-mail: jun.v.wang[at]hotmail.com

Twitter: @junvwang

Facebook: Jun Wang