[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

CN115185513A - Interface updating method and device, storage medium and computer equipment - Google Patents

Interface updating method and device, storage medium and computer equipment Download PDF

Info

Publication number
CN115185513A
CN115185513A CN202210812627.1A CN202210812627A CN115185513A CN 115185513 A CN115185513 A CN 115185513A CN 202210812627 A CN202210812627 A CN 202210812627A CN 115185513 A CN115185513 A CN 115185513A
Authority
CN
China
Prior art keywords
interface
layout
editing
editor
updated
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
Application number
CN202210812627.1A
Other languages
Chinese (zh)
Inventor
吴胜
刘养柱
陈光全
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An International Financial Leasing Co Ltd
Original Assignee
Ping An International Financial Leasing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ping An International Financial Leasing Co Ltd filed Critical Ping An International Financial Leasing Co Ltd
Priority to CN202210812627.1A priority Critical patent/CN115185513A/en
Publication of CN115185513A publication Critical patent/CN115185513A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/60Software deployment
    • G06F8/65Updates
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Human Computer Interaction (AREA)
  • Document Processing Apparatus (AREA)

Abstract

The invention discloses an interface updating method and device, a storage medium and computer equipment, relates to the technical field of Internet development, and mainly aims to solve the problem of poor updating efficiency of the existing interface. The method mainly comprises the following steps: loading an interface layout editor corresponding to each interface from a server, wherein editing interfaces bound by different page elements are configured in the interface layout editor; obtaining a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing of page elements; adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor; and assembling the interface based on the adjusted target page elements to obtain an updated interface.

Description

Interface updating method and device, storage medium and computer equipment
Technical Field
The present invention relates to the field of internet development technologies, and in particular, to an interface updating method and apparatus, a storage medium, and a computer device.
Background
With the diversified development of Application programs (APPs), the interface requirements of users on the APPs (APPs) become more and more flexible, and after an interface is manufactured, the interface is usually updated and configured based on various requirements.
At present, in the process of developing an interface of an application program APP, a change of a page layout is a main reason for updating an engine interface, and generally, version development needs to be performed again according to the page layout, and regression testing, service auditing and other processes are performed, so that a large amount of time, manpower and material resources are consumed, and the updating efficiency of the application program APP interface in the development process is greatly reduced.
Disclosure of Invention
In view of the above, the present invention provides an interface updating method and apparatus, a storage medium, and a computer device, and mainly aims to solve the problem of poor interface updating efficiency in the prior art.
According to an aspect of the present invention, there is provided an interface updating method, including:
loading an interface layout editor corresponding to each interface from a server, wherein editing interfaces bound by different page elements are configured in the interface layout editor;
acquiring a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing on page elements;
adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor;
and assembling the interface based on the adjusted target page elements to obtain an updated interface.
Further, the loading, from the server, the interface layout editor corresponding to each interface includes:
when an update instruction triggered to a target interface is detected, sending an interface layout editor loading request to the server, so that the server issues an interface layout editor matched with the target interface;
and responding to an interface layout editing request response issued by the server, and loading an interface layout editor of the target interface, wherein an editing interface in the interface layout editor is configured in the server and matched with an interface in a preset page layout editing range.
Further, the adjusting, through an editing interface in the interface layout editor, the target page element matched with the layout object includes:
determining at least one item of target page element matched with the layout object, and calling layout interface parameters of the target page element through the editing interface;
and adjusting the layout interface parameters according to the layout editing content of the layout object.
Further, the obtaining the layout object to be updated includes:
receiving a layout editing instruction triggered by a user, and determining a layout object according to layout operation behavior information carried in the layout editing instruction, wherein the layout operation behavior information is action content of layout updating operation performed on a target interface by the user.
Further, before the adjusting, through an editing interface in the interface layout editor, the target page element matched with the layout object, the method further includes:
when the layout operation behavior is verified to pass the legal verification according to the layout updating legal behavior mapping relation, analyzing whether the layout objects determined based on the layout operation behavior information contain abnormal layout objects or not;
and if the layout object comprises an abnormal layout object, deleting the abnormal layout object, and taking the layout object with the abnormal layout object deleted as the layout object to be adjusted.
Further, the interface layout editor includes multiple interface layout sub-editors, each editing interface corresponds to one interface layout sub-editor, and the assembling of the interface based on the adjusted target page element to obtain an updated interface includes:
acquiring a page element assembling constraint strategy, wherein the page element assembling constraint strategy is used for representing an assembling mode matched with different service requirement information;
and according to the page element splicing constraint strategy, performing interface arrangement and splicing on the target page elements adjusted based on each interface layout sub-editor to obtain an updated interface.
Further, the interface arrangement and assembly of the target page elements adjusted based on each interface layout sub-editor according to the page element assembly constraint strategy to obtain an updated interface includes:
if the element arrangement positions of the target page elements are matched with the page element assembling constraint strategy, assembling according to the element arrangement positions of the target page elements to obtain an updated interface;
and if the element arrangement position of the target page element is not matched with the page element assembling constraint strategy, assembling the target page element according to the preset arrangement position corresponding to the page element assembling strategy to obtain an updated interface.
According to another aspect of the present invention, there is provided an interface updating apparatus, including:
the loading module is used for loading an interface layout editor corresponding to each interface from a server, and editing interfaces bound by different page elements are configured in the interface layout editor;
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a layout object to be updated, and the layout object is used for representing the content expected to perform layout editing on page elements;
the adjusting module is used for adjusting the target page elements matched with the layout objects through an editing interface in the interface layout editor;
and the assembling module is used for assembling the interface based on the adjusted target page element to obtain an updated interface.
Further, the loading module is specifically configured to send an interface layout editor loading request to the server after an update instruction triggered on a target interface is detected, so that the server issues an interface layout editor matched with the target interface; and responding to an interface layout editing request response issued by the server, and loading an interface layout editor of the target interface, wherein an editing interface in the interface layout editor is configured in the server and matched with an interface in a preset page layout editing range.
Further, the adjusting module is specifically configured to determine at least one target page element that matches the layout object, and call a layout interface parameter of the target page element through the editing interface; and adjusting the layout interface parameters according to the layout editing content of the layout object.
Further, the obtaining module is specifically configured to receive a layout editing instruction triggered by a user, and determine a layout object according to layout operation behavior information carried in the layout editing instruction, where the layout operation behavior information is an action content of a user performing a layout updating operation on a target interface.
Further, the apparatus further comprises:
the analysis module is used for analyzing whether the layout object determined based on the layout operation behavior information contains an abnormal layout object or not when the layout operation behavior passes the legal verification according to the layout updating legal behavior mapping relation;
and the deleting module is used for deleting the abnormal layout object if the layout object comprises the abnormal layout object, and taking the layout object with the abnormal layout object deleted as the layout object to be adjusted.
Furthermore, the interface layout editor comprises a plurality of interface layout sub-editors, each editing interface corresponds to one interface layout sub-editor, and the assembling module is specifically configured to obtain a page element assembling constraint policy, where the page element assembling constraint policy is used to represent assembling modes for matching different service requirement information; and according to the page element splicing constraint strategy, performing interface arrangement and splicing on the target page elements adjusted based on each interface layout sub-editor to obtain an updated interface.
Further, the assembling module is specifically configured to, if the element arrangement positions of the target page elements are matched with the page element assembling constraint policy, assemble the target page elements according to the element arrangement positions of the target page elements to obtain an updated interface; and if the element arrangement position of the target page element is not matched with the page element assembling constraint strategy, assembling the target page element according to a preset arrangement position corresponding to the page element assembling strategy to obtain an updated interface.
According to another aspect of the present invention, a storage medium is provided, where at least one executable instruction is stored in the storage medium, and the executable instruction causes a processor to perform an operation corresponding to the method for updating an interface.
According to still another aspect of the present invention, there is provided a computer apparatus including: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface are communicated with each other through the communication bus;
the memory is used for storing at least one executable instruction, and the executable instruction enables the processor to execute the operation corresponding to the interface updating method.
By means of the technical scheme, the technical scheme provided by the embodiment of the invention at least has the following advantages:
the invention provides an interface updating method and device, a storage medium and computer equipment, compared with the prior art, the embodiment of the invention loads an interface layout editor corresponding to each interface from a server, and the interface layout editor is provided with editing interfaces bound by different page elements; acquiring a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing on page elements; adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor; and performing interface assembly based on the adjusted target page elements to obtain an updated interface, greatly reducing the consumption of manpower and material resources for editing and updating the interface, saving the interface layout time, meeting the autonomous operation requirements of different users on interface layout, dynamically updating the interface in real time, and avoiding repeated interface development and test processes, thereby improving the updating and editing efficiency in the interface development process.
The above description is only an overview of the technical solutions of the present invention, and the present invention can be implemented in accordance with the content of the description so as to make the technical means of the present invention more clearly understood, and the above and other objects, features, and advantages of the present invention will be more clearly understood.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
fig. 1 is a flowchart illustrating an interface updating method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of an interface layout provided by an embodiment of the invention;
FIG. 3 is a flow chart of another interface updating method provided by the embodiment of the invention;
FIG. 4 is a flow chart of a method for updating an interface according to another embodiment of the present invention;
FIG. 5 is a flow chart of a method for updating an interface according to an embodiment of the present invention;
FIG. 6 is a block diagram illustrating an interface updating apparatus according to an embodiment of the present invention;
fig. 7 shows a schematic structural diagram of a computer device according to an embodiment of the present invention.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
In the process of developing the interface of the application program APP, the change of the page layout is the main reason for updating the engine interface, and generally, the page layout needs to be redeployed and developed according to the page layout, and the processes of regression testing, business auditing and the like are performed, so that a large amount of time, manpower and material resources are consumed, and the updating efficiency of the application program APP interface in the development process is greatly reduced. An embodiment of the present invention provides an interface updating method, as shown in fig. 1, the method includes:
101. and loading the interface layout editors corresponding to the interfaces from the server.
In the embodiment of the invention, when a user triggers to update an application program APP interface, the client serving as the current execution end loads the interface layout editors corresponding to the interfaces from the server, and at this time, the interface layout editors are configured with editing interfaces bound by different page elements, so that the page elements in the interfaces are edited and updated based on the editing interfaces. The page elements are style elements forming interface content, including but not limited to text boxes, picture boxes, floating windows, title bars, website links associated with other webpages, and the like, so that APP interfaces with different styles are formed on the basis of the combination of the page elements.
It should be noted that, in the embodiment of the present invention, because different APP applications are developed and manufactured through the server, when editing is performed on an APP interface, an interface layout editor is configured for the APP interface that has been preliminarily configured, and an editing interface of different page elements with fixed styles or flexible style configuration permissions is configured in the editor, so that the client loads the APP interface when needing to update the interface, and updates the interface through the editing interface.
102. And obtaining a layout object to be updated.
In the embodiment of the present invention, the layout object to be updated is an object that a user expects to update the interface, and may include, but is not limited to, the number of page elements, the content of the page elements, the style layout of the page elements, and the like, so as to present a new interface layout. For example, the layout objects include the primary heading text, the secondary heading text, the Url link of the Icon picture, the background image or background color of the entire UI interface component, the UI interface attribute of the primary heading text (including information such as font size, text color, whether bold, etc.), the UI attribute of the secondary heading text (including information such as font size, text color, whether bold, etc.), the location (right side or left side) of the con picture, the path of the jump page after the UI interface component clicks, etc.
It should be noted that the obtaining of the layout object may be based on a trigger entry of a user, may also be based on a trigger configuration option of the user in the APP for matching, and may also be invoked for a service flow node executed by the APP.
103. And adjusting the target page elements matched with the layout objects through an editing interface in the interface layout editor.
In the embodiment of the invention, after the layout object is determined, the target page element matched with the layout object is adjusted through the editing interface of the interface layout editor, namely the target page element is adjusted according to the layout object. The target page element is a page element which is expected to be edited and updated, and corresponds to the layout object, and the target page element may be one or multiple, so that the interface style is integrally edited and updated. As shown in fig. 2, the displayed interface layout is not particularly limited to page elements.
For example, if the layout object is the bold-faced text of the main title element, the bold-faced text of the main title element is adjusted through the editing interface of the main title element in the interface layout editor.
In the embodiment of the invention, the UI of the application APP is defined based on a user interface toolkit Flutter, json data can be defined, different data types represent different UI components, at the moment, the UI components are page elements representing different interface styles, the attribute configuration of the UI components including clicking behaviors and the like can be supported, and page structure json data is requested from the back end during page loading, so that an interface layout editor is constructed. In the interface layout editor, different editing interfaces can be configured for different page elements, so that different page elements can be edited and updated conveniently.
104. And assembling the interface based on the adjusted target page elements to obtain an updated interface.
In the embodiment of the invention, as the number of the target page elements can be one or more, in order to completely display the interface, after the target page elements are adjusted aiming at the layout object, the adjusted target page elements are subjected to interface splicing to obtain an updated interface, so that the interface updating processing flow is simplified.
It should be noted that, the current execution end is a client, and the interface in the embodiment of the present invention is suitable for different service scenarios, including but not limited to services such as medical insurance, product transaction, and the like, so that the interface can be spliced according to different service scenarios in the process of splicing the interface, thereby meeting the display requirements of different service scenarios.
In another embodiment of the present invention, for further limitation and description, as shown in fig. 3, the step of loading the interface layout editor corresponding to each interface from the server includes:
201. when an update instruction triggered to a target interface is detected, sending an interface layout editor loading request to the server;
202. and responding to an interface layout editing request response issued by the server, and loading the interface layout editor of the target interface.
In the embodiment of the invention, in order to meet the interface editing and updating requirements of a user, aiming at an APP interface configured in a server, after the user determines a target interface needing to be edited and updated, an updating instruction of the target interface is triggered, and after a current execution end detects the updating instruction, an interface layout editor loading request is sent to the server, so that the server issues an interface layout editor matched with the target interface. The interface editor is an editing interface configured for different page elements when the APP interface is configured in the server, so that the content of the page elements is directly edited and updated based on the editing interface, namely, the number, the content, the style layout and the like of the page elements are edited and updated.
And after the server side issues an interface layout editing request response, the current execution side responds to the request response and loads the interface layout editor of the target interface, and different interface layout editors can be configured in advance for different target interfaces. The editing interface in the interface layout editor is configured in the server and is matched with an interface of a preset page layout editing range, namely the editing interface is used for editing page elements which can be edited in the interface, and at the moment, the editing updating range of the interface is limited by configuring the page layout editing range in advance. Specifically, the preset page layout editing range may be configured at the server, for example, the main banner page element is configured with a corresponding editing interface to indicate that the main banner page element is editable and updatable, and the subtitle page element is not configured with a corresponding editing interface to indicate that the subtitle page element is not editable and updatable.
In another embodiment of the present invention, for further definition and explanation, the step of adjusting, through an editing interface in the interface layout editor, a target page element that matches the layout object includes:
determining at least one item of target page element matched with the layout object, and calling layout interface parameters of the target page element through the editing interface;
and adjusting the layout interface parameters according to the layout editing content of the layout object.
In the embodiment of the present invention, in order to implement effective editing and updating of the target page element, when the target page element is adjusted through the editing interface, specifically, at least one target page element matched with the layout object is determined first, so as to invoke the layout interface parameter of the target page element. The editing interface configured by the server is connected to the layout interface parameters, that is, each page element is configured through the layout interface parameters, for example, the page element is a picture bar and is used for displaying a plurality of pictures, and at this time, the layout styles of the positions, the sizes and the like of the pictures on the page are configured through the layout interface parameters, so that the page elements are adjusted by connecting the editing interface to the layout interface parameters. After the layout interface parameters are called, the layout interface parameters are adjusted according to the obtained specific layout editing content of the layout object, such as the content of the specific character adjusting font, size, color and the like, so that the editing and updating of the target page elements are completed.
In another embodiment of the present invention, for further limitation and description, the step of obtaining the layout object to be updated includes: receiving a layout editing instruction triggered by a user, and determining a layout object according to layout operation behavior information carried in the layout editing instruction.
In order to accurately acquire the layout object, in a specific application scenario, a user may perform a layout operation through a front-end interface to determine the layout object. The current execution end receives a layout editing instruction triggered by a user, and determines a layout object according to layout operation behavior information carried in the layout editing instruction, wherein the layout operation behavior information is action content of layout updating operation performed on a target interface by the user, and the layout operation behavior information includes but is not limited to page element dragging, page element expanding or page element shrinking and the like, so that the layout object is determined based on the layout operation behavior information.
It should be noted that, in the process of determining the layout object based on the layout operation behavior information, the determination may be specifically performed in combination with operation behavior recognition in the front-end screen, for example, operation behavior recognition on a touch screen, so as to analyze the layout object from the layout operation behavior information, which is not specifically limited in the embodiment of the present invention.
For example, after clicking a picture element on a screen, a user moves the page position, identifies the moved position distance in the current execution end movement behavior, and obtains the position distance of a layout object which is the picture element, so that the layout interface parameters, namely the position parameters, of the picture element are adjusted according to the position distance, and the editing and updating of the picture in the interface are completed.
In another embodiment of the present invention, for further definition and explanation, as shown in fig. 4, before the step of adjusting the target page element matching the layout object through an editing interface in the interface layout editor, the method further includes:
301. when the layout operation behavior is verified to pass the legal verification according to the layout updating legal behavior mapping relation, analyzing whether the layout objects determined based on the layout operation behavior information contain abnormal layout objects or not;
302. and if the layout object comprises an abnormal layout object, deleting the abnormal layout object, and taking the layout object with the abnormal layout object deleted as the layout object to be adjusted.
In the embodiment of the invention, in order to ensure that the interface is edited and updated according to the interface layout requirement, so as to determine the effectiveness of the interface layout updating and editing, after a user executes the layout operation behavior, the layout operation behavior is verified according to the layout updating legal behavior mapping relation, so as to ensure that the layout operation behavior meets the layout requirement in the interface. The layout updating legal behavior mapping relationship includes a corresponding relationship between different layout operation behaviors and whether different page elements can be updated or not, for example, the size of the main header element cannot be updated or edited through the layout operation behaviors, so that when the size of the main header element is reduced by a user, legal verification cannot be passed, that is, an illegal operation behavior. And after passing the legal verification, analyzing the layout object corresponding to the layout operation behavior information, and judging whether the layout object contains an abnormal layout object, namely, configuring the abnormal layout object in advance to limit that some editing and updating are illegal. The abnormal layout objects can be, but are not limited to, the size of a page element when the size of the picture exceeds the size of the full-screen interface, the size of a text element when the size of a subtitle element exceeds the size of a text element when the size of a main subtitle element, and the like, so that the interface editing and updating can be more in line with business requirements and interface display requirements.
If the layout object includes an abnormal layout object, it indicates that the abnormal layout object cannot be used as an interface to edit updated content, and therefore, the abnormal layout object is deleted, and the layout object from which the abnormal layout object is deleted is used as the layout object to be adjusted.
In another embodiment of the present invention, for further limitation and description, as shown in fig. 5, the interface layout editor includes a plurality of interface layout sub-editors, each of the editing interfaces corresponds to one interface layout sub-editor, and the step of performing interface assembly based on the adjusted target page element obtains an updated interface, where the interface includes:
401. acquiring a page element splicing constraint strategy;
402. and according to the page element assembling constraint strategy, performing interface arrangement and assembly on the target page elements adjusted based on each interface layout sub-editor to obtain an updated interface.
In the embodiment of the present invention, the interface layout editor loaded from the server in the current execution end may include multiple interface layout sub-editors, so that when the interface editing and updating are performed on different page elements, the corresponding interface layout sub-editor is called to perform editing and updating. Each editing interface corresponds to one interface layout sub-editor, so that the interface layout sub-editors are called through the corresponding editing interfaces, the matched layout interface parameters are adjusted, and the interface layout editing and updating are realized. Meanwhile, in the assembling process, in order to realize the flexible effect of interface layout editing and meet different business requirements, a page element assembling constraint strategy is obtained, and interface arrangement and assembly are carried out on the adjusted target page elements according to the page element assembling constraint strategy to obtain a new interface. The page element assembly constraint strategy is used for representing an assembly mode matched with different service requirement information, for example, for medical insurance service requirements, the assembly mode is that picture elements are required to be arranged at the middle position of an interface, for example, for health insurance product service requirements, the assembly mode is that product link elements are required to be arranged at the middle position of the interface, and the like.
In another embodiment of the present invention, for further limitation and explanation, the step of performing interface arrangement and assembly on the target page element adjusted based on each interface layout sub-editor according to the page element assembly constraint policy to obtain an updated interface includes:
if the element arrangement positions of the target page elements are matched with the page element assembling constraint strategy, assembling according to the element arrangement positions of the target page elements to obtain an updated interface;
and if the element arrangement position of the target page element is not matched with the page element assembling constraint strategy, assembling the target page element according to a preset arrangement position corresponding to the page element assembling strategy to obtain an updated interface.
In the embodiment of the invention, when the element arrangement position of the target page element is matched with the page element splicing constraint strategy, the target page element can be spliced and arranged according to the service requirement after being edited and updated, so that an interface after the layout is updated is obtained. If the element arrangement position of the target page element is not matched with the page element splicing constraint strategy, it is indicated that the target element is not matched with the service requirement after editing and updating and cannot be spliced and arranged, so that at this time, the target page element is spliced according to the preset arrangement position configured in the page element splicing strategy, and an editing and updating interface is obtained. The preset configuration position is a configuration position where a page element is located in the page element splicing strategy, the page element is configured in advance according to the service requirement information, and the configuration can be performed in advance based on different service requirement information.
Compared with the prior art, the embodiment of the invention provides an interface updating method, and the interface layout editor corresponding to each interface is loaded from a server side, and editing interfaces bound by different page elements are configured in the interface layout editor; obtaining a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing of page elements; adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor; and performing interface assembly based on the adjusted target page elements to obtain an updated interface, greatly reducing the consumption of manpower and material resources for interface editing and updating, saving the interface layout time, and meeting the autonomous operation requirements of different users on interface layout, thereby improving the updating and editing efficiency in the interface development process.
Further, as an implementation of the method shown in fig. 1, an embodiment of the present invention provides an interface updating apparatus, as shown in fig. 6, where the apparatus includes:
the loading module 51 is configured to load an interface layout editor corresponding to each interface from a server, where the interface layout editor is configured with editing interfaces bound to different page elements;
an obtaining module 52, configured to obtain a layout object to be updated, where the layout object is used to represent content expected to perform layout editing on a page element;
an adjusting module 53, configured to adjust, through an editing interface in the interface layout editor, a target page element matched with the layout object;
and the assembling module 54 is configured to perform interface assembling based on the adjusted target page element to obtain an updated interface.
Further, the loading module is specifically configured to send an interface layout editor loading request to the server after detecting that an update instruction is triggered for a target interface, so that the server issues an interface layout editor matched with the target interface; and responding to an interface layout editing request response issued by the server, and loading an interface layout editor of the target interface, wherein an editing interface in the interface layout editor is configured in the server and matched with an interface in a preset page layout editing range.
Further, the adjusting module is specifically configured to determine at least one target page element that matches the layout object, and call a layout interface parameter of the target page element through the editing interface; and adjusting the layout interface parameters according to the layout editing content of the layout object.
Further, the obtaining module is specifically configured to receive a layout editing instruction triggered by a user, and determine a layout object according to layout operation behavior information carried in the layout editing instruction, where the layout operation behavior information is an action content of a user performing a layout updating operation on a target interface.
Further, the apparatus further comprises:
the analysis module is used for analyzing whether the layout object determined based on the layout operation behavior information contains an abnormal layout object or not when the layout operation behavior passes the legal verification according to the layout updating legal behavior mapping relation;
and the deleting module is used for deleting the abnormal layout object if the layout object comprises the abnormal layout object, and taking the layout object with the abnormal layout object deleted as the layout object to be adjusted.
Furthermore, the interface layout editor comprises a plurality of interface layout sub-editors, each editing interface corresponds to one interface layout sub-editor, and the assembling module is specifically configured to obtain a page element assembling constraint policy, where the page element assembling constraint policy is used to represent an assembling mode for matching different service requirement information; and according to the page element splicing constraint strategy, performing interface arrangement and splicing on the target page elements adjusted based on each interface layout sub-editor to obtain an updated interface.
Further, the assembling module is specifically configured to, if the element arrangement positions of the target page elements are matched with the page element assembling constraint policy, assemble the target page elements according to the element arrangement positions of the target page elements to obtain an updated interface; and if the element arrangement position of the target page element is not matched with the page element assembling constraint strategy, assembling the target page element according to the preset arrangement position corresponding to the page element assembling strategy to obtain an updated interface.
Compared with the prior art, the embodiment of the invention provides an interface updating device, and the interface updating device loads the interface layout editors corresponding to the interfaces from the server side, wherein the interface layout editors are configured with editing interfaces bound by different page elements; obtaining a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing of page elements; adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor; and performing interface assembly based on the adjusted target page elements to obtain an updated interface, greatly reducing the consumption of manpower and material resources for interface editing and updating, saving the interface layout time, and meeting the autonomous operation requirements of different users on interface layout, thereby improving the updating and editing efficiency in the interface development process.
According to an embodiment of the present invention, a storage medium is provided, where at least one executable instruction is stored, and the computer executable instruction may execute the method for updating the interface in any of the method embodiments.
Fig. 7 is a schematic structural diagram of a computer device according to an embodiment of the present invention, where the embodiment of the present invention does not limit the specific implementation of the computer device.
As shown in fig. 7, the computer apparatus may include: a processor (processor) 602, a communication Interface 604, a memory 606, and a communication bus 608.
Wherein: the processor 602, communication interface 604, and memory 606 communicate with one another via a communication bus 608.
A communication interface 604 for communicating with network elements of other devices, such as clients or other servers.
The processor 602 is configured to execute the program 610, and may specifically execute relevant steps in the embodiment of the interface updating method.
In particular, the program 610 may include program code comprising computer operating instructions.
The processor 602 may be a central processing unit CPU, or an Application Specific Integrated Circuit (ASIC), or one or more Integrated circuits configured to implement an embodiment of the invention. The computer device includes one or more processors, which may be the same type of processor, such as one or more CPUs; or may be different types of processors such as one or more CPUs and one or more ASICs.
And a memory 606 for storing a program 610. Memory 606 may comprise high-speed RAM memory, and may also include non-volatile memory (non-volatile memory), such as at least one disk memory.
The program 610 may specifically be configured to cause the processor 602 to perform the following operations:
loading an interface layout editor corresponding to each interface from a server, wherein editing interfaces bound by different page elements are configured in the interface layout editor;
obtaining a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing of page elements;
adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor;
and assembling the interface based on the adjusted target page elements to obtain an updated interface.
It will be apparent to those skilled in the art that the modules or steps of the present invention described above may be implemented by a general purpose computing device, they may be centralized in a single computing device or distributed across a network of multiple computing devices, and alternatively, they may be implemented by program code executable by a computing device, such that they may be stored in a memory device and executed by a computing device, and in some cases, the steps shown or described may be executed out of order, or separately as individual integrated circuit modules, or multiple modules or steps thereof may be implemented as a single integrated circuit module. Thus, the present invention is not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims (10)

1. An interface updating method is characterized by comprising the following steps:
loading an interface layout editor corresponding to each interface from a server, wherein editing interfaces bound by different page elements are configured in the interface layout editor;
obtaining a layout object to be updated, wherein the layout object is used for representing the content of expected layout editing of page elements;
adjusting target page elements matched with the layout objects through an editing interface in the interface layout editor;
and assembling the interface based on the adjusted target page elements to obtain an updated interface.
2. The method according to claim 1, wherein the loading the interface layout editor corresponding to each interface from the server comprises:
when an update instruction triggered to a target interface is detected, sending an interface layout editor loading request to the server, so that the server issues an interface layout editor matched with the target interface;
and responding to an interface layout editing request response issued by the server, and loading an interface layout editor of the target interface, wherein an editing interface in the interface layout editor is configured in the server and matched with an interface in a preset page layout editing range.
3. The method of claim 2, wherein the adjusting, via an editing interface in the interface layout editor, the target page element that matches the layout object comprises:
determining at least one item of target page element matched with the layout object, and calling layout interface parameters of the target page element through the editing interface;
and adjusting the layout interface parameters according to the layout editing content of the layout object.
4. The method of claim 1, wherein obtaining the layout object to be updated comprises:
receiving a layout editing instruction triggered by a user, and determining a layout object according to layout operation behavior information carried in the layout editing instruction, wherein the layout operation behavior information is the action content of the user for performing layout updating operation on a target interface.
5. The method of claim 4, wherein before adjusting, via an editing interface in the interface layout editor, the target page element that matches the layout object, the method further comprises:
when the layout operation behavior is verified to pass legal verification according to the layout updating legal behavior mapping relation, analyzing whether the layout objects determined based on the layout operation behavior information contain abnormal layout objects or not;
and if the layout object comprises an abnormal layout object, deleting the abnormal layout object, and taking the layout object with the abnormal layout object deleted as the layout object to be adjusted.
6. The method according to any one of claims 1 to 5, wherein the interface layout editor comprises a plurality of interface layout sub-editors, each of the editing interfaces corresponds to one interface layout sub-editor, and the performing interface assembly based on the adjusted target page elements to obtain an updated interface comprises:
acquiring a page element assembling constraint strategy, wherein the page element assembling constraint strategy is used for representing an assembling mode matched with different service requirement information;
and according to the page element splicing constraint strategy, performing interface arrangement and splicing on the target page elements adjusted based on each interface layout sub-editor to obtain an updated interface.
7. The method of claim 6, wherein the interface arrangement and assembly of the target page elements adjusted based on each interface layout sub-editor according to the page element assembly constraint policy to obtain an updated interface comprises:
if the element arrangement positions of the target page elements are matched with the page element assembling constraint strategy, assembling according to the element arrangement positions of the target page elements to obtain an updated interface;
and if the element arrangement position of the target page element is not matched with the page element assembling constraint strategy, assembling the target page element according to the preset arrangement position corresponding to the page element assembling strategy to obtain an updated interface.
8. An interface updating apparatus, comprising:
the loading module is used for loading an interface layout editor corresponding to each interface from a server, and editing interfaces bound by different page elements are configured in the interface layout editor;
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a layout object to be updated, and the layout object is used for representing the content expected to perform layout editing on page elements;
the adjusting module is used for adjusting the target page elements matched with the layout objects through an editing interface in the interface layout editor;
and the assembling module is used for assembling the interface based on the adjusted target page element to obtain an updated interface.
9. A storage medium having at least one executable instruction stored therein, the executable instruction causing a processor to perform operations corresponding to the method for updating an interface according to any one of claims 1 to 7.
10. A computer device, comprising: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is used for storing at least one executable instruction, and the executable instruction causes the processor to execute the operation corresponding to the interface updating method according to any one of claims 1-7.
CN202210812627.1A 2022-07-12 2022-07-12 Interface updating method and device, storage medium and computer equipment Pending CN115185513A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210812627.1A CN115185513A (en) 2022-07-12 2022-07-12 Interface updating method and device, storage medium and computer equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210812627.1A CN115185513A (en) 2022-07-12 2022-07-12 Interface updating method and device, storage medium and computer equipment

Publications (1)

Publication Number Publication Date
CN115185513A true CN115185513A (en) 2022-10-14

Family

ID=83517562

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210812627.1A Pending CN115185513A (en) 2022-07-12 2022-07-12 Interface updating method and device, storage medium and computer equipment

Country Status (1)

Country Link
CN (1) CN115185513A (en)

Similar Documents

Publication Publication Date Title
US10817664B2 (en) Combined synchronous and asynchronous tag deployment
CN110688598B (en) Service parameter acquisition method and device, computer equipment and storage medium
CN109213948B (en) Webpage loading method, intermediate server and webpage loading system
US10268657B2 (en) Configuration of content site user interaction monitoring in data networks
CN111813629B (en) Method, device and equipment for generating monitoring data of Web page
CA2707509A1 (en) Templating system and method for updating content in real time
US10084637B2 (en) Automatic task tracking
US11550990B2 (en) Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time
CN110580189A (en) method and device for generating front-end page, computer equipment and storage medium
CN113704110B (en) Automatic testing method and device for user interface
CN105205144A (en) Method and system used for data diagnosis and optimization
CN113010827A (en) Page rendering method and device, electronic equipment and storage medium
US10291492B2 (en) Systems and methods for discovering sources of online content
CN111431767B (en) Multi-browser resource synchronization method and device, computer equipment and storage medium
CN112685105A (en) Front-end component sharing method and device, computer equipment and storage medium
US11228611B1 (en) Scanning unexposed web applications for vulnerabilities
CN115185513A (en) Interface updating method and device, storage medium and computer equipment
CN111338928A (en) Chrome-based browser testing method and device
CN115048082A (en) Micro front-end system construction method and device, server and readable storage medium
CN111800461A (en) Script downloading method, device, equipment and storage medium of browser
CN113220296A (en) Android system interaction method and device
US11960560B1 (en) Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof
CN108108369B (en) Method and device for processing calling error of common interface library
CN110780983A (en) Task exception handling method and device, computer equipment and storage medium
CN115242764B (en) Multi-terminal communication method, system, equipment and storage medium for front end

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