CN102866895A - Method for quickly positioning function customizing entrance - Google Patents

Abstract

The invention relates to the technical field of cloud computing, in particular to a method for rapidly locating function customization entrances. In the present invention, firstly, through the centralized management of the function name, and through the function name association authority control, the function items that can be used for customization are predefined, and the terminal user selects and customizes the quick entry function item from the items with authority, so as to achieve the purpose of quickly realizing the function; The page code disperses the definition of function modules and associates them with the quick entry function set, and the page displays icons according to the function name. When the user clicks on the trigger, the quick entry function set is searched to find the associated function module and invoked, and finally achieves the goal of quick positioning. The invention solves the problem that users do not know how to find the functions due to too many system functions, and customizes different shortcut function items for users with different business needs. It can be applied to the quick positioning of function customization entrances.

Description

A method for quickly locating function customization entrance

technical field

The invention relates to the technical field of cloud computing, in particular to a method for rapidly locating function customization entrances.

Background technique

There are many management and operation commands in the cloud computing system, which also leads to the need for more functional modules on the front-end management platform; and sometimes the functional structure is deep, so it takes a long time for users to find the entry of the functional module and trigger the function. In order to reduce the time as much as possible and achieve the purpose of fast positioning; a special custom entry method that does not affect the structure of the original code is required.

Contents of the invention

The technical problem solved by the present invention is to provide a method for quickly locating the function customization entry, which solves the problem that users do not know how to find functions due to too many system functions, and customizes different shortcut function items for users with different business needs.

The technical solution of the present invention to solve the above-mentioned technical problem is: comprise the following steps,

The first step is to predefine customizable function items, including function name, function description, function icon name, function permission item name, etc.;

The second step is to obtain the user-customized function items, generate page codes in a corresponding way according to the customization method and function item attributes, and display them on the page for users to choose;

In the third step, the user selects the function item to be customized and saves the customized item selected;

Step 4: After the user has successfully customized, it is displayed on the page according to the attribute value of the function item, and the display is arranged in order;

The fifth step is to associate the customized function item with the position where the function is realized, so as to trigger the display of the specific function

In the sixth step, the user clicks the button of the function item to trigger the function and call it.

When defining a custom function item, set the icon and the associated permission name to be the same as the function name when they are empty, and then request the backend through AJAX to obtain all customizable function items and filter items without permission; the main process is: the front-end program passes AJAX method to request data from the backend, the backend program reads all custom item data from the database, and then checks one by one whether the current user has permission to operate this item, removes items without permission, and encapsulates the remaining items into JSON data packets Return to the front-end program for processing.

The main process of obtaining the function items customized by the user is: the front-end program requests the back-end program to return the JSON data of the function items customized by the user in the same way as the previous step, parses and compares the data obtained in the previous step one by one, and marks the matching function items as Customized status; then generate the front-end page code item by item in one of the following two ways, and combine and display the generated codes to the front-end page for users to choose; one way is to increase the way, that is, to skip the mark as For items in the customized state, each other item will generate a checkable multi-box code; the other method is the overall setting method, that is, each item will generate a checkable multi-box code, which will be marked as customized Stated items are set to the selected state by default and can be unselected by the user.

The main process of the third step is: the user clicks the save button after checking the required function items on the front-end page, the front-end program triggers a data submission request and sends the data to the back-end program for processing; the back-end program data is saved to the user-defined data and Return the save result status and reason; if the save fails, the user will be prompted directly for the save failure and the reason for the failure; if the save is successful, a success message will be prompted and the page code generated and displayed in the previous step will be removed and the list of customized items will be refreshed.

The main process of the fourth step is: the front end sends a request, the back end returns the current user’s customized function item data package, and generates the page code displayed on the front end after parsing and processing item by item. The processing logic is: determine whether to set the icon attribute, if not set Then use the name as the icon name, and judge whether the icon exists; if it does not exist, use the default icon instead, if there is a description attribute, add an event to prompt the user to view the description information, and finally add an event to trigger when the user clicks on the icon.

The main process of the fifth step is: the front-end program pre-defines a set of function functions, pre-defines the operation functions of all function items here, and adds an associated operation where the function function is realized, and associates the specific operation with the items in the pre-defined set , and directly locate the function realization module through this association relationship when triggered by the user.

Adopt method of the present invention to have following beneficial effect:

1. Support authority control through user management: support filtering of function items without authority when customizing, and only provide authorized functions for users to choose to customize; support authority check before triggering function modules after user customization is completed;

2. Quick positioning: after customization, users can conveniently and quickly locate the associated function modules and execute them automatically;

3. Flexible customization in multiple ways: support customization of one or more functional items and configuration of all customized functional items;

