ASP. net mvc backend Management System: a user-friendly interface, mvc backend Management System

ASP. net mvc backend Management System: a user-friendly interface, mvc backend Management System

In the previous blog, I introduced some UI design in the rapid development framework. This article will continue with the introduction, mainly focusing on some interface design ideas in the BS architecture background management system.

The demo address is provided for your reference.

Address: http: // 121.40.148.178: 8080/, Username: guest, password: 123456

I. List page

On the list page, I used the Jqgrid plug-in. This table plug-in is open-source and has powerful functions. If you are interested, you can check out the Demo in my system, all list pages are based on this plug-in.

Many of my friends may feel that using Table plug-ins is complicated. In fact, in MVC Architecture, these front-end plug-ins are generally doing well, as long as they get Json data from the background controller and plug-in the data, by page, the query is very simple and the loading efficiency is high.

Let's take a look at this list.

I have done a demo in the past, where I talked about some page layout items. Department management is implemented. For the Jqgrid list, you can refer to the following for details.

Http://download.csdn.net/detail/jeff95599/8248247

Ii. Submit Form page

I made a pop-up window style on the submit form page. After it pops up, the other areas of the browser are masked and unavailable, so that you do not need to submit it again. In addition, it looks good.

Like the user management function, there are many fields and I will divide them into three tabs, which looks quite comfortable.

3. perform complex typographical operations on the pop-up page

The layout of div and CSS can be very beautiful. In fact, the pop-up window is also a page, just pile up the div inside.

Iv. Integration of other third-party plug-ins

A person's energy is limited, but we can have a strong ability to integrate some good things of others into our own framework, it is a good method to integrate the powerful page functions and beautiful third-party plug-ins.

Collect data from the backend and add the data according to the rules. Then you can set up a nice CSS style to match your own framework. Open-source users can use and pay for it. As long as the price is appropriate, it can save our workload. It doesn't matter if it is useful.

I have integrated some chart plug-ins on this page.