Social media platform homepage selector generation method and device

Abstract

The embodiment of the invention provides a social media platform homepage selector generation method and device and electronic equipment, and belongs to the technical field of data processing.The method comprises the steps that all obtained homepage information is stored in an array allPageArr; forming a platform list (plaatform Arr) without repeated items; creating a variable listArr for storing homepage data to be finally displayed in the list; when a user clicks a social media platform, the content of listArr is updated according to the selection of the user, if the user selects'all ', the value of allPageArr is assigned to the listArr, all homepages are displayed, if the user selects a specific platform, all homepages under the specific platform are screened out from the allPageArr, results are assigned to the listArr, and a homepage list is displayed on the updated page. And enabling the homepage list to reflect the latest listArr state. According to the method, the social media platform homepage generation efficiency can be improved.

Claims

1. A method for generating a homepage selector for a social media platform, characterized in that: include: Get all home page information by sending a request to the backend server, and store all the obtained home page information in the array allPageArr; Traverse the array allPageArr, extract the platform name corresponding to each homepage, and use the JavaScript Set object to remove duplicate platform names to form a platform list platformArr without duplicate items; Create a variable listArr to store the homepage data to be displayed in the list. The variable listArr changes with the user's filtering operation. Insert an all field at the beginning of platformArr, which represents all platforms by default. Use platformArr to render each platform at the top of the homepage selector drop-down box, add a click event for each platform, and set the value of listArr to allPageArr by default. When the user clicks on a social media platform, the content of listArr is updated according to the user's selection. If the user selects "all", the value of allPageArr is assigned to listArr to display all homepages. If the user selects a specific platform, all homepages under that specific platform are filtered out from allPageArr and the result is assigned to listArr. The homepage list is displayed on the update page so that the homepage list reflects the latest listArr status.

2. The method according to claim 1, characterized in that: The method sends a request to the backend server to obtain all homepage information, and stores all the obtained homepage information in the array allPageArr, including: The client sends an HTTP request to the backend server to obtain all registered homepage information in the system; After receiving the request, the backend queries the database and collects relevant information of all homepages. The backend organizes the relevant information into structured response data and returns it to the client through HTTP response.

3. The method according to claim 2, characterized in that The method sends a request to the backend server to obtain all homepage information, and stores all the obtained homepage information in the array allPageArr, and also includes: The client parses the received response data. After parsing, the client verifies the integrity and correctness of the parsed data. Store the parsed and validated data into the array of allPageArr.

4. The method according to claim 3, characterized in that: The array allPageArr is traversed to extract the platform name corresponding to each homepage, and the platform names are deduplicated through the JavaScript Set object to form a platform list platformArr without duplicate items, including: Define an empty Set object to store the platform name; Use a loop statement to iterate over each element in the allPageArr array. In each iteration, extract the value of the platform attribute from the current home page object as the platform name. Add the extracted platform name to the Set object.

5. The method according to claim 4, characterized in that The traversal of the array allPageArr, extracting the platform name corresponding to each homepage, removing duplicates from these platform names through the JavaScript Set object, and forming a platform list platformArr without duplicates, also includes: Convert the Set object to an array platformArr and insert a special option "all" at the beginning of the platformArr array to indicate all platforms.

6. The method according to claim 5, characterized in that The variable listArr is created to store the homepage data to be displayed in the list, including: Define a variable listArr to store the home page data to be displayed in the list. When initializing, set listArr to allPageArr; Use the listArr array to render the initial home page list on the user interface.

7. The method according to claim 6, characterized in that The platformArr is used to render each platform at the top of the home page selector drop-down box, and a click event is added for each platform, including: Create one <select>Element, and set a unique one for it, traverse the platformArr array, and create one for each platform name <option> element, each< / option> <option> Elements added to< / option> < / select> in the elements; Set the default selection in the drop-down box to "all", which means that all home pages are displayed in the initial state. <option> For items in the element whose value is "all", set the< / option> <option> The element's selected attribute is true;< / option> Traverse the platformArr array and create a click event processing function for each platform name. In the click event processing function, get the platform name selected by the user, and filter out the corresponding homepage data from allPageArr based on the platform name selected by the user.

8. The method according to claim 7, characterized in that When the user clicks on a social media platform, the content of listArr is updated according to the user's selection, including: If the user selects "all", set listArr to allPageArr; If the user selects a specific platform name, all homepages of the platform are filtered out from allPageArr and the result is assigned to listArr.

9. A device for generating a homepage selector for a social media platform, characterized in that: include: The acquisition module obtains all homepage information by sending a request to the backend server and stores all the obtained homepage information in the array allPageArr; The extraction module traverses the array allPageArr, extracts the platform name corresponding to each homepage, and removes duplicates from these platform names through the JavaScript Set object to form a platform list platformArr without duplicates; Create a module and a variable listArr to store the homepage data to be displayed in the list. The variable listArr changes with the user's filtering operation. Insert the module, insert a field named all at the beginning of platformArr, which represents all platforms by default, use platformArr to render each platform at the top of the homepage selector drop-down box, add a click event for each platform, and set the value of listArr to allPageArr by default; Display module, when the user clicks on a social media platform, the content of listArr is updated according to the user's selection. If the user selects "all", the value of allPageArr is assigned to listArr to display all homepages. If the user selects a specific platform, all homepages under that specific platform are filtered out from allPageArr and the result is assigned to listArr. The homepage list is displayed on the update page so that the homepage list reflects the latest listArr status.

10. An electronic device, characterized in that: The electronic device comprises: at least one processor; and, a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the social media platform homepage selector generation method described in any one of claims 1 to 8.

Images