4. Complete isolation does not affect the normal use of the function: this method only requires the function item to be associated with the function module, and does not affect the normal operation and use of its function;

5. Independent operation is not affected by specific functions: This method operates independently and is not affected by its specific implementation functions. It only needs to associate the custom item to the location where its function is realized. If it is not associated, it will only prompt that the function is not supported yet, and it will not affect normal use.

Description of drawings

Below in conjunction with accompanying drawing, the present invention is further described:

Fig. 1 is a flowchart of function customization of the present invention;

Fig. 2 is a function display effect diagram of the present invention.

Detailed ways

As shown in Figure 1, the process flow of the method for customizing the entrance of the rapid positioning function of the present invention is;

The first step is to predefine customizable function items, including function name, function description, function icon name, function permission item name, etc., defined as follows:

CREATE TABLE `cus_items` (

`id` tinyint(8) unsigned not null auto_increment,

`name` char(20) not null,

`desc` char(50) not null,

`icon` char(50) default null,

`func` char(50) default null,

PRIMARY KEY (`id`)

);

INSERT INTO cus_items VALUES ('1', 'createVM', 'create virtual machine',null,null);

INSERT INTO cus_items VALUES ('2', 'addUser', 'Add User',null,null);

When defining, it is set that when the icon and the associated permission name are empty, it is the same as the function name, that is, when the icon of the "create virtual machine" item in the above record is empty, the icon is automatically positioned as createVM.

Then, request the backend through AJAX to get all the customizable function items and filter the items without permission. The main process is: the front-end program requests data from the back-end through AJAX, the back-end program reads all custom item data from the database, and then compares and checks whether the current user has permission to operate this item, removes items without permission, and The remaining items are encapsulated into JSON packets and returned to the front-end program for processing.

The second step is to obtain the function items that have been customized by the user, and use different methods according to the customization method to generate page codes according to the function item attributes and display them on the page for users to choose. The main process is: the front-end program requests the back-end program to return the JSON data of the function items customized by the user in the same way as the previous step, parses and compares the data obtained in the previous step one by one, marks the matching function items as customized, and then presses the One of the following two methods generates the front-end page code, and combines and displays the generated codes on the front-end page for users to choose. The following two methods are:

1. The way to add is to skip the items marked as customized, and generate a checkable multi-box code for each other item.

2. The overall setting method is to generate a multi-selection box code that can be checked for each item, and set the item marked as customized to the selected state by default, and can be unselected by the user.

In the third step, the user selects the function item to be customized and saves the customized item selected by the user. The main process is: the user clicks the save button after checking the required function items on the front-end page, the front-end program triggers a data submission request and sends the data to the back-end program for processing, the back-end program data is saved to the user-defined data and the saved result is returned ( success or failure) status and reason, if the save fails, the user will be prompted directly to save the failure and the reason for the failure, otherwise, if the save is successful, a success message will be prompted and the page code generated and displayed in the previous step will be removed and the list of customized items will be refreshed.

In the fourth step, after the user has successfully customized, it is displayed on the page according to the attribute value of the function item, and the display is arranged in order. The main process is: the front end sends a request and the back end returns the function item data package customized by the current user, parses and processes it item by item, and generates the page code displayed on the front end. The processing logic is as follows: determine whether to set the icon attribute, if not set, set the name Take it as the icon name, and judge whether the icon exists. If it does not exist, use the default icon instead. If there is a description attribute, add an event to prompt the description information when the user views it. Finally, add an event to trigger when the user clicks on the icon.

The fifth step is to associate the customized function item with the position where the function is realized, so as to trigger the display of the specific function. The main process is: the front-end program pre-defines a set of function functions, pre-defines all function item operation functions here, adds an associated operation where the function function is realized, associates the specific operation with the items in the pre-defined set, and When triggered by the user, the function realization module is directly located through this association relationship. like:

GC.View.QuickLinks.CreateVM = GC.instance.createVm;

GC.View.QuickLinks.ChangePasswd = GC.User.ChangePassword;

Finally, the user clicks the function item button to trigger the function and call it.

Fig. 2 is a schematic diagram of the effect of quickly locating the function-customized entrance of the present invention; the method of the present invention can realize the rapid positioning of the function-customized entrance.

Claims (11)

