CN118312179A - Page generation method and device and computer related equipment - Google Patents

Abstract

The present application relates to a page generation method, apparatus, computer device, computer readable storage medium and computer program product. The method comprises the following steps: the method comprises the steps of displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different configuration elements correspond to different component levels; for each configuration element of the plurality of configuration elements, responding to a triggering operation for the current configuration element, and displaying extensible configuration text corresponding to the component level corresponding to the current configuration element; and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input. The method can effectively support the high efficiency, flexibility and controllability of page adjustment, meets the requirements of different implementation stages and division of labor, and ensures high-quality and high-efficiency page delivery.

Description

Page generation method and device and computer related equipment

Technical Field

The present application relates to the field of computer technology, and in particular, to a page generating method, apparatus, computer device, computer readable storage medium, and computer program product.

Background

With the popularity of the information technology revolution, especially the internet, the front-end development has also undergone rapid development and revolution. The front-end development is necessary in that the front-end development is a bridge for connecting users and technologies, the function of the front-end development is not only limited to the construction of interfaces, but also in that the user experience is continuously improved, the application function is enhanced and the application safety is ensured through technical innovation and optimization strategies.

When the service menu is bound in sequence in a navigation mode according to different requirements of each customer and service processing. Traditional front-end development often uses a front-end scripting language to develop a navigation process to fix and bind the business menu to the navigation node. But this results in any sequence adjustments and changes requiring development or re-modification of the code, which is costly and inflexible.

Disclosure of Invention

In view of the foregoing, it is desirable to provide a page generation method, apparatus, computer device, computer-readable storage medium, and computer program product that can reduce page adjustment costs.

In a first aspect, the present application provides a page generating method, including:

displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

For each configuration element in the plurality of configuration elements, responding to a triggering operation for a current configuration element, and displaying extensible configuration text corresponding to a component level corresponding to the current configuration element;

and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

In a second aspect, the present application further provides a page generating apparatus, including:

the display module is used for displaying a configuration page, and the configuration page is displayed with a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

The display module is used for responding to the triggering operation for the current configuration element for each configuration element in the plurality of configuration elements and displaying the extensible configuration text corresponding to the component level corresponding to the current configuration element;

And the display module is used for responding to the information input operation aiming at the extensible configuration text and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

In a third aspect, the present application also provides a computer device comprising a memory and a processor, the memory storing a computer program, the processor implementing the following steps when executing the computer program:

displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

For each configuration element in the plurality of configuration elements, responding to a triggering operation for a current configuration element, and displaying extensible configuration text corresponding to a component level corresponding to the current configuration element;

and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

In a fourth aspect, the present application also provides a computer readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of:

displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

For each configuration element in the plurality of configuration elements, responding to a triggering operation for a current configuration element, and displaying extensible configuration text corresponding to a component level corresponding to the current configuration element;

and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

In a fifth aspect, the application also provides a computer program product comprising a computer program which, when executed by a processor, performs the steps of:

displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

For each configuration element in the plurality of configuration elements, responding to a triggering operation for a current configuration element, and displaying extensible configuration text corresponding to a component level corresponding to the current configuration element;

and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

The page generation method, the page generation device, the computer equipment, the computer readable storage medium and the computer program product are characterized in that firstly, a configuration page is displayed, and a plurality of configuration elements are displayed on the configuration page; wherein different ones of the configuration elements correspond to different component levels; structural management is realized, unnecessary change range is effectively reduced, and adjustment cost is reduced. Then, for each configuration element in the plurality of configuration elements, responding to a triggering operation for the current configuration element, and displaying extensible configuration text corresponding to the component level corresponding to the current configuration element; redundant information of the interface is avoided, so that a developer can concentrate on the current task more, meanwhile, the operation flow of a user is simplified, and the interaction efficiency is improved. And finally, responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input. The method effectively supports the high efficiency, flexibility and controllability of page adjustment, meets the requirements of different implementation stages and division of labor, and ensures high-quality and high-efficiency page delivery.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the related art, the drawings that are needed in the description of the embodiments of the present application or the related technologies will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and other related drawings may be obtained according to these drawings without inventive effort to those of ordinary skill in the art.

FIG. 1 is an application environment diagram of a page generation method in one embodiment;

FIG. 2 is a flow diagram of a page generation method in one embodiment;

FIG. 3 is a schematic page diagram of a navigation menu in one embodiment;

FIG. 4 is a schematic diagram of pages of a tab component, a navigation card component, and a wizard component in one embodiment;

FIG. 5 is a flowchart of a page generation method in another embodiment;

FIG. 6 is a block diagram of a page generation apparatus in one embodiment;

fig. 7 is an internal structural diagram of a computer device in one embodiment.

Detailed Description

The present application will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present application more apparent. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the application.

The page generation method provided by the embodiment of the application can be applied to an application environment shown in figure 1. Wherein the terminal 102 communicates with the server 104 via a network. The data store may store data that the server 104 needs to process. The data store may be integrated on the server 104 or may be located on a cloud or other network server. The terminal 102 generates a page generation request, and then sends the page generation request to the server 104, so that the server 104 displays a page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after information input. The terminal 102 may be, but not limited to, various personal computers, notebook computers, smart phones, tablet computers, internet of things devices and portable wearable devices, where the internet of things devices may be smart speakers, smart televisions, smart air conditioners, smart vehicle devices, projection devices, and the like. The portable wearable device may be a smart watch, smart bracelet, headset, or the like. The head-mounted device may be a Virtual Reality (VR) device, an augmented Reality (Augmented Reality, AR) device, smart glasses, or the like. The server 104 may be an independent physical server, a server cluster or a distributed server formed by a plurality of physical servers, or a cloud server providing cloud computing services.

