Web-based component-based software grouping method, electronic device, and storage medium

Abstract

The application discloses a software grouping method based on a Web component, an electronic device and a storage medium. The method comprises the following steps: acquiring a personal computer end software information list according to user permission information; performing multi-level grouping on to-be-grouped software by using a Web component according to the personal computer end software information list and a user grouping request; performing an installation or uninstallation operation on grouped software according to state information of the grouped software displayed according to a grouping result and in response to a trigger event of an icon of the grouped software by the user; re-grouping grouped software in the same level in response to a user drag grouping request, and automatically naming a folder name of the re-grouped software by using a naming model based on a naive Bayes algorithm; and moving selected grouped software from the grouping result to a preset position of the personal computer end in response to a software removal request of the user.

Description

Technical Field

[0001] This invention relates to the field of software grouping management for personal computing devices, and particularly to a software grouping method, electronic device, and storage medium based on a web-based component. Background Technology

[0002] In recent years, various drag-and-drop plugins have been encapsulated based on Sortable.js. Among them, the most practical one is Draggable based on Vue. It supports mobile devices, drag and drop and text selection, intelligent scrolling, dragging between different lists, and undo operations, which greatly facilitates the autonomous interaction of static pages.

[0003] Taking PC software as an example, after obtaining the software list, it is arranged in order. Elements in the array can be dragged up and down to change their order. However, when there are many software elements, it is not visually possible to display all the software at the same time. At this time, multiple software of the same type (at least two) in the same array can be freely grouped into folders, just like the function of folders in the Windows operating system. Software in the folder can be freely selected, dragged in or dragged out to achieve this effect, and the file name can also be modified. In addition, the existing drag-and-drop plugin can only change the position of each element, but cannot change the size of the elements.

[0004] However, existing drag-and-drop software grouping management methods based on web-based components have many technical problems: software dragging can only change the order, not grouping and merging; software icon size is fixed and cannot be automatically adjusted according to movement; existing drag-and-drop plugins can only ensure that software can be dragged between the same page, and cannot realize the interaction between parent and child pages. Summary of the Invention

[0005] In view of the above problems, the present invention provides a software grouping method, electronic device and storage medium based on web-based components, in order to solve at least one of the above problems.

[0006] According to an embodiment of the present invention, a software grouping method based on web-based components is provided, comprising:

[0007] Based on user permission information, obtain a list of PC software information, which includes the identity information, name, status information, and icon of the software to be grouped.

[0008] Based on the list of software information on the personal computer and the user's grouping request, the software to be grouped is grouped into multiple levels using web-based components;

[0009] Based on the status information of the grouped software displayed in the grouping results, the system responds to user trigger events triggered by the icons of the grouped software by performing installation or uninstallation operations on the grouped software.

[0010] In response to the user's drag-and-drop grouping request, the software that has been grouped at the same level is regrouped, and the regrouped folder names are automatically named using a naming model based on the Naive Bayes algorithm.

[0011] In response to a user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer.

[0012] According to an embodiment of the present invention, the above-described method of performing multi-level grouping of software to be grouped using a web-based component based on a personal computer software information list and a user's grouping request includes:

[0013] Based on the list of software information on the personal computer, the number of software to be grouped is obtained, and the grouping level information is determined according to the user's grouping request;

[0014] Based on the number of software to be grouped and the grouping hierarchy information, the software to be grouped is layered using web-based components to obtain the layering results.

[0015] Based on the hierarchical results, the web-based components are used to group the software to be grouped within the same level, thus completing the multi-level grouping of the software to be grouped.

[0016] According to the preset display format, the multi-level grouping results are displayed on the display device of the personal computer.

[0017] According to an embodiment of the present invention, the above-mentioned method of grouping software belonging to the same level within a layer based on the layering result, and completing the multi-level grouping of software to be grouped, includes:

[0018] Use web-based components to group software that belong to the same level and have the same user preferences into the same folder and display the icons of the software to be grouped;

[0019] Based on the preset layout, the web-based components are used to rearrange the grouped software belonging to the same level, resulting in multi-level grouping results.

[0020] According to an embodiment of the present invention, the above-described software grouping method based on Web-based components further includes:

[0021] If the number of software programs to be grouped in the same folder exceeds the preset number, the software programs to be grouped in the same folder will be displayed in pages.

