Mvc4+easyui-based Web development Framework formation Tour--General introduction

Recently spent a lot of time in refactoring and further refining the work of the WinForm development framework, coupled with occasional project development work, my blog introduces the Web development framework of the article relatively few, in fact, in the unit work, 80% of the time is to do web development, Very early formed their own set of web development framework, but for some personal reasons, has not had time to properly organize and promote, in fact, the set of Web development framework for most enterprise informatization is still very helpful, including the overall framework layout, style, and access control, menu management, dictionary management, Workflow approval management and other common modules, but the overall feel that the technology is the use of ASP. WebForm technology, so now MVC big line, has been trying to completely transform it, this article is to introduce the latest version based on Mvc4+easyui Web development framework of a series of formation process, The period includes some MVC4 technology, Easyui Technology, jquery technology, and some of the fundamental things I have done to transform the overall framework, striving to be more stable, versatile, efficient, concise, and with the least amount of code to do the most things.

1. Review of the old web development framework

In the original web framework, mainly using frameset primitive layout, a lot of content relies on the JavaScript class library to operate, a small part of the Easyui features, in general, is a more traditional framework model, Within this framework I have integrated the user role and other rights management and control, menu management, dictionary management, business process approval management modules, so the development of conventional industry applications have a relatively rapid development efficiency, but the shortcomings are more obvious, is in the multi-browser support, did not do very well, The framework used in the layout, style and technology is not uniform enough, not new, but even so, the framework has been successfully used to develop a number of large-scale industry applications, the project's approximate layout and style, as follows.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/ 25214306-0d7006249cf44b9393bcb993d44fb1c2.png "style=" border:0px; "/>

When Ajax technology is in full swing, I also often feel that should be combined with some new technical features to transform my own framework, therefore, the use of pure Ajax technology +asp.net "generic handler", that is, ashx C # background processing + HTML page to achieve data processing and display operations, so I adjusted the development of the Web permissions system as an experiment (detailed can refer to the "Web development framework of the Rights management System" article, the interface effect is shown below.)

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/25215815- Bdab695b7ce34628b2097cb488eabb70.png "style=" border:0px;line-height:1.5; "/>

The layout of this framework is actually using a relatively tidal Easyui interface layout, to get some old customers support and encouragement, but I think if the framework is all adjusted to this html+ajax+ashx treatment, I think it is very troublesome, and gradually, MVC is becoming more and more sophisticated and widely used, so holistic use of MVC can lead to better efficiency and reduced complexity.

However, I think that using Easyui to achieve such a layout, as well as the module's sub-page display (similar to the WinForm multiple file management, and can right-click menu for a variety of closed pages), for some enterprise applications, industry management system, Unit information system, it should be a relatively good interface display, This is more browser-compatible than the first frame interface above, and can be adapted to multi-browser presentation, so the whole world is a lot more pure.

650) this.width=650; "src=" Http://pic002.cnblogs.com/images/2012/8867/2012072821452779.png "style=" border:0px; "/ >

2. Frame effect based on Mvc+easyui

Therefore, in order to build a Web development framework of the whole Mvc+easyui and other technologies, I have improved the general rights management system of the Web from my original development to realize the preview of the whole development framework. First of all, I use the WinForm power management system of business logic and other underlying modules, on this basis to develop a Web project based on MVC, which is the interface layer below the logic we do not consider, focus on the changes of MVC.

The project file view below is the latest web Rights management system I have done, based on Mvc4+easyui.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/25221425- F5d0c5ecade64288801de2bfa02b2a15.png "style=" border:0px; "/>

After running the system, the login screen and the main interface are shown below.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/25222547- Fccd6ff910484847a1cb68fab2521c01.png "style=" border:0px; "/>

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/ 25223240-272817d9e5ad4ff796d4a9f6af345461.png "style=" border:0px; "/>

We know that the general information management system is the need for pagination display, editing, viewing and other content, these use Easyui to achieve the effect is better. Below I use a login log module to show the paging process and pop-up dialog boxes to show the information.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/25223612- D37a4413dfe84b88a1bd5581687af42a.png "style=" border:0px; "/>

The editing interface effect is shown below.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/ 25223740-9ecc4e5e93374e85a65554b0dd8d44cc.png "style=" border:0px; "/>

If you view the information, you do not need to edit the box, directly with the lable display, as shown below.

650) this.width=650; "Src=" http://images.cnitblog.com/blog/8867/201308/ 25223856-9cd278dfc6ee492b9390422d4d2b98ac.png "style=" border:0px; "/>

These are the entire transformation of the authority system inside some of the interface, the right as a general summary, not design technology to achieve anything, the next chapter, focus on the MVC project design to some of the technical implementation and experience summary, I hope that we support a lot.

This article is from the "Wu Huacong blog" blog, make sure to keep this source http://wuhuacong.blog.51cto.com/1779896/1828899

Mvc4+easyui-based Web development Framework formation Tour--General introduction