In an exemplary embodiment, as shown in fig. 2, a page generating method is provided, which is illustrated by taking the application of the method to the server 104 in fig. 1 as an example, and includes the following steps 202 to 206.

Step 202, a configuration page is displayed, wherein the configuration page is displayed with a plurality of configuration elements; wherein different configuration elements correspond to different component levels.

The configuration page refers to a navigation menu page facing to a user, and the user can perform page configuration on the navigation menu page. The navigation menu page comprises a plurality of configuration elements, and different configuration elements correspond to different configuration contents.

The configuration elements comprise a tab assembly, a navigation card assembly, a guide assembly, operation instruction guide and the like, are used for providing flexible building capability for various business navigation in XML (extensible text), can quickly complete navigation building without directly inputting assembly attributes and menu webpage link addresses in the extensible text by codes, provide rich attribute configuration, and can be used for flexibly applying various navigation according to the configuration related attributes of actual needs.

Component hierarchy refers to the hierarchy between tab component, navigation card component, wizard component, and instruction directions, and it is understood that it is often necessary to configure one hierarchy after another in the actual configuration process. In the present application, tab components are located at a first level, navigation card components are located at a second level, wizard components are located at a third level, and instructions may exist in each level to provide directions to the components of the level.

Specifically, referring to fig. 3, a blank configuration page is first created as a basic frame for a user-defined navigation menu, and all available configuration elements, such as a tab component, a navigation card component, a wizard component, and an operation instruction, are presented on the configuration page. The tab component is the service with the uppermost navigation, and a plurality of tabs can be flexibly configured according to the needs through configuration of the tab component. The navigation card component configures navigation cards of different scenes for each navigation group, the navigation cards are generally a set of business scenes, a plurality of navigation cards can be configured according to different use requirements, and a plurality of attribute configuration items such as states, progress, hiding and the like can also be configured for the navigation cards. The guide component is used for entering the guide through clicking of the navigation card, the guide can be configured continuously and parallelly, the configuration is completed, and a plurality of attribute configuration items such as a user are switched. The operation instruction is an instruction for providing three languages of Chinese, english and Chinese, and can be bound and encoded to a tab component, a navigation group, a navigation card and a guide node for guiding the specific use of the current scene. And then allowing the user to select different component levels according to actual requirements, and visually displaying the configuration elements which can be added under the current component level. For example, a hierarchy selector is designed, and the initial state defaults to showing the selection interface of the tab component (first hierarchy). After the user selects the tab, the configuration options of the navigation card component, which is the second-level component corresponding to the tab, are dynamically loaded and displayed. Similarly, after the navigation card is selected, a configuration interface of a third-level-guide component is further displayed. And displaying interfaces at each level, ensuring that the operation instruction guide elements are always visible, and providing instant assistance for users.

Step 204, for each configuration element in the plurality of configuration elements, in response to a triggering operation for the current configuration element, displaying extensible configuration text corresponding to the component hierarchy corresponding to the current configuration element.

The extensible configuration text refers to an XML (extensible text) which can be used for generating tabs, navigation groups, navigation cards, wizards and the like. It will be appreciated that the extensible configuration text used in the present application to generate tabs, navigation groupings, navigation cards, and wizards is different.

Specifically, firstly, the interaction behavior of a user on a configuration page is monitored, and the operation trigger of the user on a certain configuration element, such as clicking, double-clicking or selecting operation, is identified. Optionally, an event listener is bound for each configuration element to capture the user's clicks or other trigger actions. And then accurately identifying the configuration element currently operated and the position of the configuration element in the component hierarchy according to the triggering operation of the user. Optionally, through event object or document object model operation, the element ID or class name of the trigger operation is obtained, and then the element ID or class name is mapped to the corresponding component level thereof, such as a tab (first level), a navigation group, a navigation card (second level), and the like, according to the element identification.

And step 206, responding to the information input operation for the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

The page component refers to a tab, a navigation group, a navigation card, a guide and the like which are generated after configuration in the extensible configuration text. It will be appreciated that the tab components corresponding to different component levels are different.

Specifically, information input or modification made by a user to a particular configuration element in an extensible configuration text editing interface is first captured. Optionally, the latest input or modified XML configuration text content of the user is obtained by monitoring the text change event monitored by the editor.

The extensible configuration text entered by the user is then parsed to ensure that it is properly formatted and expected. Optionally, the text is parsed using an XML parser to check the validity of the element structure, attributes, and values. The consistency of the configuration data, such as the uniqueness of the tab ID, the limit on the number of navigation cards within the navigation group, etc., is verified.

And determining the component level corresponding to each configuration element according to the analyzed configuration data. Optionally, traversing the XML node tree obtained by analysis, distinguishing the component types according to the node labels, and distributing or confirming the hierarchical relationship in the re-page layout for each node.

And finally, dynamically generating corresponding page components according to the component types and the attributes defined in the configuration text, and optionally, calling corresponding rendering functions or template engines for each determined component level. The attributes in the XML configuration are mapped to the attributes of the front-end components, such as name, ordering, and jump website. The components are built using a front end framework or pure JavaScript language to create DOM (document object model) elements.