1. A method for quickly locating function customization entrances, characterized in that: comprising the following steps, The first step is to predefine customizable function items, including function name, function description, function icon name, function permission item name, etc.; The second step is to obtain the user-customized function items, generate page codes in a corresponding way according to the customization method and function item attributes, and display them on the page for users to choose; In the third step, the user selects the function item to be customized and saves the customized item selected; Step 4: After the user has successfully customized, it is displayed on the page according to the attribute value of the function item, and the display is arranged in order; The fifth step is to associate the customized function item with the position where the function is realized, so as to trigger the display of the specific function In the sixth step, the user clicks the button of the function item to trigger the function and call it. 2. The method for customizing the entrance according to claim 1, characterized in that: When defining a custom function item, set the icon and the associated permission name to be the same as the function name when they are empty, and then request the backend through AJAX to obtain all customizable function items and filter items without permission; the main process is: the front-end program passes AJAX method to request data from the backend, the backend program reads all custom item data from the database, and then checks one by one whether the current user has permission to operate this item, removes items without permission, and encapsulates the remaining items into JSON data packets Return to the front-end program for processing. 3. The method for customizing the positioning function entry according to claim 1, characterized in that: the main process of obtaining the function items that the user has customized is: the front-end program requests the back-end program to return the function that the user has customized in the same way as the previous step Item JSON data and analyze and compare the data obtained in the previous step one by one, and mark the matching function items as customized; then generate the front-end page code item by item in one of the following two ways, and merge the generated codes Displayed on the front-end page for users to choose; one way is to add, that is, to skip items marked as customized, and generate checkable multi-box codes for each of the other items; the other way is to set the whole way, That is to say, each item will generate a checkable multi-box code, and the item marked as customized will be set as selected by default, and can be unselected by the user. 4. The method for customizing the positioning function entry according to claim 2, characterized in that: the main process of obtaining the function items that the user has customized is: the front-end program requests the back-end program to return the function that the user has customized in the same way as the previous step Item JSON data and analyze and compare the data obtained in the previous step one by one, and mark the matching function items as customized; then generate the front-end page code item by item in one of the following two ways, and merge the generated codes Displayed on the front-end page for users to choose; one way is to add, that is, to skip items marked as customized, and generate checkable multi-box codes for each of the other items; the other way is to set the whole way, That is to say, each item will generate a checkable multi-box code, and the item marked as customized will be set as selected by default, and can be unselected by the user. 5. The method according to any one of claims 1 to 4, characterized in that: the main process of the third step is: the user clicks the save button after checking the required function item on the front-end page, and the front-end program Trigger a data submission request and send the data to the back-end program for processing; the back-end program data is saved to the user-defined data and returns the save result status and reason; if the save fails, it will directly prompt the user to save the failure and the reason for the failure, and if the save is successful, it will prompt Success message and remove the page code generated and displayed in the previous step and refresh the list of customized items. 6. The method for customizing the positioning function entry according to any one of claims 1 to 4, characterized in that: the main process of the fourth step is: the front end sends a request, the back end returns the current user's customized function item data package, parses and After processing item by item, the page code displayed on the front end is generated. The processing logic is: determine whether to set the icon attribute, if not set, use the name as the icon name, and determine whether the icon exists; if it does not exist, use the default icon instead, if yes The description attribute adds an event to prompt the description information when the user views it, and finally adds an event to be triggered when the user clicks the icon. 7. The method for customizing the positioning function entry according to claim 5, characterized in that: the main process of the fourth step is: the front end sends a request, the back end returns the current user's customized function item data package, and generates after parsing and processing item by item The page code displayed on the front end, where the processing logic is: determine whether to set the icon attribute, if not set, use the name as the icon name, and determine whether the icon exists; if it does not exist, use the default icon instead, if there is a description attribute, add an event Prompt description information when the user views it, and finally add an event to trigger when the user clicks the icon. 8. The method for customizing the positioning function entry according to any one of claims 1 to 4, characterized in that: the main process of the fifth step is: the front-end program pre-defines a set of function functions, and pre-defines all function item operation functions to Here, add an associated operation where the function is implemented to associate the specific operation with the item in the predefined collection, and directly locate the function realization module through this association when the user triggers it. 9. The method for customizing the positioning function entry according to claim 5, characterized in that: the main process of the fifth step is: the front-end program pre-defines a set of function functions, and pre-defines all function item operation functions here, in the function Add an associated operation where the function is implemented to associate the specific operation with the item in the predefined collection, and directly locate the function realization module through this association when the user triggers it. 10. The method according to claim 6, characterized in that: the main process of the fifth step is: the front-end program pre-defines a set of function functions, and all function item operation functions are pre-defined here, and in the function Add an associated operation where the function is implemented to associate the specific operation with the item in the predefined collection, and directly locate the function realization module through this association when the user triggers it. 11. The method for positioning function customization entrance according to claim 7, characterized in that: the main process of the fifth step is: the front-end program pre-defines a set of function functions, and all function item operation functions are pre-defined here, and in the function Add an associated operation where the function is implemented to associate the specific operation with the item in the predefined collection, and directly locate the function realization module through this association when the user triggers it.

Images