[0022] According to an embodiment of the present invention, the above-mentioned operation of installing or uninstalling the grouped software in response to a user's trigger event on the icon of the grouped software, based on the status information of the grouped software displayed according to the grouping results, includes:

[0023] Determine the installation status of the grouped software based on the status information of the grouped software displayed in the grouping results;

[0024] When the grouped software is not installed, in response to the user's trigger event on the icon of the grouped software, the plugins and installation configuration information required for the installation of the grouped software are obtained, the grouped software that is not installed is installed, and the installation progress is displayed on the display device of the personal computer.

[0025] When the grouped software is already installed, in response to a user's trigger event on the icon of the grouped software, an uninstallation command is obtained, the installed grouped software is uninstalled, and the uninstallation progress is displayed on the display device of the personal computer.

[0026] According to an embodiment of the present invention, the naming model based on the Naive Bayes algorithm is trained through the following process:

[0027] Feature extraction is performed on the training sample set of software names to obtain the feature set of software names;

[0028] Initialize the parameters of the naming model based on the Naive Bayes algorithm, and use the naming model based on the Naive Bayes algorithm to process the feature set of software names to obtain the processing result;

[0029] The processing results are input into the loss function and optimizer to optimize the parameters of the named model based on the Naive Bayes algorithm according to the gradient loss value.

[0030] The feature processing and optimization operations are performed iteratively until the preset convergence condition is met, resulting in a parameter-optimized named model based on the Naive Bayes algorithm.

[0031] According to an embodiment of the present invention, the above-mentioned response to a user's software removal request to move the selected grouped software from the grouping results to a preset location on the personal computer includes:

[0032] In response to a user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer.

[0033] If the selected grouped software is located within a folder, calculate the number of grouped software within the folder and determine the folder's retention status based on the number of grouped software within the folder.

[0034] According to an embodiment of the present invention, the above-described software grouping method based on Web-based components further includes:

[0035] When a user logs back into their personal computer device, the original multi-level grouping results are regrouped into multi-level groups based on the user's new preference information and the new software list information.

[0036] Modify the automatically named folders based on user preferences;

[0037] Based on user preference information, manually drag and drop grouping, installation, and uninstallation operations are performed on software belonging to the same level that are to be grouped.

[0038] According to an embodiment of the present invention, an electronic device is provided, comprising:

[0039] One or more processors;

[0040] Storage device for storing one or more programs.

[0041] Specifically, when one or more programs are executed by one or more processors, the one or more processors execute a software grouping method based on web-based components.

[0042] According to an embodiment of the present invention, a computer-readable storage medium is provided having executable instructions stored thereon, which, when executed by a processor, cause the processor to perform a software grouping method based on web-based components.

[0043] This invention can be used as a plugin for a web-based platform desktop. By dragging and dropping software, it enables the classification and grouping of software, providing practical benefits for overviewing, installing, deploying, and categorizing platform software. Attached Figure Description

[0044] Figure 1 This is a flowchart of a software grouping method based on a web-based component according to an embodiment of the present invention;

[0045] Figure 2 This is a schematic diagram illustrating the grouping of software to be grouped using the Vue-Draggable component according to an embodiment of the present invention;

[0046] Figure 3 This is a flowchart of the installation or uninstallation operation of grouped software according to an embodiment of the present invention;

[0047] Figure 4 This is a flowchart illustrating multi-level grouping of software to be grouped using a web-based component, according to an embodiment of the present invention.

[0048] Figure 5This is a schematic diagram illustrating the completion of multi-level grouping of software to be grouped according to an embodiment of the present invention;

[0049] Figure 6 This is a flowchart of the installation or uninstallation operation of grouped software according to an embodiment of the present invention;

[0050] Figure 7 This is a flowchart of the training process for a naming model based on the Naive Bayes algorithm according to an embodiment of the present invention.

[0051] Figure 8 This is a flowchart illustrating the automatic naming process using a text classification algorithm according to an embodiment of the present invention;

[0052] Figure 9 This is a schematic diagram illustrating the result of software grouping using Web-based components according to another embodiment of the present invention;

[0053] Figure 10 This is a schematic diagram illustrating the process of generating folders by dragging and merging groups in software according to another embodiment of the present invention;

[0054] Figure 11 This is a schematic diagram of grouping software style adjustment according to another embodiment of the present invention;