In one embodiment, the higher the component hierarchy corresponding to the configuration element, the higher the hierarchy of the page component generated based on the configuration element; for page components of adjacent levels, a page component of a lower level is used to provide access controls into a page component of a higher level.

Specifically, the "component hierarchy corresponding to a configuration element" refers to a hierarchical order in which different elements on a configuration interface are divided according to their positions and functions in a navigation structure. For example, the tab component is at the highest level, followed by the navigation card component, wizard component, etc., while the instruction directions are primarily ancillary, although they may exist at any one level. This hierarchical concept embodies a gradual refinement process from macro navigation structures (e.g., top level classification of tab representations) to micro details (e.g., specific steps in the wizard).

When referring to "the higher the hierarchy of page components generated based on configuration elements," it is meant that in an actual navigation page, page components derived from higher-hierarchy configuration elements will occupy a more dominant or underlying position, which is typically the portion that the user first contacts and interacts with. For example, a tab bar generated by the tab component configuration may serve as a starting point for the overall navigation experience, at the top of the page, guiding the user into the next level of navigation content (e.g., the various classification pages generated by the navigation card component).

As for "for page components of adjacent hierarchy, page components of lower hierarchy are used to provide access controls into page components of higher hierarchy," the navigation logic between hierarchies is mainly emphasized. In particular, one of its functions is as a "portal" by clicking or interacting with a lower level component, such as a navigation card, the user being able to transition to the next level component, such as opening a wizard component. In other words, each low-level component is a bridge or portal to the level of content above it, forming an orderly and layer-by-layer deep navigation path.

Since through the explicit hierarchy, the user can more easily understand and manipulate the interface, know where and how to go to other parts. The structure is beneficial to reducing the cognitive burden of the user and improving the user experience. And when new functionality needs to be added or existing structures adjusted, the hierarchy-based architecture allows developers to flexibly insert or modify components in existing structures without having to make major changes to the whole, reducing update costs and risks.

In one embodiment, the plurality of configuration elements includes at least a first configuration element corresponding to a first component level, a second configuration element corresponding to a second component level, and a third configuration element corresponding to a third component level; the extensible configuration text corresponding to the first component level is used for generating a tab; the extensible text corresponding to the second component level is used for generating a navigation card component positioned at the next level of the tab; the extensible text corresponding to the third component level is used to generate a wizard component at the next level of the navigation card component.

In particular, it will be appreciated that the above-described approach builds concepts primarily around a hierarchical user configuration interface, wherein the user configuration interface is divided into at least three distinct hierarchies, each hierarchy corresponding to a particular class of UI interaction components.

First is the first component level, the first configuration element, which is the configuration information related to the highest level (first component level) in the user configuration interface. This part of the configuration data is designed to be extensible, meaning that it can dynamically adapt to different content or functional requirements. Optionally, this level of configuration data is used to generate a "tab". The tab is located at the top of the interface for fast switching between different content areas or functional modules. For example, in a web application, tabs may be used to distinguish between different parts of "home page", "message", "setup", etc.

Then a second component level, a second configuration element, is associated with the second component level, which is also extensible, intended to accommodate the presentation of further details or sub-categories. Optionally, this level of configuration data is then used to generate a "navigation card assembly". Navigation cards are typically located on page sign as a more specific navigation option to assist the user in selecting different sub-functions or content tiles under the same large category. For example, after a "message" tab is selected, navigation cards such as "unread message", "sent message", etc., which may appear below.

Finally, the third component level, the third configuration element, is the configuration of the deepest level, focusing on the more specific or operation-oriented part. Optionally, this level of data is used to generate a "wizard component". The wizard component is typically an interactive component that guides the user through a series of steps or presents detailed information, which is located under the navigation card, providing more direct operational directions or presentation of content to the user, such as form filling steps, tutorial guidance, etc.

The design and development process becomes more modular by splitting the user interface into explicit hierarchies (tabs, navigation cards, wizards, etc.). This structure helps team members to concentrate on the components that each is responsible for, improves development efficiency, and facilitates later maintenance and iteration. And each level uses extensible configuration text, which means that component content can be easily added, modified, or deleted without requiring extensive adjustments to the underlying code or design framework. This is particularly critical to deal with changing business needs or user feedback, and can quickly adapt to market changes.

In an embodiment of the present application, in a case of determining a component hierarchy corresponding to a configuration element, the responding to an information input operation for the extensible configuration text, displaying, based on the extensible configuration text after information input, a page component corresponding to the component hierarchy corresponding to the current configuration element, includes:

responding to the information input operation of the extensible configuration text of the component hierarchy aiming at the current configuration element, and acquiring at least one of the associated element information and the jump website;

Generating a corresponding plurality of objects based on the several element information;

determining the corresponding jump website of each object, and binding each object with the corresponding jump website;

And displaying the bound object.

The component hierarchy for each configuration element is described in more detail below.

In one embodiment, in the case that the component hierarchy corresponding to the current configuration element is the first hierarchy, the extensible text corresponding to the first hierarchy includes at least a tab attribute text input area; at least one of page signature title information, page signature ordering information and page signature skip website is acquired in response to page signature attribute information input operation aiming at a page signature attribute text input area in the page signature component extensible configuration text; generating a plurality of tabs according to the tab signature name information and the tab ordering information; determining the page tab jump website corresponding to each page tab, and binding each page tab with the corresponding page tab jump website; and displaying the tab bound with the tab jump website.

