ASP. NET MVC4 build a UI and background-common rights system rapid development Framework + beautiful UI interface Seconds kill Easyui, Ext

First, preface

It's been a few years since we went to the software development industry, and I've done a lot of repeating things before we sort out this set of development frameworks. Every time there is a new project will take a lot of time in the UI, permissions and System general module above, oneself tired to die, boss also scold inefficient. In order to improve the efficiency of development, but also take more bonuses, more money, I started to do a set of rights management-based rapid development framework. No function is used in all projects, at least to greatly improve the development efficiency.

Second, demand analysis

According to the requirements of the various types of clients on the rights module and the common module and UI in the projects we have done together, I have identified what is to be achieved in this system.

1, organization Multi-level tree display, all levels of departmental subordinate relations at a glance easy to operate

2, the user all the rights are ultimately assigned to the user, if the user to assign permissions will put the system administrator to exhaustion, the system to establish a role, the role of the redistribution of permissions, in the role of members to join users. Of course there will be some users with the same permissions, if you do not want to create too many roles in the system can assign permissions to users. The user's final permission takes a collection of role permissions and user rights.

3 . A set of permissions for a role.

4, the module can also be called a menu, can be a page in the system, or other systems can be integrated into the page address of the same set of rights to maintain the system.

5. Button

6, rights and permissions allocation mode: 1) Role rights assignment, the convenience of permission assignment.

2) User Rights assignment, the flexibility of permission assignment.

Rights control type: 1) module Permissions Buyer has the Procurement module permissions and Inventory view module permissions.

2) button permission the buyer can click the New button to add a purchase order, and the purchasing manager can click the Audit button to approve the purchase order.

3) Data permissions each clerk can only see their own customer information.

4) field permission accounting can see all the fields in the inventory report, and the warehouse administrator cannot see the Amount field in the report.

5) file permissions The purchasing department's documents only the general manager and the purchasing department members have the authority

7 Log log, operation log, System Exception Log

8, database management on the front Page view database information, database backup

9. Access control

10. Dynamic interface The interface mentioned here is a communication interface with other systems or devices, generally in the form of WebService, WCF, Webapi. Only one interface is exposed externally to the system. Adding interfaces, modifying interfaces without modifying the program.

11, UI front-end framework: Using the jquery UI, powerful extension flexibility, do not worry about copyright issues.

Multi-style interface: Accordion navigation style, desktop style, touch screen style

12. System Parameters

13. Code generator generates interface and background code as needed

Iii. Design and implementation

2. Program Design

The program is basically implemented in jquery+ajax+ Factory mode, nearly 100,000 lines of code, follow-up module detailed explanation

3. User Experience UI Design

UI for a software like a woman's face, the first thing others see is your face. A man is better, and his face is ugly, he must always go through Singles ' Day. A set of program UI Beautiful program of the grade nature will go up. No diagram no truth, the following gives some of the main interface, detailed implementation will also be given in the following blog.

　　

1) System style

A) Desktop style

b) Accordion Style

c) Touch screen style

2. Employee Management

Left expand organization, right employee management

3. Management of Organizational structure

Tree-type organization, organizational structure at a glance

4, Organizational structure chart

An organization chart that is automatically generated according to the organization structure

5. Role Privilege Control

Role member: The user who owns the role.

Module permissions: Which modules the role can manipulate.

Button permissions: The role can manipulate which buttons are in this module.

Data permissions: What data the role has permission to manipulate.

File permissions: Which files the role has permission to manipulate.

6. Module Button Management

Drag the button position to change where the button appears in the module.

The button with the check status will be displayed in the module.

Of course, the picture will be on this side first! If you think you can take these pictures of the design ideas to understand, and think later will use, please collect, recommend!

For some of the interface to read let me say to him three words "destroy three views" interface, I can only say that your aesthetic level must be improved, it is a trend of the industry, if you do not tide, it can not be different, opportunities will always give you a place! What do you say?

Let's test it together. Online testing is an ASP.

http://223.86.105.239:801 Touch Screen Style

http://223.86.105.239:802 Accordion Edition Style

http://223.86.105.239:803 Desktop Edition Style

http://223.86.105.239:805 code Generator

ASP. NET MVC4 build a UI and background-common rights system rapid development Framework + beautiful UI interface Seconds kill Easyui, Ext