[0055] Figure 12 This is a schematic diagram of the removal process of grouped software according to another embodiment of the present invention;

[0056] Figure 13 A block diagram illustrating an electronic device suitable for implementing a web-based component-based software grouping method according to an embodiment of the present invention is shown. Detailed Implementation

[0057] To make the objectives, technical solutions, and advantages of the present invention clearer, the present invention will be further described in detail below with reference to specific embodiments and accompanying drawings.

[0058] This invention, based on Vue's Draggable component, encapsulates a web implementation method for intelligent grouping of multiple components. It allows for user-defined grouping and naming via drag-and-drop, supporting drag-and-drop and text selection on the web, intelligent scrolling, dragging between different lists, and is jQuery-independent, with compatible transition animations and undo functionality. After the user completes drag-and-drop grouping, group names are automatically generated based on the original app name, which the user can modify as needed. Simultaneously, after the drag event completes, the size of the child components is reduced, and multiple child components are wrapped within a component box with a set z-index value, disallowing further manipulation. Clicking the component box pops up the group, allowing drag-and-drop movement of components within the child components. Child components can also be dragged out to the parent page for free dragging. Furthermore, it allows setting specific parent components to be mutually non-draggable. This component-based tool can also control application software installation. When not installed, the app is grayed out; hovering the mouse initiates installation configuration, allowing selection of the software's installation location and required pre-installed tools. A progress bar displays the software's installation progress, and the components are usable after installation.

[0059] Figure 1 This is a flowchart of a software grouping method based on Web-based components according to an embodiment of the present invention.

[0060] like Figure 1 As shown, the above-mentioned software grouping method based on Web-based components includes operations S110 to S150.

[0061] During operation S110, a list of PC software information is obtained based on user permission information. This list includes the identity information, name, status information, and icon of the software to be grouped.

[0062] After a user logs in, a list of software information is retrieved based on the user's permissions, including software name, icon, installation status, and grouping. If the user is not logging in for the first time, previous software grouping information can be loaded.

[0063] After a user successfully logs in to the system, the system obtains the user's list of authorized software through the returned token, including the component's ID, component name, installation status and corresponding icon, group folder name, etc.

[0064] In operation S120, based on the personal computer software information list and the user's grouping request, the web-based components are used to perform multi-level grouping of the software to be grouped.

[0065] The software to be grouped displays the data in hierarchical levels. Levels cannot be dragged between levels, but can be dragged freely within a level.

[0066] Figure 2 This is a schematic diagram illustrating the grouping of software to be grouped using the Vue-Draggable component according to an embodiment of the present invention.

[0067] like Figure 2 As shown, the Vue-Draggable component is introduced, using a three-loop loop. The outer loop represents a list of software at different levels, with different Group values ​​set to indicate that the levels cannot be moved to each other. The middle loop represents a list of software within a level, with the same Group value set to indicate that the levels can be moved freely. The inner loop represents the grouped software, with the group name GroupName, displaying a small software icon, which is fixed in the dialog box.

[0068] In operation S130, based on the status information of the grouped software displayed in the grouping results, the system executes the installation or uninstallation operation of the grouped software in response to the user's trigger event on the icon of the grouped software.

[0069] The above operation S130 is mainly used for installing and uninstalling software. The installation configuration information includes selecting the required plugins, location directory, etc. After installation, clicking the icon will take you to its Home page or open the software directly in the client. Clicking Uninstall will uninstall the software directly.

[0070] Figure 3 This is a flowchart illustrating the installation or uninstallation operation of grouped software according to an embodiment of the present invention.

[0071] like Figure 3 As shown, the software installation and uninstallation process is as follows: If the software is not installed, the icon is dark and clicking it will not redirect. Hovering the mouse over it will bring up an installation button. Clicking "Install" will call the backend API and return you to the installation page. If the software can be installed directly, simply select the installation location path. If components require pre-installed plugins (such as databases), you must first select the plugin installation location. After the plugins are installed, you can continue installing the software. During the installation process, the system requests the installation progress percentage from the backend every 2 seconds, which is displayed on the front end using a progress bar. After installation, the icon becomes bright. Clicking the icon will redirect you to the software's Home page (or you can open the local client software through the registry). To uninstall, simply click "Uninstall" to uninstall the software and its plugins.

[0072] In operation S140, in response to the user's drag-and-drop grouping request, the software that has been grouped at the same level is regrouped, and the regrouped folder names are automatically named using a naming model based on the Naive Bayes algorithm.

