CN113535162A - Front-end interface configuration method, display method and device - Google Patents
Front-end interface configuration method, display method and deviceDownload PDFInfo
- Publication number
- CN113535162A CN113535162ACN202010307463.8ACN202010307463ACN113535162ACN 113535162 ACN113535162 ACN 113535162ACN 202010307463 ACN202010307463 ACN 202010307463ACN 113535162 ACN113535162 ACN 113535162A
- Authority
- CN
- China
- Prior art keywords
- configuration
- end interface
- background
- target object
- configuration options
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Translated fromChinese
Description
Technical Field
The present application relates to the field of software development, and in particular, to a front-end interface configuration method, a front-end interface display device, an electronic device, and a storage medium.
Background
In the process of software development, the front-end interface of the application program needs to be configured. In the related art, a developer usually embeds the code of the front-end interface into the source code of the application program while developing the application program, that is, configures the front-end interface in a hard-coded manner.
In practical application, due to the change of the logic rules of the application program or the change of the display requirements, the front-end interface needs to be reconfigured, and the front-end interface is obtained in a hard coding mode, so that the codes of the application program need to be changed to reconfigure the front-end interface, which brings great difficulty to the configuration process, and has complex operation and low efficiency.
Disclosure of Invention
In view of this, the present application provides a front-end interface configuration method, a display method and apparatus, an electronic device, and a storage medium, which get rid of the limitation of configuring a front-end interface in a hard-coded manner, so that a user can configure a front-end interface of an application program by himself.
In order to achieve the above purpose, the present application provides the following technical solutions:
according to a first aspect of the present application, a front-end interface configuration method is provided, including:
receiving a configuration instruction aiming at a front-end interface of a target object, wherein the configuration instruction comprises a background configuration option selected from a pre-established configuration option library, and the background configuration option is used for representing attribute information of the target object;
and storing the background configuration options into a background database, wherein the background configuration options stored in the background database are used for being converted into front-end configuration options when the front-end interface is opened, and the attribute information of the target object is displayed in the front-end interface.
According to a second aspect of the present application, a method for displaying a front-end interface is provided, including:
responding to a trigger instruction of a user for a front-end interface of a target object, acquiring a background configuration option which is stored in a background database and corresponds to the target object, wherein the background configuration option is obtained by responding to a configuration instruction for the front-end interface of the target object and is selected from a pre-established configuration option library; the background configuration option is used for representing attribute information of the target object;
and converting the background configuration option into a front-end configuration option, and presenting the front-end configuration option in the front-end interface to display the attribute information of the target object.
According to a third aspect of the present application, there is provided a front-end interface configuration apparatus, comprising:
the device comprises a receiving unit, a configuration unit and a processing unit, wherein the receiving unit is used for receiving a configuration instruction aiming at a front-end interface of a target object, the configuration instruction comprises a background configuration option selected from a pre-established configuration option library, and the background configuration option is used for representing attribute information of the target object;
and the storage unit is used for storing the background configuration options into a background database, and the background configuration options stored in the background database are used for being converted into front-end configuration options when the front-end interface is opened so as to display the attribute information of the target object in the front-end interface.
According to a fourth aspect of the present application, a front-end interface display device is provided, including:
the acquisition unit is used for responding to a trigger instruction of a user for a front-end interface of a target object, acquiring a background configuration option which is stored in a background database and corresponds to the target object, wherein the background configuration option is obtained by responding to a configuration instruction for the front-end interface of the target object and is selected from a pre-established configuration option library; the background configuration option is used for representing attribute information of the target object;
and the presentation unit is used for converting the background configuration options into front-end configuration options and presenting the front-end configuration options in the front-end interface so as to display the attribute information of the target object.
According to a fifth aspect of the present application, there is provided an electronic device comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor implements the method as in any of the above embodiments by executing the executable instructions.
According to a sixth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having stored thereon computer instructions which, when executed by a processor, implement the steps of the method as in any one of the above embodiments.
According to the technical scheme, the configuration option library is created in advance, and the configuration option library comprises background configuration options for representing attribute information of each object. When a user has a need of modifying the front-end interface of any object, a background configuration option matched with the need of the user can be selected from the configuration option library to reconfigure the front-end interface of any object. Then, under the condition of subsequently opening the front-end interface, the reconfigured background configuration option can be converted into the front-end configuration option, and further the attribute information of any object is displayed on the front-end interface according to the requirement of the user. Therefore, in the process of configuring the front-end interface, the user only needs to select the corresponding background configuration option from the configuration option library to complete the configuration of the front-end interface, and does not need to configure the front-end interface in a hard coding mode, so that the operation of reconfiguring the front-end interface by the user is effectively simplified, and the efficiency of reconfiguring the front-end interface is improved.
Drawings
Fig. 1 is a flowchart illustrating a front-end interface configuration method according to an exemplary embodiment of the present application.
Fig. 2 is a flowchart illustrating a front-end interface presentation method according to an exemplary embodiment of the present application.
Fig. 3 is a flowchart illustrating a method for configuring and presenting a front-end interface for a target object according to an exemplary embodiment of the present application.
Fig. 4 is an interface presentation diagram showing candidate configuration options according to an exemplary embodiment of the present application.
Fig. 5 is an interface presentation diagram showing another presentation candidate configuration option according to an exemplary embodiment of the present application.
Fig. 6 is a field editing interface presentation diagram according to an exemplary embodiment of the present application.
Fig. 7 is a front-end interface display diagram of a completed configuration according to an exemplary embodiment of the present application.
Fig. 8 is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present application.
Fig. 9 is a block diagram of a front-end interface configuration apparatus according to an exemplary embodiment of the present application.
Fig. 10 is a schematic structural diagram of another electronic device according to an exemplary embodiment of the present application.
Fig. 11 is a block diagram of a front-end interface display apparatus according to an exemplary embodiment of the present application.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, such information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present application. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
Fig. 1 illustrates a front-end interface configuration method according to an exemplary embodiment of the present application, where as shown in fig. 1, the method may include the following steps:
102, receiving a configuration instruction for a front-end interface of a target object, wherein the configuration instruction comprises a background configuration option selected from a pre-created configuration option library, and the background configuration option is used for representing attribute information of the target object.
In the related art, the front-end interface or the Web interface of the application is configured in a hard-coded manner, that is, the configuration information of the front-end interface needs to be directly embedded into the source code of the application or other executable objects. This not only requires a configuration person to have a strong professional knowledge, but also configuration efficiency is low.
Based on the reason, before the front-end interface is configured, a configuration option library is created in the configuration equipment in advance; candidate configuration options written by professionals in advance are stored in the configuration option library so that corresponding candidate configuration options can be selected based on different requirements in the process of configuring the front-end interface.
The candidate configuration options in the configuration option library may be divided into a plurality of categories according to different criteria. For example, in one case, the candidate configuration options may be divided into button types, field types, custom types, and the like. The button types may include: a new button, a delete button, an edit button, a modify button, etc.; the field types may include: text field, number field, amount field, time field, search field, single-choice option set, multiple-choice option set, etc.; and the custom field allows the user to define the display content. Of course, this example is only illustrative, and the classification of candidate configuration options in the configuration option library may be divided by those skilled in the art according to actual needs, and is not limited herein.
The configuration device may be a common electronic device, such as a PC, a notebook computer, a mobile terminal (smart phone, tablet computer), and other devices having a programming function. It should be understood that, as long as the electronic device can create the configuration option library in advance and can select configuration options from the configuration option library to perform front-end interface configuration, the electronic device may be used as the configuration device of the present application, and the present application is not limited thereto.
The front-end interface in the present application is configured for a target object, and the target object can be understood as: the object to be presented by the front-end interface configured by the user may be, for example: vehicle, customer, order, etc.; and the background configuration options selected from the configuration option library according to the configuration instructions selected by the user are used for representing the attribute information of the target object. Taking a vehicle as an example, the selected configuration options may represent various attributes of the vehicle, such as license plate number, tire model number, selling price, inventory, and the like. Of course, this example is only illustrative, and the content of the selection of the target object and the background configuration option is not specifically limited by the present application.
In the process of configuring the front-end interface by the user, a trigger instruction for configuring the front-end interface may be first sent to the configuration device, for example, the configuration device may present a button of a "configuration interface" to the user, and after the user clicks the button, the trigger instruction for configuring the front-end interface may be sent to the configuration device. After the configuration device receives a trigger instruction for configuring the front-end interface, a plurality of preset candidate configuration options in the configuration option library may be presented to the user, for example, candidate configuration options of the button type and the field type are presented to the user. At this time, the user can select background configuration options for the target object from the displayed candidate configuration options so as to send a selection instruction for a plurality of candidate configuration options to the configuration equipment; when the configuration device receives the selection instruction, the candidate configuration options indicated by the selection instruction can be determined as background configuration options for subsequently configuring the front-end interface of the target object.
Further, the user may also send a trigger instruction for configuring front-end interfaces of different objects to the configuration device, for example, the configuration device may set different "configuration buttons" for different objects, taking a vehicle, a customer, and an order as examples, the configuration device may provide three configuration buttons of "vehicle interface configuration", "customer interface configuration", and "order interface configuration", and when the user clicks the "vehicle interface configuration" button, the configuration device may determine that the user takes the "vehicle" as a target object; when the user clicks the "customer interface configuration" button, the configuration device may determine that the user targets "customer". Further, after determining the target object, the user may be presented with candidate configuration options related to the target object. Taking "vehicle" as an example, in this case, candidate configuration options related to "vehicle" may be presented to the user, for example, a money amount field, a text field, a number field, and the like, which can present vehicle attribute information, may be presented to the user. In other words, only the candidate configuration options related to the target object are displayed to the user in a mode of preferentially determining the target object, so that the range of the background configuration options selected by the user is narrowed based on the dimension of the object, the efficiency of the user for selecting the background configuration options is improved, and the efficiency of configuring the front-end interface is further improved.
Besides selecting the background configuration option from the configuration option library to configure the front-end interface, the user can also configure other contents by himself. For example, a specific value of a certain attribute of the target object may be configured, and taking "vehicle" as an example, if the user wants to show a specific selling price of a certain vehicle in the front-end interface, the specific selling price of the vehicle may be input in the corresponding editing interface after the selected "amount field", for example, "300000 dry"; if the user wants to display the license plate number of a certain vehicle in the front-end interface, the license plate number of the vehicle, such as Zhe AXXXX, can be input in the corresponding editing interface after the selected digital field is selected.
In addition, a target page layout template can be selected from the configuration option library, so that the background configuration options can be presented in the configured front-end interface according to the target page layout template after being converted into the front-end configuration options under the condition that the configured front-end interface is opened. In other words, a plurality of page layout templates can be created in the configuration option library of the present application in advance for the user to select. The page layout template in the present application can be understood as: a layout style of the configured page. The page layout template may specifically be: new pages, detail pages, edit pages, list pages, etc. Of course, this example is only illustrative, and those skilled in the art can determine the page layout template for the user to select according to actual requirements, which is not limited in the present application.
And 104, storing the background configuration options into a background database, wherein the background configuration options stored in the background database are used for being converted into front-end configuration options when the front-end interface is opened, so that the attribute information of the target object is displayed on the front-end interface.
After determining the background configuration options for characterizing the attribute information of the target object throughstep 102, the determined background configuration options may be saved to a background database for subsequent presentation of the attribute information of the target object in the configured front-end interface.
Since the background configuration options are stored in the background database and cannot be directly displayed in the front-end interface, when it is detected that the configured front-end interface is opened, the background configuration options need to be converted into the front-end configuration options, and the converted front-end configuration options are presented in the configured front-end interface to display the attribute information of the target object.
In one case, when the configured front-end interface is opened, the background configuration options that are converted into foreground configuration options may be presented in the configured front-end interface according to the target page layout template selected by the user instep 102.
In another case, the user is not required to select the target page layout template. A plurality of page layout templates can be preset in the display equipment of the front-end interface, and the mapping relation between each page layout template and the page characteristic information is stored at the same time. In this case, when the configured front-end interface is opened, the page feature information of the background configuration option may be preferentially determined, the target page layout template corresponding to the page feature information is determined according to the mapping relationship, and after the background configuration option is converted into the front-end configuration option, the front-end interface is presented according to the target page layout template. The page feature information may be determined in various ways, for example, the detail page generally includes the specific value of a certain attribute of the target object configured by the user, so that when the display device reads the specific value of the certain attribute, the "detail page" may be determined as the target page layout template, and the configured front-end interface is laid out according to the layout manner of the detail page. Of course, the above examples are only illustrative, and it should be understood that the page feature information refers to a characteristic feature of a certain page layout template, and those skilled in the art can determine the page feature information according to actual situations, which is not limited in the present application.
In addition, the dynamic information of the target object can be displayed in the configured front-end interface. The dynamic information can be directly configured in the configuration process; or the configured front-end interface is connected with a database or a webpage in which the dynamic information of the target object is stored, so that the dynamic information of the target object is acquired in real time and displayed in the configured front-end interface. Continuing with the "vehicle" example, when the user is a merchant, it can be shown in the configured front-end interface whether the vehicle has been sold. Of course, this example is only illustrative, and how to show the dynamic information of the vehicle can be determined by those skilled in the art according to actual needs, and the present application does not limit this.
It should be noted that, in the present application, the display device for the front-end interface and the configuration device for configuring the front-end interface may be the same device or different devices, and the present application does not limit this. For example, in the case that the configuration device and the display device are different devices, the configuration device may be a PC, and the display device may be a smartphone; in the case where the configuration device and the presentation device are the same device, the presentation device and the configuration device may be the same PC.
In the application, since the display is performed based on the background configuration options stored in the background database, only the background configuration options stored in the background database need to be adjusted when the display content of the front-end interface needs to be adjusted. The adjustment may include: adding a background configuration option, modifying the background configuration option, deleting the background configuration option and the like. Continuing with the example of "vehicle", if the front-end interface originally configured for the target object does not include the selling price information of the vehicle, that is, the background configuration option configured does not include a money amount field, or the included money amount field is not used for displaying the selling price information of the vehicle, at this time, a money amount field may be added to the background database to display the selling price information of the vehicle. Therefore, the front-end interface configured by the method has better expansibility, and can be correspondingly adjusted according to the change of actual requirements.
According to the technical scheme, a configuration option library is pre-created in the configuration equipment, and the configuration option library comprises background configuration options for representing attribute information of each object. Under the condition that a configurator needs to configure the front-end interface, the front-end interface of any object can be configured only by selecting the required background configuration option from the configuration option library. Under the mechanism, a configuration person does not need to have strong professional knowledge, so that a common user can configure the front-end interface by himself. And secondly, because the page does not need to be configured in a hard coding mode, the operation of configuring the front-end interface by a configurator is effectively simplified, and the efficiency of page configuration is improved.
Further, when the user has a need to modify the front-end interface of any object, a background configuration option matched with the need of the user can be selected from the configuration option library to reconfigure the front-end interface of any object. Then, in the case of subsequently opening the front-end interface, the reconfigured background configuration option may be converted into the front-end configuration option, and further, the attribute information of any object is displayed on the interface according to the user requirement. Therefore, in the process of reconfiguring the front-end interface, the user only needs to adjust the background configuration options of the configured front-end interface, and the reconfiguration of the front-end interface can be realized.
According to the method and the device, the corresponding page layout template can be determined according to the configuration content of the user, so that a configurator does not need to layout a front-end interface by self, and the efficiency of page configuration is further improved.
Fig. 2 is a front-end interface display method according to an exemplary embodiment of the present application, in which the principle of the technical solution is similar to that of the foregoing configuration method, and details of implementation, such as selection of a background configuration option, a front-end interface display process, and the like, may also refer to the foregoing embodiment, and therefore, detailed description is not described below. The method may comprise the steps of:
202, in response to a trigger instruction of a user for a front-end interface of a target object, obtaining a background configuration option corresponding to the target object and stored in a background database, wherein the background configuration option is obtained by selecting from a pre-created configuration option library in response to the configuration instruction for the front-end interface of the target object; the background configuration option is used for representing attribute information of the target object.
As described above, according to the configuration instruction of the user for the front-end interface of the target object, the corresponding candidate configuration option may be selected from the configuration option library to be saved as the background configuration option in the database. Wherein the candidate configuration options in the configuration option library may be presented to the user by the configuration device.
As described above, the configurator may also configure the content other than the configuration options according to the actual requirements, such as a specific value of a certain attribute of the target object, a page layout template, and the like.
As described above, in one case, when the configured front-end interface is opened, the background configuration option converted into the foreground configuration option may be presented in the configured front-end interface according to the target page layout template selected by the user. In another case, when the configured front-end interface is opened, the page feature information of the background configuration option may be preferentially determined, and the corresponding target page layout template may be determined according to the page feature information.
As described above, the display device for displaying the front-end interface and the configuration device for configuring the front-end interface may be the same device or different devices.
According to the technical scheme, when the user opens the front-end interface configured for the target object, the background configuration options stored in the background database can be read and converted into the front-end configuration options, and therefore the attribute information of the target object can be displayed in the configured front-end interface. Under the mechanism, when a user needs to adjust the display content of the front-end interface, the reconfiguration of the front-end interface can be realized only by adjusting the background configuration options stored in the background database based on the configuration options in the configuration option library. In other words, the front-end interface configured for the target object can be adjusted according to the change of the requirement, and the expansibility is good.
For convenience of understanding, the technical solution of the present application is described below by taking a vehicle as a target object, and a configuration device and a display device as the same device. For convenience of introduction, this same device is referred to as a "target device".
Fig. 3 is a front-end interface configuration and presentation method for a target object according to an exemplary embodiment of the present application. As can be seen from fig. 3, the method may comprise the following steps:
In this embodiment, the candidate configuration options preset in the configuration option library may be uploaded to the target device after the professional writes the corresponding codes.
In one case, upon receiving a configuration instruction from a user, the target device may present all configuration options in the configuration option library as candidate configuration options to the user. For example, a configuration interface such as that shown in FIG. 4 may be presented to a user. As shown in FIG. 4, the configuration interface presents the user with a plurality of candidate configuration option types, such as field type, button type, custom type, etc. (all appearing as buttons in the figure). After the user clicks the button corresponding to any type, the candidate configuration options which can be configured in the type can be further shown. As shown in FIG. 4, upon clicking on the field type button, a number of candidate configuration options such as "amount field," "number field," "text field," etc. may be presented.
In another case, the target device may present the user with a plurality of configuration buttons for different objects for the user to select which object to interface with and determine the object selected by the user as the target object. For example, the user may be presented with three options, "vehicle interface configuration," "customer interface configuration," and "order interface configuration," as shown in FIG. 5. After the user clicks the configuration button for any object, the candidate configuration options related to the object can be further presented. As in fig. 5, upon clicking the "vehicle configuration button," candidate configuration options related to the vehicle may be presented, such as field types including "amount field," "number field," "text field"; the button types include "delete button", "add button", "modify button".
The following takes the first case instep 301 as an example, and describes the technical solution of the present embodiment. After the candidate configuration options of any field type are shown to the user, the user can select the candidate configuration options so as to perform specific configuration on the selected candidate configuration options. For example, after clicking a button corresponding to the "text field," a field editing interface shown in fig. 6 is presented to the user, in the field editing interface, the selected field may be set, for example, taking "vehicle" as a target object, if the "text field" selected this time is used to represent a license plate number of the vehicle, the "text content" shown in fig. 6 may be set in the field compiling interface as: vehicle model ". Similarly, other candidate configuration options may be configured (including other candidate configuration options belonging to the same field type and candidate configuration options belonging to the same button type), and the specific process refers to the configuration of the "text field" and is not described herein again.
It is noted that the same candidate configuration option may be configured multiple times to meet the presentation requirements for different attributes of the target object. For example, "vehicle model", "tire specification", and the like are all configured by the "text field", and therefore, the "text field" may be selected multiple times to configure attribute information such as "vehicle model", "tire specification", and the like, respectively. In addition to the above attributes, other attributes of the target object may be configured, such as body color, inventory, date of delivery, vehicle attribution, network pricing, sale price, exhibition hall pricing, wholesale price, etc. in fig. 6, which may all be configured for the target object "vehicle"; functional buttons can also be set for the target object, such as buttons of 'delete vehicle button', 'edit vehicle button', 'view vehicle button' and the like can be set for the target object of the vehicle. Of course, this example is merely illustrative, and the present application is not limited thereto in particular.
Secondly, the specific value of the selected candidate configuration option can be set, if the selling price information of the vehicle is displayed, the price field can be set as' selling price: 300000 this "is used.
After a certain number of candidate configuration options are selected and configured, the configured candidate configuration options can be stored in a background database as background configuration options to be used for displaying the attribute information of the target object. It should be noted that the data model of the background configuration option is a background data model, and the structure of the background data model is inconsistent with the data model displayed at the front end. In general, data configured from the background, such as a background configuration option, is stored in a background database through a background service, and when a front-end interface is displayed, the data needs to be converted into a front-end data model corresponding to the front-end configuration option.
Instep 304, a start instruction for a front-end interface of the target object is detected.
In this embodiment, the target device may detect the start instruction of the user in various ways. For example, when the target device is configured with a touch screen, it may be determined that a start instruction for the front-end interface is detected when it is detected that a user touches a sensing area corresponding to a "start instruction" icon of the front-end interface; under the condition that the target device is operated by the mouse, when the mouse is detected to click the start button corresponding to the front-end interface, the start instruction for the front-end interface can be determined to be detected.
Since the background configuration option cannot be directly presented on the front-end interface, the background configuration option needs to be converted into the front-end configuration option to display the attribute information of the target object in the front-end interface configured for the target object.
In this embodiment, a plurality of page layout templates, such as a "new page layout template", an "edit page layout template", a "detail page layout template", and a "list page layout template", may be preset in the target device. Therefore, when the front-end interface configured for the target object is started, the target page layout template can be determined according to the page feature information of the background configuration options. Taking the "detail page" as an example, when the background configuration option is configured with the specific values described above, the "detail page" can be determined as the target page layout template. Of course, this example is only illustrative, and a person skilled in the art may set the page feature information corresponding to each page layout template according to actual requirements, which is not limited in the present application.
It should be noted that there is no problem in the execution order betweenstep 305 and step 306, that is, both steps can be executed in parallel or in series (the execution order betweenstep 305 and step 306 can be changed).
And 307, displaying the front-end configuration options according to the target page layout.
In this embodiment, the process of converting the background configuration option into the front-end configuration option may be implemented by rendering a field, for example, the configured field may be rendered and then displayed in the front-end interface.
After the background configuration options are converted into the front-end configuration options and the target page layout template is determined, the front-end configuration options can be displayed according to the target page layout template. Taking the edit page as an example, the finally displayed front-end interface configured for the target object of the vehicle may be as shown in fig. 7. Wherein, for example, the color of the car body can be selected in the form of a single option set, and a black triangle is clicked to display a drop-down box containing selectable colors.
In this embodiment, when the display requirement of the user for the target object changes, the user may adjust the configured front-end interface. Taking the newly added display content as an example, the user may select the background configuration option to be added through the configuration interface shown in fig. 4, for example, the user may select "text field" when the user needs to add the license plate information of the vehicle, and set the content of the text field as "license plate: XXXXX ".
The adjustment instruction may be sent in various ways, for example, an adjustment button is generated for each configured front-end interface, and a user may adjust the configured front-end interface by clicking the adjustment button. Of course, this example is only illustrative, and those skilled in the art can set the method according to the actual situation, and the present application does not limit this.
And 309, adjusting the background configuration options stored in the background database according to the adjustment instruction.
And 310, displaying a front-end interface configured for the target object according to the adjusted background configuration options.
It should be noted that, in this embodiment, it is only taken as an example that the configuration device and the display device are the same device, but in an actual situation, the execution devices in the three different stages may be the same device or different devices. For example, in the case where the execution devices in the three different stages are different devices, the configuration device may be a PC, the presentation device may be a smartphone, and the adjustment device may be a laptop.
According to the technical scheme, the configuration option library is created in advance, the configuration option library comprises background configuration options for representing attribute information of each object, and a user can select the background configuration options matched with the display requirements from the configuration option library according to the display requirements of the target object so as to configure the front-end interface of the target object.
Furthermore, the mapping relationship between the page layout template and the page feature information is preset in the application, the target device can determine the corresponding page layout template according to the background configuration option configured by the user, and the converted front-end configuration option is laid out according to the determined page layout template, so that the user does not need to lay out the background configuration option by himself, and the configuration efficiency is improved.
Furthermore, when the display requirement of the user for the target object changes, the background configuration options stored in the background database can be adjusted based on the background configuration options stored in the configuration option library, so that the display content of the front-end interface for the target object is adjusted. In other words, in the present application, the display content of the front-end interface can be dynamically changed according to the display requirement of the user.
FIG. 8 shows a schematic block diagram of an electronic device according to an exemplary embodiment of the present application. Referring to fig. 8, at the hardware level, the electronic device includes aprocessor 802, aninternal bus 804, anetwork interface 806, amemory 808, and anon-volatile memory 810, but may also include hardware required for other services. Theprocessor 802 reads a corresponding computer program from thenon-volatile memory 810 into thememory 808 and then runs the computer program to form a front-end interface configuration device on a logical level. Of course, besides the software implementation, the present application does not exclude other implementations, such as logic devices or a combination of software and hardware, and the like, that is, the execution subject of the following processing flow is not limited to each logic unit, and may also be hardware or logic devices.
Referring to fig. 9, in a software implementation, the front-end interface configuration apparatus may include:
a receivingunit 901, configured to receive a configuration instruction for a front-end interface of a target object, where the configuration instruction includes a background configuration option selected from a pre-created configuration option library, and the background configuration option is used to represent attribute information of the target object;
the savingunit 902 is configured to save the background configuration options into a background database, where the background configuration options saved in the background database are used to be converted into front-end configuration options when the front-end interface is opened, so as to display the attribute information of the target object on the front-end interface.
Optionally, the method further includes:
adisplay unit 903, configured to display a plurality of candidate configuration options preset in the configuration option library when a trigger instruction for configuring the front-end interface is detected;
the receiving a configuration instruction for a front-end interface of a target object comprises: and receiving a selection instruction aiming at the candidate configuration options, and taking the candidate configuration options indicated by the selection instruction as the background configuration options.
Optionally, the front-end configuration option is presented in the front-end interface according to a target page layout template when the front-end interface is opened, where the target page layout template corresponds to the page feature information of the background configuration option.
FIG. 10 shows a schematic block diagram of an electronic device according to an exemplary embodiment of the present application. Referring to fig. 10, at the hardware level, the electronic device includes aprocessor 1002, aninternal bus 1004, anetwork interface 1006, amemory 1008, and anon-volatile memory 1010, but may also include hardware required for other services. Theprocessor 1002 reads the corresponding computer program from thenon-volatile memory 1010 to thememory 1008 and then runs the computer program to form a front-end interface presentation device on a logical level. Of course, besides the software implementation, the present application does not exclude other implementations, such as logic devices or a combination of software and hardware, and the like, that is, the execution subject of the following processing flow is not limited to each logic unit, and may also be hardware or logic devices.
Referring to fig. 11, in a software implementation, the front-end interface display apparatus may include:
the acquiringunit 1101 is configured to, in response to a trigger instruction of a user for a front-end interface of a target object, acquire a background configuration option corresponding to the target object, which is stored in a background database, where the background configuration option is obtained by selecting from a pre-created configuration option library in response to a configuration instruction for the front-end interface of the target object; the background configuration option is used for representing attribute information of the target object;
thepresentation unit 1102 is configured to convert the background configuration option into a front-end configuration option, and present the front-end configuration option in the front-end interface to show the attribute information of the target object.
Optionally, the background configuration options stored in the background database are determined by a selection instruction for a plurality of candidate configuration options preset in the configuration option library.
Optionally, the method further includes:
a determiningunit 1103, configured to extract page feature information of the background configuration option, and determine a target page layout template corresponding to the page feature information;
the presenting the front-end configuration options in the front-end interface includes: and presenting the front-end configuration options in the front-end interface according to the target page layout template.
The implementation process of the functions and actions of each unit in the above device is specifically described in the implementation process of the corresponding step in the above method, and is not described herein again.
For the device embodiments, since they substantially correspond to the method embodiments, reference may be made to the partial description of the method embodiments for relevant points. The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the scheme of the application. One of ordinary skill in the art can understand and implement it without inventive effort.
In an exemplary embodiment, there is also provided a non-transitory computer readable storage medium, e.g. a memory, comprising instructions executable by a processor of a front end interface configuration/presentation apparatus to implement a method as described in any of the above embodiments, such as the method may comprise: receiving a configuration instruction aiming at a front-end interface of a target object, wherein the configuration instruction comprises a background configuration option selected from a pre-established configuration option library, and the background configuration option is used for representing attribute information of the target object; and storing the background configuration options into a background database, wherein the background configuration options stored in the background database are used for being converted into front-end configuration options when the front-end interface is opened, so that the attribute information of the target object is displayed on the front-end interface.
The non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc., which is not limited in this application.
The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the scope of protection of the present application.
Claims (10)
Translated fromChinesePriority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010307463.8ACN113535162A (en) | 2020-04-17 | 2020-04-17 | Front-end interface configuration method, display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010307463.8ACN113535162A (en) | 2020-04-17 | 2020-04-17 | Front-end interface configuration method, display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113535162Atrue CN113535162A (en) | 2021-10-22 |
Family
ID=78123421
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010307463.8APendingCN113535162A (en) | 2020-04-17 | 2020-04-17 | Front-end interface configuration method, display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113535162A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114756233A (en)* | 2022-04-30 | 2022-07-15 | 杭州石原子科技有限公司 | a low-code platform |
| CN116700725A (en)* | 2023-08-04 | 2023-09-05 | 太平金融科技服务（上海）有限公司 | Page generation method, page generation device, computer device, storage medium and program product |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100182265A1 (en)* | 2009-01-09 | 2010-07-22 | Samsung Electronics Co., Ltd. | Mobile terminal having foldable display and operation method for the same |
| CN102637184A (en)* | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| CN106648630A (en)* | 2016-12-01 | 2017-05-10 | 北京趣拿软件科技有限公司 | Page obtaining method and device |
| CN107391114A (en)* | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | The page visualizes rendering intent and device |
| CN107506193A (en)* | 2017-08-18 | 2017-12-22 | 平安科技（深圳）有限公司 | A kind of development approach of subsystem page, storage medium and server |
| CN108762760A (en)* | 2018-05-25 | 2018-11-06 | 中国平安人寿保险股份有限公司 | Software interface customizing method, device, computer equipment and storage medium |
| CN108959361A (en)* | 2018-05-17 | 2018-12-07 | 腾讯音乐娱乐科技（深圳）有限公司 | The method and apparatus of list management |
| CN109614100A (en)* | 2018-10-26 | 2019-04-12 | 阿里巴巴集团控股有限公司 | Page display method, device, server, front end and storage medium |
| CN110058856A (en)* | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN110442336A (en)* | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | A kind of web development methods and device, storage medium and electronic equipment |
| US20210263564A1 (en)* | 2018-06-29 | 2021-08-26 | Huawei Technologies Co., Ltd. | Display Method for Flexible Display, and Terminal |
| US20220057866A1 (en)* | 2019-01-11 | 2022-02-24 | Huawei Technologies Co., Ltd. | Display Method and Related Apparatus |
| CN116185248A (en)* | 2022-11-29 | 2023-05-30 | 华为技术有限公司 | Window display method and related equipment |
- 2020
- 2020-04-17CNCN202010307463.8Apatent/CN113535162A/enactivePending
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100182265A1 (en)* | 2009-01-09 | 2010-07-22 | Samsung Electronics Co., Ltd. | Mobile terminal having foldable display and operation method for the same |
| CN102637184A (en)* | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| CN106648630A (en)* | 2016-12-01 | 2017-05-10 | 北京趣拿软件科技有限公司 | Page obtaining method and device |
| CN107391114A (en)* | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | The page visualizes rendering intent and device |
| CN107506193A (en)* | 2017-08-18 | 2017-12-22 | 平安科技（深圳）有限公司 | A kind of development approach of subsystem page, storage medium and server |
| CN108959361A (en)* | 2018-05-17 | 2018-12-07 | 腾讯音乐娱乐科技（深圳）有限公司 | The method and apparatus of list management |
| CN108762760A (en)* | 2018-05-25 | 2018-11-06 | 中国平安人寿保险股份有限公司 | Software interface customizing method, device, computer equipment and storage medium |
| US20210263564A1 (en)* | 2018-06-29 | 2021-08-26 | Huawei Technologies Co., Ltd. | Display Method for Flexible Display, and Terminal |
| CN109614100A (en)* | 2018-10-26 | 2019-04-12 | 阿里巴巴集团控股有限公司 | Page display method, device, server, front end and storage medium |
| US20220057866A1 (en)* | 2019-01-11 | 2022-02-24 | Huawei Technologies Co., Ltd. | Display Method and Related Apparatus |
| CN110058856A (en)* | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN110442336A (en)* | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | A kind of web development methods and device, storage medium and electronic equipment |
| CN116185248A (en)* | 2022-11-29 | 2023-05-30 | 华为技术有限公司 | Window display method and related equipment |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114756233A (en)* | 2022-04-30 | 2022-07-15 | 杭州石原子科技有限公司 | a low-code platform |
| CN116700725A (en)* | 2023-08-04 | 2023-09-05 | 太平金融科技服务（上海）有限公司 | Page generation method, page generation device, computer device, storage medium and program product |
| CN116700725B (en)* | 2023-08-04 | 2023-10-31 | 太平金融科技服务（上海）有限公司 | Page generation method, page generation device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| TWI460648B (en) | Ranking visualization types based upon fitness for visualizing a data set | |
| US10592211B2 (en) | Generation of application behaviors | |
| CN108345456A (en) | Page code generation method, device, computer equipment and storage medium | |
| CN110968309A (en) | Template generation method and device, electronic equipment and storage medium | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| JP4812337B2 (en) | Method and apparatus for generating a form using a form type | |
| CN114564252A (en) | A low-code platform event configuration method, system, device and medium | |
| US11693873B2 (en) | Systems and methods for using entity/relationship model data to enhance user interface engine | |
| JP2019506645A (en) | Page construction method, terminal, storage medium, and page construction device | |
| CN107562710B (en) | A chart processing device and method | |
| CN113760282A (en) | Configuration method, device, equipment, medium and program product of form interface | |
| CN112825038B (en) | Visual page manufacturing method based on general component language specification and related products | |
| CN115438113A (en) | Parameter management method and device, electronic equipment and storage medium | |
| CN113535162A (en) | Front-end interface configuration method, display method and device | |
| US10409575B2 (en) | System and method for developing software applications of wearable devices | |
| CN112579664A (en) | Processing method and device for chart linkage | |
| CN116304442A (en) | Page code generation method and device, electronic equipment and storage medium | |
| CN116204267B (en) | Method and device for generating intellectual property flow form | |
| US9214136B1 (en) | Highlighting an object in a display using a dynamically generated highlight object | |
| CN117634484A (en) | Method, device and equipment for determining commodity structured information | |
| US20140157105A1 (en) | Methods and systems for creating custom digital publications | |
| CN117954002B (en) | Method, device and medium for displaying molecular pair relation | |
| CN114237469B (en) | Control method, device and processor for graphic erasing | |
| CN115455876B (en) | Method for debugging logic system design and electronic equipment | |
| CN116382691B (en) | A method for generating display code for a front-end control library |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | Application publication date:20211022 | |
| RJ01 | Rejection of invention patent application after publication |