The page signature title information refers to text titles displayed by each tab. The tab ordering information refers to a numerical value or a level that determines the display order of tabs on the interface. The tab jump website is a specific website which guides the user to visit after clicking the tab.

Specifically, referring to fig. 4, first the user finds a tab attribute text input area in the extensible configuration text for the tab component, and inputs necessary tab attribute information in the area. Optionally, the information at least includes page signature name information, page signature sorting information, page signature skip website, etc. The tab text (page signature names), data (page signature order) for organizing the page signature display order, and a network address (page signature jump web address) associated with each page signature are then automatically parsed and extracted in response to the user's input operation. And then dynamically generating a plurality of tab elements according to the extracted page signature title information and the page signature sequencing information. The tabs are ordered according to the tab ordering information, ensuring that they are arranged in the desired order. For each generated tab, the extracted tab jump website information (if any) is bound to the corresponding tab. This means that a target web address to jump after clicking is set for each tab. Finally, after binding all tabs and websites is completed, the tabs 402 with the skip function are displayed in the user interface. The user can now see the clickable tabs arranged in the specified order, with each tab clicked on being directed to its corresponding web site.

In an example, the code packaging tab component is adopted, the required page URL address can be configured into an XML file (i.e. extensible text), the tab can be automatically generated, the tab sequence, the name and the like can be flexibly configured, the code corresponding to the content of the tab binding operation instruction can be set, the operation instruction can be directly unfolded and displayed in the page, or displayed in an icon mode, clicking and flicking can be performed, and the flicking operation instruction window can also be flexibly configured, an independent browser page and the like.

Because the tab configuration information is managed in a centralized way and can be edited, when the page structure or the link is required to be adjusted, only the configuration text is required to be modified without changing the bottom code, so that the maintenance cost is greatly reduced, and the iteration speed is accelerated. And by allowing the user to customize the tab names, order and jump websites, the scheme can adapt to various page layout and function requirements, so that the UI design is more flexible and changeable, and is suitable for different application scenes and user groups.

In one embodiment, in the case that the component hierarchy corresponding to the current configuration element is a second hierarchy, the extensible text corresponding to the second hierarchy at least includes a navigation group attribute text input area and a navigation card attribute text input area; at least one of navigation group name information, navigation group ordering information, a tab to which the navigation group belongs and a navigation group skip website is obtained in response to the navigation group attribute information input operation for the navigation group attribute text input area; generating a plurality of navigation groups according to the navigation group name information, the navigation group ordering information and the page tags to which the navigation groups belong; determining the navigation grouping jump website corresponding to each navigation grouping, and binding each navigation grouping with the corresponding navigation grouping jump website; displaying the navigation group bound with the navigation group jump website; and responding to the navigation card attribute information input operation aiming at the navigation card attribute text input area, obtaining at least one of navigation card name information, navigation card sorting information, navigation groups to which the navigation card belongs and navigation card jump websites, and displaying the navigation card corresponding to each navigation group based on the navigation card name information, the navigation card sorting information, the navigation groups to which the navigation card belongs and the navigation card jump websites.

Specifically, referring to fig. 4, first, customized information of a user regarding a navigation group is received. The user enters the necessary data in a particular "navigation group property text entry area," which includes but is not limited to: navigation group name information, used to name the group, such as "news", "video", etc. Navigation group ordering information for determining the display order of the groups on the interface. The tab to which the navigation group belongs is used for indicating which main category tab the group belongs to. The navigation group jumps to the website for the user to click on the target website (optional) to jump after grouping.

And then processing according to the collected information, and dynamically generating a plurality of different navigation groups by using the navigation group names, the ordering information and the affiliated tabs. The groupings will be automatically arranged under the corresponding tabs in a specified order. For each navigation packet that has been generated, its corresponding jump website is further determined (if not previously entered, additional or default processing may be required). Each navigation group is ensured to be bound with an effective jump website so that a user can jump correctly when clicking.

And after binding is completed, combining and displaying the navigation groups with the websites on an interface, so that a user can directly see and interact. The user then enters information in the "navigation card attribute text entry area" including, but not limited to: navigation card name information for naming each specific card. And the navigation card ordering information is used for determining the arrangement sequence of the cards in the group. The navigation card belongs to a navigation group and is used for designating the group to which the card belongs. The navigation card jumps to the website and is used for clicking the jump link after the card is clicked.

Finally, based on the navigation card information entered by the user, in combination with the previously created grouping frame, a corresponding navigation card 404 is presented under each grouping. The cards are also displayed in the order specified by the user and ensure that each card guides the user to the correct jump website.

The dynamic generation and management of the navigation structure simplifies maintenance work of the website or application background. Modifying the ordering, adding or deleting groupings and cards becomes efficient and instantly reflected in the front end without requiring extensive manual adjustment of the code or layout. And the accurate binding of the jump website ensures smooth experience after clicking by the user, avoids wrong links or invalid pages, and improves user satisfaction and retention rate.

In one embodiment, in the case that the component hierarchy corresponding to the current configuration element is a second hierarchy, the extensible text corresponding to the second hierarchy includes at least a navigation card attribute text input area; at least one of navigation card name information, navigation card ordering information, navigation grouping to which the navigation card belongs and navigation card jump website is obtained in response to the navigation card attribute information input operation aiming at the navigation card attribute text input area in the expandable configuration text of the navigation card assembly; generating a plurality of navigation cards according to navigation card name information, navigation card ordering information and navigation grouping to which the navigation cards belong; determining the navigation card jump website corresponding to each navigation card, and binding each navigation card with the corresponding navigation card jump website; and displaying the navigation card bound with the navigation card jump website.

