ASP. MVC4 +jquery+ Beautiful UI interface Seconds kill Easyui, EXT, rapid development Framework Formation tour (general introduction)

In a blink of an eye farming 6 years, have been large companies have also been to small workshops, yard life in addition to key butt or butt. In all the companies that have stayed, feel that the project is not postponed, really because they do not work hard? I don't have any! Go to work not to talk about QQ home also seldom see action film, also made a few night-to-day of the code.

Before the total feeling is the project manager to estimate the hours of work, and then did the project management, according to the past experience to estimate work, so that the final will be some extension, or overtime desperately rush. I found that in the project will always encounter some of the problems, such as: customer demand has changed, the basic data import time is too long, the level of developers is not high, the previous project did not accumulate, each time is to develop from scratch ...

Feel in the development process always do some repetitive work, such as the control of the authority, in fact, most of the system can be general, and data import, at the beginning I really was stupid to a module to write, copy, paste, modify, there are often fields right and wrong, and data interface, The system will take a long time to do data docking after doing well ...

On this basis, I feel it is very important to improve the development efficiency of a set of efficient development framework. In addition to the MVC technology, jquery technology, I put these techniques also used in their own framework, and strive for a new framework to make future development more efficient, to achieve the effect of times.

1, the front-end implementation

Before I used a period of time ext feel this front-end frame is bloated, loading speed is slow, and commercial is charge, so did not consider, later considered Easyui, also need to charge, and feel is not particularly flexible, so then directly with jquery to achieve the front end, Use IFRAME to implement multiple forms, and then adjust the style to look at some of the whole down feel a little bit worse than other front-end frame, and can save the copyright costs, reduce the overall cost, I realized the front-end interface effect is as follows:

Main Page

Main interface

The main interface as shown, the general new, the editing window is also using the pop-up windows, the window pops up as shown:

Login interface

The layout of this framework is currently more popular, the mainstream framework is the basis of this layout, the user experience is also better, the background is through the MVC response, because this technology has become more and more mature application is more extensive, so the integration of using MVC to deal with, may be able to bring better efficiency and reduce complexity.

This way, for some enterprise application, industry management system, Unit information system, should be a good interface display, coupled with compatibility is also very good, a set of such a framework to come out, the customer's first impression will be very good, and will not be upset to adjust the interface later.

Menu Navigation offers three flavors: Windows Start menu, drawer accordion, tree accordion. The whole department is still quite beautiful.

2. Universal Module

In the vast majority of systems, will use the rights Management, basic data \ Business Data import and export, document encoding, mail delivery and other functions, so this piece of the framework is also under the kung Fu, these functions are made very flexible, configured in any system can be used. The effect is as follows:

The Mail communication component is integrated within the framework, providing an interface to a business system call that can be used to send notifications directly.

Permissions

Form tables are Jqgrid, loaded with few laps, and powerful.

The above is the development of some of the framework of the interface, only to do a general summary, do not design technology to achieve anything, the next chapter will focus on the implementation of the framework of important technology, but also release the main code and demo for learning to explore the use, please support a lot.

let's help with the test. Thank you, account: Guest password: 123456
Online Experience Demo address:http://121.40.148.178:8080/

ASP. MVC4 +jquery+ Beautiful UI interface Seconds kill Easyui, EXT, rapid development Framework Formation tour (general introduction)