[0073] Drag and drop any two apps within the same level to create group folders, generate group names based on text categories, and support manual modification.

[0074] Within the same level, dragging any software to overlap with another software or a grouped folder will merge the folders. After merging, the file name GroupName will be automatically generated based on a naming model based on the Naive Bayes classification algorithm (or logistic regression, support vector machine, etc.). Clicking on the folder will bring up a dialog box that displays the list of software in the folder, and you can manually modify the folder name.

[0075] In operation S150, in response to the user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer.

[0076] Existing folders can be moved out of the group by dragging software within the group to a point outside the dialog box screen monitoring range.

[0077] On the main page, set the software icons in the folder to small icons, and the maximum number of icons in the folder is 4 (hide them if there are more than 4). The folder's GroupName is the same as the name of the individual software. Set the z-index value of the folder so that clicking it will trigger a click event and pop up a dialog box. When the software is dragged out of the dialog box (the mouse screen coordinates are obtained through screen listener events), the sub-software in the folder will move to the main page.

[0078] This invention can be used as a plugin for a web-based platform desktop. By dragging and dropping software, it enables the classification and grouping of software, providing practical benefits for overviewing, installing, deploying, and categorizing platform software.

[0079] Figure 4 This is a flowchart illustrating multi-level grouping of software to be grouped using a web-based component, according to an embodiment of the present invention.

[0080] like Figure 4 As shown, the above-mentioned multi-level grouping of software to be grouped using web components based on the personal computer software information list and the user's grouping request includes operations S410 to S440.

[0081] When operating the S410, the number of software to be grouped is obtained based on the software information list on the personal computer, and the grouping level information is determined according to the user's grouping request.

[0082] When operating the S420, based on the number of software to be grouped and the grouping hierarchy information, the web-based components are used to stratify the software to be grouped and obtain the stratification results.

[0083] When operating S430, based on the hierarchical results, the web-based components are used to group the software to be grouped within the same level, thus completing the multi-level grouping of the software to be grouped.

[0084] When operating the S440, the multi-level grouping results are displayed on the display device of the personal computer according to the preset display format.

[0085] Figure 5 This is a schematic diagram illustrating the multi-level grouping of software to be grouped according to an embodiment of the present invention.

[0086] like Figure 5 As shown, based on the hierarchical results, the Web-based components are used to group the software to be grouped within the same level, completing the multi-level grouping of the software to be grouped, including operations S510 and S520.

[0087] When operating S510, use the web-based component to group software that belongs to the same level and has the same user preferences into the same folder and display the icons of the software to be grouped.

[0088] When operating the S520, according to the preset layout, the web-based components are used to rearrange the grouped software belonging to the same level to obtain multi-level grouping results.

[0089] According to an embodiment of the present invention, the above-described software grouping method based on Web-based components further includes:

[0090] If the number of software programs to be grouped in the same folder exceeds the preset number, the software programs to be grouped in the same folder will be displayed in pages.

[0091] This invention is implemented using the Vue framework, with the Sortable.js component used to implement page drag-and-drop functionality. When the software interface is complex, it requires hierarchical and folder-based processing. The hierarchy is implemented using a three-layer loop: the outer loop displays all software in a hierarchical list, with each level independent of the others, and different Group values ​​are set to indicate that levels cannot be moved between each other; the middle loop represents the software list within each level, with the same Group value, indicating that levels can be moved freely within the same level; the inner loop represents the software within a folder, with the folder name being GroupName, displaying a small icon, and fixed within the folder. The layout between the software uses a flexible layout, with flexible box elements splitting into lines when necessary. When the last line is not full, the flex arrangement is set to auto, making the software left-aligned.

[0092] Figure 6 This is a flowchart of the installation or uninstallation operation of grouped software according to an embodiment of the present invention.

[0093] like Figure 6As shown, the above-mentioned status information of the grouped software displayed based on the grouping results, and the execution of installation or uninstallation operations of the grouped software in response to the user's trigger event on the icon of the grouped software, include operations S610 to S630.

[0094] When operating S610, the installation status of the grouped software is determined based on the status information of the grouped software displayed in the grouping results.

[0095] When operating the S620, if the grouped software is not installed, it responds to the user's trigger event on the icon of the grouped software, obtains the plugins and installation configuration information required for the installation of the grouped software, installs the not-installed grouped software, and displays the installation progress on the display device of the personal computer.