Specifically, referring to fig. 4, first, the user sets the attribute of the navigation card in detail through a text area of an expandable configuration. Optionally, the navigation card name information: and the display name of each navigation card is input, so that the user can conveniently recognize the display name. The navigation card ordering information is used for specifying the ordering sequence of the navigation cards in the group and ensuring the clear display logic. The navigation card belongs to a navigation group, which is used for indicating the group to which each navigation card belongs and helping to organize and classify the navigation structure. The navigation card jumps to the website, and is used for providing the specific website which jumps after each navigation card clicks, so that the effective connection of the functions is ensured.

And then dynamically generating a plurality of navigation cards according to the navigation card names, the ordering information and the belonging groups input by the user. Optionally, creating card labels according to the names, and integrating the card labels under corresponding navigation groups according to the specified sequence to form a preliminary navigation structure frame.

And then, a specific jump website is allocated to each generated navigation card. Optionally, according to the jump website information provided by the user or supplemented later, the accurate page address to be guided after clicking is determined for each navigation card.

Finally, after the binding of the navigation card and the jump website is completed, the navigation cards 404 with the jump function are displayed on the interface. Following the previous ordering and grouping settings, it is ensured that the user sees an ordered, well-classified and functionally complete navigation on the interface.

In an example, a code encapsulation navigation card component is adopted, so that a group and a navigation card can be configured in a page XML file (namely, an extensible text), navigation groups are configured according to service classification, a series of service navigation cards are configured under each group, a navigation group configurable binding operation instruction is interpreted as an integral service, each navigation card can be configured to hide and display characteristics, tips instructions (prompts), binding operation instructions, a configurable pop-up operation instruction window can be flexibly configured, and a browser page is singly used. The navigation card supports floating display progress, can rapidly identify service progress conditions, is unprocessed in black and processed in green, and supports direct clicking on a floating guide node to enter a specific service page processing service. And the integrated navigation card service is supported to be identified as 'complete', 'cancel complete', so that the service is rapidly processed, and the navigation card can automatically display the identification as 'complete', 'in progress', 'incomplete' according to the service completion condition.

Because the grouping and ordering information of the navigation card is specified, a navigation system with distinct layers and clear logic can be easily constructed. This not only facilitates the user to quickly locate information, but also facilitates subsequent maintenance and adjustment of the navigation structure by an administrator or developer. In addition, the scheme adopts a collocation mode to process the generation and management of the navigation card, and compared with hard coding, the front-end development workload is greatly simplified. When the navigation item needs to be adjusted, only the configuration information needs to be modified, the code does not need to be changed, and the maintenance cost and the error risk are reduced.

In one embodiment, in the case that the component hierarchy corresponding to the current configuration element is the third hierarchy, the extensible text corresponding to the third hierarchy includes at least a wizard attribute text input area. Responding to the wizard attribute information input operation aiming at the wizard attribute text input area in the expandable configuration text of the wizard component, and obtaining at least one of wizard node name information, serial ordering information of wizard nodes, parallel ordering information of wizard nodes and wizard jump websites; generating a plurality of guide nodes according to the guide node name information, the guide node serial ordering information, the guide node parallel ordering information and the guide jump website; determining the corresponding guide jump website of each guide node, and binding each guide node with the corresponding guide jump website; and displaying the guide nodes bound with the guide jump websites, wherein the guide nodes are used for binding the service menu.

Specifically, referring to FIG. 4, first a user or developer operates on a "wizard properties text entry area" in a configuration interface of a wizard component. The information that needs to be entered here includes, but is not limited to, the name of the guide node, serial number, parallel number, and the jump website pointed to by the guide node. Together, this information forms the basic attributes of the wizard node.

Information is then obtained, and it is understood that information herein includes, but is not limited to: guide node name information for determining a display name of each navigation item. The guide nodes are serially ordered information for determining the order of navigation items in the peer class. The guide nodes are used for ordering information in parallel and organizing the priority or the display sequence of navigation items among different groups. The guide jumps to the website for the specific page address to be redirected to when the user clicks on navigation.

Then, a plurality of guide nodes are automatically generated based on the information inputted by the user. Each node contains a name, ordering information and potentially a jump link, which forms the basic framework of the navigation structure. And for each generated guide node, determining the corresponding jump website, and finishing the binding between the node and the website. This means that when a user selects a certain navigation item on the interface, an operation of jumping to the web site can be accurately recognized and performed.

Finally, all the guide nodes 406 bound with the jump website are integrated into the navigation menu for presentation. The navigation menus not only provide clear guidance, but also directly associate service functions or information pages, thereby facilitating the user to quickly access the required service contents.

In an example, a code encapsulation guide component is adopted, guides can be configured in a page XML file (namely, extensible text), each guide node binds a service menu, front and back sequences are realized, front and back arrangement is carried out according to service requirements of different clients, different service requirements are adapted by supporting two modes of configuring sequence nodes and parallel nodes, independent operation instructions can be bound for the service menu on each node, the operation instructions can be configured and directly displayed on a page, or can be displayed in an icon mode, clicking and flicking are carried out, and a flicking operation instruction window can also be flexibly configured, a single browser page and the like. And the guide node not only supports the binding of the prior middle service menu page, but also supports the binding of other service pages, flexibly supports the service collaboration among different services, and skillfully opens barriers among the services.

