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

Source: Internet
Author: User
Tags jqgrid

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.