[0096] When operating the S630, if the grouped software is already installed, it responds to the user's trigger event on the icon of the grouped software, obtains the uninstallation command, completes the uninstallation of the installed grouped software, and displays the uninstallation progress on the display device of the personal computer.

[0097] In this invention, hovering the mouse over a label triggers an event, popping up an install button. Clicking this button calls a backend interface to check if the current software needs plugin installation. If so, a dialog box for pre-installing plugins pops up, allowing users to select the plugin's installation configuration information to begin installation. After installation, users continue to select the software's installation configuration information to proceed with the software installation. During installation, a progress bar displays the frontend requesting the software's installation progress from the backend every second, providing real-time updates. Upon completion, a message event is triggered, indicating installation is complete, and the software icon brightens. If the software is already bright from the start, it indicates that the software is installed. Hovering the mouse triggers an uninstall button; clicking this button completes the uninstallation process. Similarly, upon uninstallation, a message event is triggered, indicating uninstallation is complete, and the icon dims.

[0098] Figure 7 This is a flowchart illustrating the training process of a naming model based on the Naive Bayes algorithm according to an embodiment of the present invention.

[0099] like Figure 7 As shown, the naming model based on the Naive Bayes algorithm is trained through the process shown in operations S710 to S740.

[0100] When operating the S710, feature extraction is performed on the training sample set of software names to obtain the feature set of software names.

[0101] When operating the S720, the parameters of the naming model based on the Naive Bayes algorithm are initialized, and the feature set of software names is processed using the naming model based on the Naive Bayes algorithm to obtain the processing result.

[0102] When operating the S730, the processing results are input into the loss function and optimizer, and the parameters of the named model based on the Naive Bayes algorithm are optimized according to the gradient loss value.

[0103] In operation S740, feature processing and optimization operations are performed iteratively until the preset convergence condition is met, resulting in a parameter-optimized named model based on the Naive Bayes algorithm.

[0104] Obtaining folder names is essentially a classification process. By extracting features from all software names and training the model, a naming model based on the Naive Bayes algorithm is constructed. A classifier is then used to classify the items to be classified, and the output is the folder name.

[0105] Figure 8 This is a flowchart illustrating the automatic naming process using a text classification algorithm according to an embodiment of the present invention.

[0106] like Figure 8 As shown, the automatic naming of folders using a text classification algorithm can be divided into a training phase and a testing phase. The optimized text classification algorithm obtained after training can be applied to the grouping software of this invention for automatic naming during merging.

[0107] Taking the Naive Bayes algorithm as an example, when there are m software items in the folder, the document set is scanned to obtain a vocabulary, and a candidate feature word list is initialized, with features x = {a1, a2, ..., a...}. n}, where each a is a feature attribute of x.

[0108] The training samples are set to have n text categories, which can be represented as C = {y1, y2, ..., y...} n}

[0109] Calculate the probabilities, i.e., the utility indices P(y1|x), P(y2|x), ..., P(y...) for each of the n text categories corresponding to the folder name x. n |x).

[0110] If P(y) k |x)=max{P(y1|x),P(y2|x),…,P(y n If |x)}, then x∈y k At this point, the folder name is the text class name corresponding to k.

[0111] According to an embodiment of the present invention, the above-mentioned response to a user's software removal request to move the selected grouped software from the grouping results to a preset location on the personal computer includes:

[0112] In response to a user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer.

[0113] If the selected grouped software is located within a folder, calculate the number of grouped software within the folder and determine the folder's retention status based on the number of grouped software within the folder.

[0114] According to an embodiment of the present invention, the above-described software grouping method based on Web-based components further includes:

[0115] When a user logs back into their personal computer device, the original multi-level grouping results are regrouped into multi-level groups based on the user's new preference information and the new software list information.

[0116] Modify the automatically named folders based on user preferences;

[0117] Based on user preference information, manually drag and drop grouping, installation, and uninstallation operations are performed on software belonging to the same level that are to be grouped.