In another example, the operational description component includes at least the following sections. Wherein, support the content: text, links, pictures. Content acquisition priority logic: the priority of the extended description is greater than that of the standard description (the client modifies the adjustment content, and can adjust in the extended description, so that the content display of the extended description is preferentially obtained, and the content of the extended client is not covered when the product updates or patches). Description of the matched assembly: after the configuration is completed, the operation instruction code is bound into the previous three components (the tab component, the navigation card component and the guide component) to display the content.

Due to the arrangement of serial and parallel ordering information, the logic and layering sense of the navigation menu are ensured, a user is helped to understand and browse the information more intuitively, and the navigation efficiency is improved. And by allowing the dynamic input of the guide attribute information, the navigation system can adapt to different navigation structure requirements, is easy to add, modify or delete guide nodes, and meets the change of business development.

In one exemplary embodiment, as shown in FIG. 5, steps 502 through 506 are included. Wherein:

Step 502, a configuration page is displayed, wherein the configuration page displays a plurality of configuration elements; wherein different configuration elements correspond to different component levels;

step 504, for each configuration element in the plurality of configuration elements, responding to a triggering operation for the current configuration element, and displaying an extensible configuration text corresponding to the component level corresponding to the current configuration element;

step 506, at least one of page signature title information, page signature ordering information and page signature skip website is obtained in response to page signature attribute information input operation for a page signature attribute text input area in the page signature component extensible configuration text; generating a plurality of tabs according to the tab signature name information and the tab ordering information; determining the page tab jump website corresponding to each page tab, and binding each page tab with the corresponding page tab jump website; displaying the tab bound with the tab jump website; responding to the navigation grouping attribute information input operation aiming at the navigation grouping attribute text input area, and obtaining at least one of navigation grouping name information, navigation grouping sequencing information, a tab to which the navigation grouping belongs and a navigation grouping skip website; generating a plurality of navigation groups according to the navigation group name information, the navigation group ordering information and the page tags to which the navigation groups belong; determining the navigation grouping jump website corresponding to each navigation grouping, and binding each navigation grouping with the corresponding navigation grouping jump website; displaying the navigation group bound with the navigation group jump website; responding to the navigation card attribute information input operation aiming at the navigation card attribute text input area in the expandable configuration text of the navigation card assembly, and obtaining at least one of navigation card name information, navigation card ordering information, navigation grouping to which the navigation card belongs and navigation card jump website; generating a plurality of navigation cards according to navigation card name information, navigation card ordering information and navigation grouping to which the navigation cards belong; determining the navigation card jump website corresponding to each navigation card, and binding each navigation card with the corresponding navigation card jump website; displaying the navigation card bound with the navigation card jump website; responding to the wizard attribute information input operation aiming at the wizard attribute text input area in the expandable configuration text of the wizard component, and obtaining at least one of wizard node name information, serial ordering information of wizard nodes, parallel ordering information of wizard nodes and wizard jump websites; generating a plurality of guide nodes according to the guide node name information, the guide node serial ordering information, the guide node parallel ordering information and the guide jump website; determining the corresponding guide jump website of each guide node, and binding each guide node with the corresponding guide jump website; and displaying the guide nodes bound with the guide jump websites, wherein the guide nodes are used for binding the service menu.

It should be understood that, although the steps in the flowcharts related to the above embodiments are sequentially shown as indicated by arrows, these steps are not necessarily sequentially performed in the order indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in the flowcharts described in the above embodiments may include a plurality of steps or a plurality of stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of the steps or stages is not necessarily performed sequentially, but may be performed alternately or alternately with at least some of the other steps or stages.

Based on the same inventive concept, the embodiment of the application also provides a page generating device for realizing the page generating method. The implementation of the solution provided by the device is similar to the implementation described in the above method, so the specific limitation in the embodiments of one or more page generating devices provided below may refer to the limitation of the page generating method hereinabove, and will not be repeated herein.

In an exemplary embodiment, as shown in fig. 6, there is provided a page generating apparatus 600, including: a first display module 602, a display module 604, and a second display module 606, wherein:

The first display module 602 is configured to display a configuration page, where the configuration page displays a plurality of configuration elements; wherein different configuration elements correspond to different component levels;

A display module 604, configured to, for each configuration element of the plurality of configuration elements, respond to a triggering operation for the current configuration element, and display an extensible configuration text corresponding to a component hierarchy corresponding to the current configuration element;

The second displaying module 606 is configured to respond to an information input operation for the expandable configuration text, and display, based on the expandable configuration text after the information is input, a page component corresponding to the component level corresponding to the current configuration element.

In one embodiment, the second display module 606 is configured to obtain at least one of page signature title information, page signature order information, and page signature skip website in response to a page signature attribute information input operation for a page signature attribute text input area in the page signature component extensible configuration text; generating a plurality of tabs according to the tab signature name information and the tab ordering information; determining the page tab jump website corresponding to each page tab, and binding each page tab with the corresponding page tab jump website; and displaying the tab bound with the tab jump website.