[0118] In this invention, the folder border is set to transparent. The relative position of the GroupName is adjusted based on the number of software programs within the folder, controlling the maximum number of software programs that can be displayed on the folder border (here, the maximum is set to 4). The Z-index value is set to place it above the software icons. When performing operations on software within the folder, clicking the folder will bring up a dialog box. A Home page component is nested within the folder, and the list of software programs within the folder is displayed in a loop. Software installation and uninstallation operations can also be performed within the folder. When there are many software programs, pagination will be automatically implemented. Of course, the folder name can also be manually modified.

[0119] Software within a folder can also be moved out and returned to the software list on the desktop. When software is dragged out of the dialog box (by listening to the screen to obtain the mouse coordinates), the software within the folder will return to the platform's main desktop.

[0120] By listening to screen events to obtain the width and height values ​​of mouse touch events, when these values ​​exceed the top, bottom, left, and right margins of the dialog box from the screen, the drag confirmation event of Sortable.js is triggered. There are two scenarios: First, if there are only two apps in the folder, after dragging one to the platform's main desktop page, since only one app no ​​longer needs the folder, the other should also return to the platform's main page. Second, if there are at least three apps in the folder, after moving one app to the platform's main desktop page, there are still two apps in the folder, so the folder should be preserved, and the folder name should be changed accordingly. The position of the moved app returning to the main page can be set to before the folder.

[0121] Additionally, you can fix the location of certain software by setting the disabled property or by using the confirmation event after dragging and releasing the mouse, making it unmovable, undragable into folders, uninstallable, and uninstallable.

[0122] To better illustrate the method provided by the present invention, the following description combines another embodiment of the present invention and... Figures 9-12 The method provided by the present invention will be further explained below.

[0123] This invention uses the Vue framework and the vuedraggable component to implement drag-and-drop functionality. When the software interface is complex, it often requires hierarchical and folder-based processing, which is achieved using a three-loop loop. The outer loop displays all software in a hierarchical list, with each level independent of the others, and different Group values ​​are set to indicate that levels cannot be moved between each other. The middle loop represents the software list within each level, with the same Group value, indicating that the software within each level can be moved freely. The inner loop represents the software within a folder, with the folder name being GroupName, displaying a small icon, and fixed within the folder. The layout of each software uses a flexible layout, with software aligned to the left.

[0124] Figure 9 This is a schematic diagram illustrating the result of software grouping using Web-based components according to another embodiment of the present invention.

[0125] The software grouping method based on web-side components of this invention includes multi-level grouping, wherein the first-level For loop represents a three-level grouping, such as... Figure 9 As shown, the dashed lines serve as dividing lines, and layers cannot be dragged between each other; the second-level For loop indicates that layers such as software A and software B can be arbitrarily swapped or merged into folders; the third-level For loop indicates that when a folder exists within a layer, the software is placed in that folder, such as... Figure 9 Folder 1 and Folder 2 in the file.

[0126] Figure 10This is a schematic diagram illustrating the process of generating folders by dragging and dropping groups according to another embodiment of the present invention.

[0127] like Figure 10 (a) and Figure 10 As shown in (b), gray indicates that the software is not installed. Moving the mouse over (hovering) within a certain label area triggers an event, popping up an install button. Clicking the button triggers a click event that calls the backend interface to check if the current software needs to install plugins. If so, a dialog box for pre-installing plugins pops up. Selecting the plugin's installation configuration information allows the installation to begin. After installation, continue selecting the software's installation configuration information to install the software. During the installation process, a progress bar displays the frontend requesting the software's installation progress from the backend every 2 seconds. The progress bar shows the real-time installation progress. After installation, a message event is triggered to indicate that the installation is complete, and the software icon brightens. If the software is bright from the start, it means that the software is already installed. When the mouse hovers over it, an uninstall button pops up. Clicking the uninstall button will directly complete the uninstallation. Similarly, after uninstallation, a message event is triggered to indicate that uninstallation is complete, and the icon dims.

[0128] like Figure 10 As shown in (a), if you drag software D and software E until they overlap, releasing the mouse will create a folder. The folder's GroupName is generated by calling a naming model based on the Naive Bayes text classification algorithm in the background. Figure 10 As shown in (b), GroupName is "Software". When two software programs are merged, the original position element's length is 0, so the position is cleared, and subsequent software programs are added to ensure that the overall layout of the page remains unchanged.

[0129] Figure 11 This is a schematic diagram of grouping software style adjustment according to another embodiment of the present invention.

[0130] like Figure 11 As shown, the folder border is transparent. The style and position of the GroupName are adjusted based on the number of apps within the folder, controlling the maximum number of apps that can be displayed on the folder border (here, the maximum is set to 4). The Z-index value is set to place it above the app icons. To perform operations on apps within the folder, clicking the folder will bring up a dialog box, as shown in the image. The folder contains a nested VueDraggable component, which cycles through the list of apps within the folder. Installing and uninstalling apps are also possible within the folder. When there are many apps, automatic pagination is implemented. Of course, the folder name can also be manually modified.

[0131] Figure 12 This is a schematic diagram of the removal process of grouped software according to another embodiment of the present invention.

[0132] In this invention, grouped software within a folder can also be moved out and returned to the software list on the desktop. When software is dragged from the dialog box beyond its boundaries (by obtaining the mouse screen coordinates through screen listener events), the software within the folder will return to the platform's main desktop. For example... Figure 12 (a) shows the movement process, and (b) shows the effect after the movement.

[0133] By listening to screen events to obtain the width and height values ​​of mouse touch events, when these values ​​exceed the distance of the dialog box from the top, bottom, left, and right sides of the screen, the `@end` event of `vuedraggable` is triggered. There are two scenarios: First, if there are only two apps in the folder, dragging one to the platform's main desktop page will cause the other app to return to the main page since only one app no ​​longer needs the folder. Second, if there are at least three apps in the folder, moving one app to the main desktop page will leave two apps in the folder, so the folder should be preserved. The moved app can be set to return to the position before the folder on the main page.

[0134] Additionally, you can use the disabled property or move event of vuedraggable to fix the location of certain software, making it unmovable, undragable into folders, and uninstallable.

[0135] Figure 13 A block diagram illustrating an electronic device suitable for implementing a web-based component-based software grouping method according to an embodiment of the present invention is shown.

[0136] like Figure 13 As shown, an electronic device 1300 according to an embodiment of the present invention includes a processor 1301, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1302 or a program loaded from a storage portion 1308 into a random access memory (RAM) 1303. The processor 1301 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or an associated chipset and / or a special-purpose microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 1301 may also include onboard memory for caching purposes. The processor 1301 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present invention.

[0137] RAM 1303 stores various programs and data required for the operation of electronic device 1300. Processor 1301, ROM 1302, and RAM 1303 are interconnected via bus 1304. Processor 1301 executes various operations of the method flow according to embodiments of the present invention by executing programs in ROM 1302 and / or RAM 1303. It should be noted that the programs may also be stored in one or more memories other than ROM 1302 and RAM 1303. Processor 1301 may also execute various operations of the method flow according to embodiments of the present invention by executing programs stored in said one or more memories.

[0138] According to an embodiment of the present invention, the electronic device 1300 may further include an input / output (I / O) interface 1305, which is also connected to the bus 1304. The electronic device 1300 may also include one or more of the following components connected to the I / O interface 1305: an input section 1306 including a keyboard, mouse, etc.; an output section 1307 including a cathode ray tube (CRT), liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 1308 including a hard disk, etc.; and a communication section 1309 including a network interface card such as a LAN card, modem, etc. The communication section 1309 performs communication processing via a network such as the Internet. A drive 1310 is also connected to the I / O interface 1305 as needed. A removable medium 1311, such as a disk, optical disk, magneto-optical disk, semiconductor memory, etc., is installed on the drive 1310 as needed so that computer programs read from it can be installed into the storage section 1308 as needed.

[0139] The present invention also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments; or it may exist independently and not assembled into the device / apparatus / system. The computer-readable storage medium carries one or more programs, which, when executed, implement the method according to the embodiments of the present invention.

[0140] According to embodiments of the present invention, a computer-readable storage medium may be a non-volatile computer-readable storage medium, such as including, but not limited to: portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof. In the present invention, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. For example, according to embodiments of the present invention, a computer-readable storage medium may include ROM 1302 and / or RAM 1303 and / or one or more memories other than ROM 1302 and RAM 1303 described above.

[0141] The specific embodiments described above further illustrate the purpose, technical solution, and beneficial effects of the present invention. It should be understood that the above descriptions are merely specific embodiments of the present invention and are not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present invention should be included within the protection scope of the present invention.

Claims