In one embodiment, the second presentation module 606 is configured to obtain at least one of navigation group name information, navigation group ordering information, a tab to which the navigation group belongs, and a navigation group skip website in response to a navigation group attribute information input operation for the navigation group attribute text input area; generating a plurality of navigation groups according to the navigation group name information, the navigation group ordering information and the page tags to which the navigation groups belong; determining the navigation grouping jump website corresponding to each navigation grouping, and binding each navigation grouping with the corresponding navigation grouping jump website; displaying the navigation group bound with the navigation group jump website; and responding to the navigation card attribute information input operation aiming at the navigation card attribute text input area, obtaining at least one of navigation card name information, navigation card sorting information, navigation groups to which the navigation card belongs and navigation card jump websites, and displaying the navigation card corresponding to each navigation group based on the navigation card name information, the navigation card sorting information, the navigation groups to which the navigation card belongs and the navigation card jump websites.

In one embodiment, the second display module 606 is configured to obtain at least one of navigation card name information, navigation card ordering information, navigation packets to which the navigation card belongs, and navigation card jump websites in response to a navigation card attribute information input operation for a navigation card attribute text input area in the navigation card component extensible configuration text; generating a plurality of navigation cards according to navigation card name information, navigation card ordering information and navigation grouping to which the navigation cards belong; determining the navigation card jump website corresponding to each navigation card, and binding each navigation card with the corresponding navigation card jump website; and displaying the navigation card bound with the navigation card jump website.

In one embodiment, the second display module 606 is configured to obtain at least one of wizard node name information, serial ordering information of wizard nodes, parallel ordering information of wizard nodes, and a wizard skip website in response to an input operation of the wizard attribute information for the wizard attribute text input area in the wizard component expandable configuration text; generating a plurality of guide nodes according to the guide node name information, the guide node serial ordering information, the guide node parallel ordering information and the guide jump website; determining the corresponding guide jump website of each guide node, and binding each guide node with the corresponding guide jump website; and displaying the guide nodes bound with the guide jump websites, wherein the guide nodes are used for binding the service menu.

The respective modules in the above-described page generating apparatus may be implemented in whole or in part by software, hardware, and combinations thereof. The above modules may be embedded in hardware or may be independent of a processor in the computer device, or may be stored in software in a memory in the computer device, so that the processor may call and execute operations corresponding to the above modules.

In one exemplary embodiment, a computer device is provided, which may be a server, the internal structure of which may be as shown in fig. 7. The computer device includes a processor, a memory, an Input/Output interface (I/O) and a communication interface. The processor, the memory and the input/output interface are connected through a bus, and the communication interface is connected to the bus through the input/output interface. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores operations, computer programs, and databases. The internal memory provides an environment for operation in a non-volatile storage medium and execution of the computer program. The database of the computer device is for storing data related to page generation. The input/output interface of the computer device is used to exchange information between the processor and the external device. The communication interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a page generation method.

It will be appreciated by those skilled in the art that the structure shown in FIG. 7 is merely a block diagram of some of the structures associated with the present inventive arrangements and is not limiting of the computer device to which the present inventive arrangements may be applied, and that a particular computer device may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.

In an embodiment, there is also provided a computer device comprising a memory and a processor, the memory having stored therein a computer program, the processor implementing the steps of the method embodiments described above when the computer program is executed.

In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored which, when executed by a processor, carries out the steps of the method embodiments described above.

In an embodiment, a computer program product is provided, comprising a computer program which, when executed by a processor, implements the steps of the method embodiments described above.

It should be noted that, the user information (including but not limited to user equipment information, user personal information, etc.) and the data (including but not limited to data for analysis, stored data, presented data, etc.) related to the present application are both information and data authorized by the user or sufficiently authorized by each party, and the collection, use and processing of the related data are required to meet the related regulations.

Those skilled in the art will appreciate that implementing all or part of the above-described methods in accordance with the embodiments may be accomplished by way of a computer program stored on a non-transitory computer readable storage medium, which when executed may comprise the steps of the embodiments of the methods described above. Any reference to memory, database, or other medium used in embodiments provided herein may include at least one of non-volatile memory and volatile memory. The nonvolatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical Memory, high density embedded nonvolatile Memory, resistive random access Memory (RESISTIVE RANDOM ACCESS MEMORY, reRAM), magneto-resistive Memory (Magnetoresistive Random Access Memory, MRAM), ferroelectric Memory (Ferroelectric Random Access Memory, FRAM), phase change Memory (PHASE CHANGE Memory, PCM), graphene Memory, and the like. Volatile memory can include random access memory (Random Access Memory, RAM) or external cache memory, and the like. By way of illustration, and not limitation, RAM can be in various forms such as static random access memory (Static Random Access Memory, SRAM) or dynamic random access memory (Dynamic Random Access Memory, DRAM), etc. The databases referred to in the embodiments provided herein may include at least one of a relational database and a non-relational database. The non-relational database may include, but is not limited to, a blockchain-based distributed database, and the like. The processor referred to in the embodiments provided in the present application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic unit, a data processing logic unit based on quantum computation, an artificial intelligence (ARTIFICIAL INTELLIGENCE, AI) processor, or the like, but is not limited thereto.

The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the present application.

The foregoing examples illustrate only a few embodiments of the application, which are described in detail and are not to be construed as limiting the scope of the application. It should be noted that it will be apparent to those skilled in the art that several variations and modifications can be made without departing from the spirit of the application, which are all within the scope of the application. Accordingly, the scope of the application should be assessed as that of the appended claims.

Claims (11)

1. A method of generating a page, the method comprising:

displaying a configuration page, wherein the configuration page displays a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

For each configuration element in the plurality of configuration elements, responding to a triggering operation for a current configuration element, and displaying extensible configuration text corresponding to a component level corresponding to the current configuration element;

and responding to the information input operation aiming at the extensible configuration text, and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

2. The method of claim 1, wherein the higher the component hierarchy to which the configuration element corresponds, the higher the hierarchy of the resulting page component generated based on the configuration element; for page components of adjacent levels, a page component of a lower level is used to provide access controls into a page component of a higher level.

3. The method of claim 2, wherein the plurality of configuration elements includes at least a first configuration element corresponding to a first component level, a second configuration element corresponding to a second component level, and a third configuration element corresponding to a third component level;

the extensible configuration text corresponding to the first component level is used for generating a tab; the extensible text corresponding to the second component level is used for generating a navigation card component positioned at the next level of the tab; the extensible text corresponding to the third component level is used to generate a wizard component at a next level of the navigation card component.

4. The method according to claim 1, wherein in the case that the component hierarchy corresponding to the current configuration element is the first hierarchy, the extensible text corresponding to the first hierarchy includes at least a tab attribute text input area;

The responding to the information input operation for the extensible configuration text displays the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after information input, and comprises the following steps:

Responding to the tab attribute information input operation aiming at a tab attribute text input area in the tab component extensible configuration text, and acquiring at least one of tab name information, tab ordering information and tab skip website;

Generating a plurality of tabs according to the page signature title information and the tab ordering information;

determining the page tab skip website corresponding to each page tab, and binding each page tab with the corresponding page tab skip website;

And displaying the tab bound with the tab jump website.

5. The method according to claim 1, wherein in the case that the component hierarchy corresponding to the current configuration element is a second hierarchy, the extensible text corresponding to the second hierarchy includes at least a navigation group attribute text input area and a navigation card attribute text input area;

The responding to the information input operation for the extensible configuration text displays the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after information input, and comprises the following steps:

Responding to the navigation grouping attribute information input operation aiming at the navigation grouping attribute text input area, and obtaining at least one of navigation grouping name information, navigation grouping sequencing information, a tab to which the navigation grouping belongs and a navigation grouping skip website;

Generating a plurality of navigation groups according to the navigation group name information, the navigation group ordering information and the page tags to which the navigation groups belong; determining the navigation grouping jump website corresponding to each navigation grouping, and binding each navigation grouping with the corresponding navigation grouping jump website;

Displaying the navigation group bound with the navigation group jump website;

And responding to the navigation card attribute information input operation aiming at the navigation card attribute text input area, obtaining at least one of navigation card name information, navigation card ordering information, navigation groups to which the navigation card belongs and navigation card jump websites, and displaying the navigation card corresponding to each navigation group based on the navigation card name information, the navigation card ordering information, the navigation groups to which the navigation card belongs and the navigation card jump websites.

6. The method according to claim 1, wherein in the case that the component hierarchy corresponding to the current configuration element is a second hierarchy, the extensible text corresponding to the second hierarchy includes at least a navigation card attribute text input area;

The responding to the information input operation for the extensible configuration text displays the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after information input, and comprises the following steps:

Responding to the navigation card attribute information input operation aiming at the navigation card attribute text input area in the extensible configuration text of the navigation card assembly, and obtaining at least one of navigation card name information, navigation card ordering information, navigation grouping to which the navigation card belongs and navigation card jump website;

Generating a plurality of navigation cards according to the navigation card name information, the navigation card ordering information and navigation grouping to which the navigation cards belong;

determining the navigation card jump website corresponding to each navigation card, and binding each navigation card with the corresponding navigation card jump website;

and displaying the navigation card bound with the navigation card jump website.

7. The method according to claim 1, wherein in the case that the component hierarchy corresponding to the current configuration element is a third hierarchy, the extensible text corresponding to the third hierarchy includes at least a guide attribute text input area;

The responding to the information input operation for the extensible configuration text displays the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after information input, and comprises the following steps:

Responding to the wizard attribute information input operation aiming at the wizard attribute text input area in the expandable configuration text of the wizard component, and obtaining at least one of wizard node name information, wizard node serial ordering information, wizard node parallel ordering information and wizard jump website;

generating a plurality of guide nodes according to the guide node name information, the guide node serial ordering information, the guide node parallel ordering information and the guide skip website;

Determining the corresponding guide jump website of each guide node, and binding each guide node with the corresponding guide jump website;

And displaying the guide nodes bound with the guide jump websites, wherein the guide nodes are used for binding the service menu.

8. A page generating apparatus, the apparatus comprising:

The first display module is used for displaying a configuration page, and the configuration page is displayed with a plurality of configuration elements; wherein different ones of the configuration elements correspond to different component levels;

The display module is used for responding to the triggering operation for the current configuration element for each configuration element in the plurality of configuration elements and displaying the extensible configuration text corresponding to the component level corresponding to the current configuration element;

And the second display module is used for responding to the information input operation for the extensible configuration text and displaying the page component corresponding to the component level corresponding to the current configuration element based on the extensible configuration text after the information is input.

9. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor implements the steps of the method of any of claims 1 to 7 when the computer program is executed.

10. A computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the steps of the method of any of claims 1 to 7.

11. A computer program product comprising a computer program, characterized in that the computer program, when being executed by a processor, implements the steps of the method of any of claims 1 to 7.