1. A software grouping method based on web-based components, comprising: Based on user permission information, obtain a list of personal computer software information, wherein the personal computer software information list includes the identity information of the software to be grouped, the name of the software to be grouped, the status information of the software to be grouped, and the icon of the software to be grouped; Based on the personal computer software information list and the user's grouping request, the software to be grouped is grouped into multiple levels using a web component. Software in different levels cannot be dragged and dropped, while software in the same level can be swapped. Based on the status information of the grouped software displayed in the grouping results, the system performs an installation or uninstallation operation on the grouped software in response to a user's trigger event on the icon of the grouped software. In response to the user's drag-and-drop grouping request, the software that has been grouped at the same level is regrouped, and the regrouped folder names are automatically named using a naming model based on the Naive Bayes algorithm. In response to a user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer.

2. The method according to claim 1, wherein, The step of performing multi-level grouping of the software to be grouped using web-based components based on the personal computer software information list and the user's grouping request includes: Based on the list of personal computer software information, the number of software to be grouped is obtained, and the grouping level information is determined according to the user's grouping request; Based on the number of software to be grouped and the grouping hierarchy information, the software to be grouped is layered using the Web-based component to obtain the layering result; Based on the hierarchical results, the Web-based components are used to group the software to be grouped within the same level, thereby completing the multi-level grouping of the software to be grouped. According to the preset display format, the multi-level grouping results are displayed on the display device of the personal computer.

3. The method according to claim 2, wherein, The step of grouping the software to be grouped into multiple levels based on the hierarchical results using the Web-based components to perform intra-level grouping of the software to be grouped, thereby completing the multi-level grouping of the software to be grouped, includes: The web-based component is used to group software that belong to the same level and have the same user preferences into the same folder and display the icons of the software to be grouped. Based on the preset layout, the Web-based components are used to rearrange the grouped software belonging to the same level to obtain multi-level grouping results.

4. The method according to claim 3, further comprising: If the number of software programs to be grouped in the same folder exceeds a preset number, the software programs to be grouped in the same folder will be displayed in pages.

5. The method according to claim 1, wherein, The step of performing an installation or uninstallation operation on the grouped software in response to a user's trigger event on the icon of the grouped software, based on the status information of the grouped software displayed according to the grouping results, includes: The installation status of the grouped software is determined based on the status information of the grouped software displayed in the grouping results; When the grouped software is not installed, in response to a user's trigger event on the icon of the grouped software, the plugins and installation configuration information required for the installation of the grouped software are obtained, the uninstalled grouped software is installed, and the installation progress is displayed on the display device of the personal computer. When the grouped software is already installed, in response to a user's trigger event on the icon of the grouped software, an uninstallation command is obtained, the installed grouped software is uninstalled, and the uninstallation progress is displayed on the display device of the personal computer.

6. The method according to claim 1, wherein, The naming model based on the Naive Bayes algorithm is trained through the following process: Feature extraction is performed on the training sample set of software names to obtain the feature set of software names; Initialize the parameters of the naming model based on the Naive Bayes algorithm, and use the naming model based on the Naive Bayes algorithm to process the feature set of the software name to obtain the processing result; The processing result is input into the loss function and optimizer to optimize the parameters of the named model based on the Naive Bayes algorithm according to the gradient loss value. The feature processing and optimization operations are performed iteratively until the preset convergence condition is met, resulting in a parameter-optimized named model based on the Naive Bayes algorithm.

7. The method according to claim 1, wherein, The step of moving the selected grouped software from the grouping results to a preset location on the personal computer in response to a user's software removal request includes: In response to a user's software removal request, the selected grouped software is moved from the grouping results to a preset location on the personal computer. If the selected grouped software is located in a folder, the number of grouped software in the folder is calculated, and the retention status of the folder is determined based on the number of grouped software in the folder.

8. The method according to claim 1, further comprising: When a user logs back into the personal computer device, the original multi-level grouping results are regrouped into multi-level groups based on the user's new preference information and the new software list information. Based on the user preference information, modify the automatically named folder name; Based on the user preference information, manually drag and drop grouping, installation, and uninstallation operations are performed on software belonging to the same level that are to be grouped.

9. An electronic device, comprising: One or more processors; Storage device for storing one or more programs. Wherein, when the one or more programs are executed by the one or more processors, the one or more processors perform the method according to any one of claims 1 to 8.

10. A computer-readable storage medium having stored thereon executable instructions that, when executed by a processor, cause the processor to perform the method according to any one of claims 1 to 8.

Images