CN117311713A - Page object configuration method, device, electronic equipment, storage medium and product - Google Patents

Page object configuration method, device, electronic equipment, storage medium and product Download PDF

Info

Publication number
CN117311713A
CN117311713A CN202311346530.7A CN202311346530A CN117311713A CN 117311713 A CN117311713 A CN 117311713A CN 202311346530 A CN202311346530 A CN 202311346530A CN 117311713 A CN117311713 A CN 117311713A
Authority
CN
China
Prior art keywords
function
page
area
configuration
target
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
CN202311346530.7A
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202311346530.7A priority Critical patent/CN117311713A/en
Publication of CN117311713A publication Critical patent/CN117311713A/en
Pending legal-status Critical Current

Links

Classifications

    • 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
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/36Software reuse

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application provides a page object configuration method, a page object configuration device, electronic equipment, a storage medium and a page object product, and relates to the technical fields of cloud technology, cloud storage, map field and the like. The function configuration page corresponding to the page object is displayed, and a function display area, a calling area and a parameter area are provided, so that the visualized operation areas can be utilized to configure the page object through simple triggering operation; wherein an initial expression of the selected objective function may be displayed in the calling area based on the function selection operation in the function presentation area; modifying the initial parameters into selected target parameters based on the parameter selection operation in the parameter area to obtain a target expression; generating a code packet corresponding to the page to be arranged based on the target expression when the configuration completion operation is triggered; when the page to be laid out is displayed, calling a target function based on the target expression to realize the display process of the page object; the processing efficiency of page arrangement can be effectively improved.

Description

Page object configuration method, device, electronic equipment, storage medium and product
Technical Field
The present application relates to the field of computer networks, and in particular, to a method and apparatus for configuring a page object, an electronic device, a storage medium, and a product.
Background
In the development scenario of page arrangement, corresponding code needs to be written for an object in a page to be arranged to realize the display logic of the object.
However, conventional programming methods often require a large amount of code to be written, and there is no uniform convention, horizontal parametrics are not uniform, and for non-professional developers, using such methods may result in complex and time-consuming development processes, resulting in less efficient page layout; therefore, there is a need in the art for a page object configuration method to improve the layout efficiency.
Disclosure of Invention
The application provides a page object configuration method, a page object configuration device, electronic equipment, a storage medium and a page object product. The technical scheme is as follows:
in one aspect, a method for configuring a page object is provided, the method comprising:
responding to a configuration request of a page object of a page to be arranged, displaying a function configuration page corresponding to the page object, wherein the function configuration page is a page configured for a function corresponding to display logic of the page object;
the function configuration page comprises a function display area, a calling area and a parameter area; the function display area is internally provided with a function list; the parameter area is displayed with a parameter list;
In response to a function selection operation triggered for the function list, displaying an initial expression of the selected objective function in the call zone, the initial expression including a function name of the objective function and initial parameters;
responding to parameter selection operation triggered by aiming at the parameter list, and displaying a target expression of the target function by modifying initial parameters in the initial expression into selected target parameters;
responding to the trigger configuration completion operation of the page based on the function configuration, and generating a code packet corresponding to the page to be arranged based on a target expression of the target function; causing a page presentation device to call the target function based on a target expression in the code package to display the page object.
In another aspect, there is provided a page object configuration apparatus, the apparatus including:
the first display module is used for responding to a configuration request of a page object of a page to be arranged, displaying a function configuration page corresponding to the page object, wherein the function configuration page is a page configured for a function corresponding to display logic of the page object;
the function configuration page comprises a function display area, a calling area and a parameter area; the function display area is internally provided with a function list; the parameter area is displayed with a parameter list;
A second display module, configured to display, in the call area, an initial expression of the selected objective function in response to a function selection operation triggered for the function list, where the initial expression includes a function name and an initial parameter of the objective function;
the third display module is used for responding to the parameter selection operation triggered by the parameter list and displaying the initial parameters in the initial expression to be changed into the selected target parameters so as to obtain a target expression of the target function;
the generation module is used for responding to the trigger configuration completion operation of the page based on the function configuration, and generating a code packet corresponding to the page to be arranged based on the target expression of the target function; causing a page presentation device to call the target function based on a target expression in the code package to display the page object.
In one possible implementation, the function configuration page further includes a debug area in which debug controls for triggering a debug process for the configured functions are displayed;
the apparatus further comprises:
the fourth display module is used for responding to the triggering operation of the debugging control in the debugging area and displaying the debugging result of the target expression in the debugging area; the debugging result characterizes whether the target expression is debugged.
In one possible implementation manner, a completion control is further displayed in the debugging area, and the device further comprises a fifth display module;
the fifth display module is used for displaying a completion control in the debugging area as a non-trigger state before the debugging area displays the debugging result of the target expression in response to the trigger operation of the debugging control in the debugging area;
the fourth display module is specifically configured to display a debug result of the target expression in the debug area, and update a display state of the completion control based on the debug result by:
if the debugging result represents that the target expression passes the debugging, the completion control of the debugging area is adjusted from a non-triggering state to a triggering state;
and if the debugging result indicates that the target expression is not debugged, maintaining the determined control of the debugging area in a non-trigger state.
In one possible implementation, the configuration completion operation is an operation triggered based on a completion control in the debug area;
the generating module is used for:
responding to triggering operation for the completion control, and jumping from the function configuration page to the layout center page of the page to be laid out;
And responding to triggering packaging operation in the arranging center page, and generating a code packet corresponding to the page to be arranged based on the target expression, the data protocol of the target function and a function body.
In one possible implementation manner, the second display module is configured to:
determining a function name and an entry defined in a data protocol of the selected objective function in response to a function selection operation triggered for the function list;
generating an initial expression of the objective function based on the determined function name and the entry, and displaying the initial expression in the calling area; the initial parameter is an entry defined in a data protocol of the objective function.
In one possible implementation, the apparatus further includes:
a sixth display module, configured to display protocol resolution information of the objective function in the function display area in response to a function selection operation triggered for the function list;
wherein the protocol parsing information includes at least one item of information defined in a data protocol for defining at least one of the following information of a corresponding function: page presentation name, function name, in-parameters, out-parameters, function description, function instance.
In one possible implementation, the apparatus further includes a sixth display module;
the sixth display module is used for displaying a page attribute area aiming at the page object in a layout center page of the page to be laid out before a function configuration page corresponding to the page object is displayed in response to a configuration request of the page object of the page to be laid out;
at least one dynamic attribute of the page object and an attribute setting control of each dynamic attribute are displayed in the attribute configuration area; the attribute setting control is used for triggering a configuration request of the dynamic attribute of the page object;
the first display module is used for responding to a configuration request for triggering the target attribute of the page object based on the target attribute setting control, and displaying a function configuration page for configuring the target attribute.
In one possible implementation, the initial parameters include at least two sub-parameters;
the third display module is configured to, for each sub-parameter, display modification of each sub-parameter to a selected target parameter in response to a positioning operation for the each sub-parameter and a parameter selection operation for the parameter list.
In another aspect, an electronic device is provided that includes a memory, a processor, and a computer program stored on the memory, where the processor executes the computer program to implement the page object configuration method described above.
In another aspect, a computer readable storage medium is provided, on which a computer program is stored, which when executed by a processor implements the above-described page object configuration method.
In another aspect, a computer program product is provided, comprising a computer program which, when executed by a processor, implements the above-described page object configuration method.
The beneficial effects that technical scheme that this application embodiment provided brought are:
according to the page object configuration method, the function display area, the calling area and the parameter area are provided by displaying the function configuration page corresponding to the page object, so that the visualized operation areas can be utilized to configure the page object through simple triggering operation. Wherein, in response to a function selection operation triggered in the function presentation area, an initial expression of the objective function is displayed in the calling area; responding to parameter selection operation triggered in a parameter area, and modifying initial parameters into selected target parameters to obtain a configured target expression; when the configuration completion operation is triggered, generating a code packet corresponding to the page to be arranged based on the target expression; when the page display equipment displays the page to be laid out, the target function is called based on the target expression, so that the display process of the page object is realized. As the configuration of the page objects is realized through the visual operation interface, programming codes are not required to be written, and the page arrangement process and the corresponding program development process are simplified, so that the configuration efficiency is improved, and the processing efficiency of page arrangement is improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings that are required to be used in the description of the embodiments of the present application will be briefly described below.
Fig. 1 is a schematic diagram of an implementation environment of a page object configuration method according to an embodiment of the present application;
fig. 2 is a flow chart of a method for configuring a page object according to an embodiment of the present application;
FIG. 3 is a schematic diagram of a function configuration page according to an embodiment of the present application;
FIG. 4 is a schematic diagram of an orchestration center page according to an embodiment of the present application;
FIG. 5 is a schematic diagram of a function configuration page according to an embodiment of the present application;
FIG. 6 is a schematic flow chart among multiple modules according to an embodiment of the present application;
FIG. 7 is a schematic diagram of a small function parsing module according to an embodiment of the present application;
FIG. 8 is a schematic flow chart of a small function operation module according to an embodiment of the present application;
fig. 9 is a schematic structural diagram of a page object configuration device according to an embodiment of the present application;
fig. 10 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
Embodiments of the present application are described below with reference to the drawings in the present application. It should be understood that the embodiments described below with reference to the drawings are exemplary descriptions for explaining the technical solutions of the embodiments of the present application, and the technical solutions of the embodiments of the present application are not limited.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless expressly stated otherwise, as understood by those skilled in the art. The terms "comprises" and "comprising" as used in the embodiments of the present application mean that the corresponding features may be implemented as presented features, information, data, steps, operations, but do not exclude the implementation as other features, information, data, steps, operations, etc. supported by the state of the art.
It will be appreciated that in the specific embodiments of the present application, any data related to the object, such as the page to be laid out, the page object, the target expression, the code package corresponding to the page to be laid out, etc., when the embodiments of the present application are applied to specific products or technologies, the permission or consent of the object needs to be obtained, and the collection, use and processing of the related data need to comply with the relevant laws and regulations and standards of the relevant country and region. That is, in embodiments of the present application, if any subject-related data is referred to above, such data would need to be obtained via subject authorization consent, and in compliance with relevant national and regional laws and regulations and standards.
Fig. 1 is a schematic diagram of an implementation environment of a page object configuration method provided in the present application. As shown in fig. 1, the implementation environment includes: an orchestration device 101, a page presentation device 102, and a server 103, the orchestration device 101 being operable to orchestrate pages to be orchestrated by an orchestration center. Such as arranging buttons, forms, etc. in the page. After the arrangement device 101 has completed the arrangement, the code package that generated the page may be packaged and published, for example, the arrangement device 101 may send the code package to the server 103. The page display device 102 may obtain the code packet from the server 103, and complete the display process of the page to be laid out based on the code packet; for example, based on the display logic of the page object carried in the code packet, the objects such as buttons, tables and the like in the page to be laid out are displayed.
The arrangement center is an application arrangement platform with page arrangement functions, which may include an arrangement process for page objects to be displayed in a page. Of course, the page orchestration platform may also support orchestration of applications, services in applications, and the like.
Wherein the display logic of the page object may be implemented by calling a corresponding function. In the present application, the page object is arranged, that is, a process of configuring a function required to be invoked to implement display logic of the page object.
The orchestration center may be provided with a function configuration page for the page objects in the page to be orchestrated. In this application, the orchestration device 101 may enter a function configuration page of a page object in response to a configuration request for the page object, so as to complete a configuration process of a function to be invoked corresponding to the page object by using each area of a function display area, a calling area, a debugging area, a parameter area, and the like in the function configuration page. For example, in the process of arranging the web page a, when a button in the web page a is configured, an expression of a function to be called corresponding to the button may be specifically configured, so that the page display device 102 calls a corresponding function to complete the process of displaying the button based on the expression corresponding to the button in the code package of the web page a.
It should be noted that the programming center may be a stand-alone application program, or may be a program plug-in located in the stand-alone application program, such as a web site of a browser, or an applet in the stand-alone application, etc. The present application is not limited in the form of the orchestration center.
Note that, the orchestration device 101 may be a server or a terminal; the page presentation device 102 may also be a server or terminal. The server may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server or a server cluster for providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDNs (Content Delivery Network, content delivery networks), basic cloud computing services such as big data and artificial intelligent platforms, and the like. The network may include, but is not limited to: a wired network, a wireless network, wherein the wired network comprises: local area networks, metropolitan area networks, and wide area networks, the wireless network comprising: bluetooth, wi-Fi, and other networks implementing wireless communications. The terminal may be a smart phone (such as an Android mobile phone, an iOS mobile phone, etc.), a tablet computer, a notebook computer, a digital broadcast receiver, an MID (Mobile Internet Devices, mobile internet device), a PDA (personal digital assistant), a desktop computer, a vehicle-mounted terminal (such as a vehicle-mounted navigation terminal, a vehicle-mounted computer, etc.), a smart speaker, a smart watch, etc., and the terminal and the server may be directly or indirectly connected through wired or wireless communication manners, but are not limited thereto. And in particular, the method can be determined based on actual application scene requirements, and is not limited herein.
Fig. 2 is a flow chart of a method for configuring a page object according to an embodiment of the present application. The execution subject of the method may be an electronic device; the electronic device may be a server or a terminal, and the application does not limit the electronic device. As shown in fig. 2, the method includes the following steps.
Step 201, the electronic device responds to a configuration request of a page object of a page to be arranged, and displays a function configuration page corresponding to the page object.
The function configuration page is a page configured for functions corresponding to display logic of the page object; the function corresponding to the display logic refers to the function required to be called for realizing the display logic. Illustratively, the configuration request is for requesting configuration of display logic of the page object; the function configuration page may be used to configure functions that need to be invoked to implement the display logic.
The page to be laid out may be a visual page to be laid out, such as a web page in a browser. The page object may be an object to be laid out for presentation in the visualization page, including but not limited to: text, pictures, videos, functionality controls, links, and the like. In the application, the display logic of the object corresponding to the page can be arranged through the arrangement center, and the corresponding code package is packed and issued, so that other devices can realize the display process of each page object in the arranged page based on the code package.
The function configuration page is a visualized operation page. In one possible implementation, the function configuration page includes a function presentation area, a call area, and a parameter area; the function display area is displayed with a function list; the parameter area has a list of parameters displayed therein. In the application, the visual configuration operation of the page object can be realized through each area.
Wherein the list of functions includes at least one function that is pre-configured; for example, the data protocol and the function body of each function may be preconfigured. Wherein the data protocol is used to define at least one of the following information of the corresponding function: page presentation name, function name, in-parameters, out-parameters, function description, function instance. The function body comprises execution logic corresponding to the function.
In one possible implementation manner, the implementation manner of displaying the function display area in the function configuration page by the electronic device includes: the electronic equipment can analyze the data protocol of each function to obtain each item of information defined in the data protocol of each function; the electronic equipment displays the corresponding function in the function display area based on each item of information corresponding to each function obtained through analysis.
In one example, page names for respective functions may be displayed in the function presentation area. For example, the list of functions that are exposed may be a list of page exposure names for the respective functions.
In yet another example, the electronic device may further present other information for each function in the list of functions. And the electronic equipment responds to the checking operation of any function triggered in the function display area, and displays other analysis information corresponding to the any function. Wherein the viewing operation may include, but is not limited to: an operation of placing a cursor to a function presentation name of the arbitrary function, a triggering operation of a detail button beside the function presentation name for the arbitrary function, and the like. For example, the other parsing information may be: function descriptions, function examples, in-parameters, out-parameters, etc. other than page presentation names. At least one item of parsing information of the function; for example, function description information, function examples, and the like of the function are presented.
In one possible example, a small function needs to be implemented, which functions as: and judging whether an element is in the array, if so, returning true, and if not, returning false. Taking this function as an example, the data protocol and the function body of the function are illustrated as follows:
Illustratively, the function name of the small function is inArray; the input parameters comprise an array arr and an element index; the parameter is true or false; the data protocol of the small function is exemplified as follows:
name, 'inArray',/(function) display name on visual interface
fn InArray,// function real realization name, which is consistent with the name defined by the code body
Params { ar: array < string >, index: string },// function is declared by reference
return { Boole }// function goes out of parameter declaration
definition 'determine if an element is in the array, return true, if not return false',/function description
The example is that whether a is in an array [, 'a', 'b', 'c', 'a', 'c' ], judging whether a is in the array [, 'a', 'b', 'c' ], returning to true array ([, 'a', 'b', 'c','d',d ') and returning to the illustration of the use of the false',/v function.
Wherein name defines the page display name of the small function; the function name of the small function is defined in fn, namely the realization name of the small function; params defines the parametrics of a small function; return defines the parameter of the small function; definition defines a functional description of a small function; example defines a function instance of a small function.
For example, a function catalog of the small function may be created in advance based on the function names of the small functions; for example, a Function body file containing the Function body of the small Function is created, and under a specified Function directory, based on the Function name of the small Function, the Function body directory corresponding to the small Function is created as follows: function/InArray/index.ts. It should be noted that, inArray in the directory is defined as a function name of fn of the data protocol, that is, the electronic device may address based on the function name to obtain a function body of the small function; exemplary, the function body of the small function is illustrated as follows:
export default InArray; the function name of the data protocol is consistent with the function name defined by fn;
it should be noted that, the electronic device may find a function body of the small function based on a function name of the small function, and execute display logic corresponding to the page object based on the function body when the small function is called.
In one possible manner, the parameter list of the parameter area displays at least one pre-configured parameter. For example, the electronic device may generate a parameter list including a plurality of parameter types based on the parameter types corresponding to the respective parameters; when any parameter type is detected to be triggered, the various parameters contained under the any parameter type may be further displayed.
In one possible manner, the calling region may be used to expose the function selected for calling from among the respective functions. For example, the calling area may include a function input box in which when any function is selected and called, an expression of the selected function may be displayed.
In one possible approach, the function configuration page further includes a debug area in which debug controls are displayed for triggering a debugging process for the configured function. In addition, a completion control can be displayed in the debugging area, and the completion control is used for triggering configuration completion operation after the debugging is passed, so that the page to be arranged is packed and released based on the expression of the configured function.
Fig. 3 is a schematic diagram of a function configuration page according to an embodiment of the present application. As shown in FIG. 3, the page may include a function presentation area, a call area, a debug area, and a parameter area. The function list in the function display area can comprise page display names of all functions; for example Split, trim, inArray, arrayNoRepeat, getPageld, getKeyDatas, etc.; the view button may be "|" next to the page presentation name! "buttons, such as a view button next to the InArray, can display information about the function description, function examples, etc. of the InArray function around the InArray page function name. Wherein the calling area may include an input box for displaying an expression of the selected called function in the function list. The debugging area may include an area for displaying a debugging result, the debugging control may be a verification expression button, and the completion control may be a determination button. The parameter list of the parameter area may include parameter types of each parameter, such as constant, system variable, global variable, parameter entry variable, page variable, component method, event parameter, and the like, and each parameter type may include one or more parameters configured in advance.
In some embodiments, the configuration request may be a request triggered in an orchestration center page of the page to be orchestrated. Prior to step 201, the following step A1 is also included:
and A1, the electronic equipment displays a page attribute area aiming at the page object in the layout center page of the page to be laid out.
Wherein, the attribute configuration area displays at least one dynamic attribute of the page object and an attribute setting control of each dynamic attribute; the property setting control is used to trigger a configuration request for the dynamic property of the page object.
Accordingly, the implementation of step 201 may include step A2:
and step A2, the electronic equipment responds to a configuration request for triggering the target attribute of the page object based on the target attribute setting control, and displays a function configuration page for configuring the target attribute.
The target attribute is a dynamic attribute corresponding to the target attribute setting control in various dynamic attributes. It should be noted that the attributes of the page object may be classified into static attributes and dynamic attributes; static properties refer to properties that do not change with the execution environment, and are generally considered to be fixed; in contrast, the dynamic attribute may change according to some factors in the execution environment, for example, for a button, the display attribute is set as follows: the button is displayed when the date is a single number, and the button is not displayed when the date is a double number; that is, the display attribute of the button is changed with the change of the date. For dynamically variable attributes of page objects, the function that corresponds to the call may be configured to execute display logic corresponding to the dynamically variable attributes of the button.
Fig. 4 is a schematic diagram of an orchestration center page according to an embodiment of the present application. For example, in one scenario, the scenario requirements are: whether the current user role ID is in a certain role array or not is judged, if yes, a new button is displayed, and if not, the new button is not displayed. As shown in fig. 4, the layout center page may include the "add" button, and an attribute configuration area corresponding to the button located on the right side of the layout center page. For example, the attribute configuration area on the right side displays a general attribute and a basic attribute corresponding to the button, wherein the general attribute comprises the following attributes: component ID, whether to display, render the component, report the authority point, etc.; the basic attributes include the following attributes: button name, button type, etc. The attribute of whether to display or not in the general attributes is a dynamic attribute, and a corresponding attribute setting control is displayed on the right side of the dynamic attribute. The user can enter a function configuration page for the "whether to display" by clicking the attribute setting control; the display logic of the new button for realizing the scene requirement can be configured based on the function configuration page, namely, the calling function for realizing the display logic of the new button is configured.
Step 202, the electronic device responds to the function selection operation triggered by the function list, and displays the initial expression of the selected target function in the calling area.
Wherein the initial expression includes a function name of the objective function and an initial parameter.
In this step, when a function selection operation for an objective function in the function list is detected, the electronic device may generate an initial expression of the objective function based on various pieces of information defined in a data protocol of the objective function, and display the initial expression in a call area. The initial expression may be generated based on the function name and the initial parameter of the objective function obtained by pre-parsing.
In one possible implementation, an initial expression may be generated that contains a function name and an entry; step 202 may comprise: the electronic equipment responds to function selection operation triggered by aiming at the function list, and determines function names and parameters defined in a data protocol of the selected target function; the electronic equipment generates an initial expression of the target function based on the determined function name and the entry, and displays the initial expression in the calling area; the initial parameter is an entry defined in the data protocol of the objective function.
The function selection operation may be, for example, a trigger operation for a function in the function list, such as an operation to click or double-click on a page presentation name of the corresponding function.
In one possible implementation, the details of the selected function may also be presented in a function presentation area, and the process may include the steps of: the electronic device responds to function selection operation triggered by the function list, and protocol analysis information of the target function is displayed in the function display area. Wherein the protocol resolution information includes at least one item of information defined in a data protocol for defining at least one of the following information of a corresponding function: page presentation name, function name, in-parameters, out-parameters, function description, function instance.
For example, the function presentation area may include a function list area and a status area, which may present details of the function in the selected state. The page display names of the functions can be displayed in the function list area, and when any function is selected, the information such as the function name, the function description, the function example and the like of the selected function is displayed in the state area.
Fig. 5 is a schematic diagram of another function configuration page provided in an embodiment of the present application. As shown in fig. 5, if the inary function in the function list is selected, information such as a function name, a function description, a function, etc. of the inary function may be further shown below the function list.
And 203, the electronic equipment responds to the parameter selection operation triggered by the parameter list, and displays the initial parameters in the initial expression modified into the selected target parameters to obtain the target expression of the target function.
The initial parameters included in the initial expression may be the inclusion of the objective function, i.e., the inclusion defined in the data protocol of the objective function. The parameter selection operation may be a trigger operation for any parameter in the right parameter area. For example, if a click operation is performed on the target parameter in the right parameter area, the target parameter may be automatically displayed at the position where the initial parameter is located, so as to replace the initial parameter. Based on this, a target expression can be obtained that includes the function name of the target function, the target parameters, i.e., the parameters that are required to be entered when the target function is called.
In one possible implementation, the initial parameters include at least two sub-parameters; the parameters to be configured can be selected first, and then the corresponding target parameters are selected from the parameter list for the parameters in the selected state. Accordingly, in step 203, a corresponding target parameter may be selected for each sub-parameter by: for each sub-parameter, the electronic device displays a modification of each sub-parameter to a selected target parameter in response to a positioning operation for the each sub-parameter and a parameter selection operation for the parameter list.
For example, the positioning operation of each sub-parameter may be an operation of positioning the cursor at the position of the sub-parameter, or an operation of selecting the sub-parameter, or the like.
As shown in fig. 5, the global parameters in the global variables in the parameter list may be selected after the positioning operation is performed on the first sub-parameter; after the second sub-parameter is positioned, a system. Role parameter in the system variable is selected; based on the function selection operation, the parameter selection operation, and the like in the steps 202-203, the target expression corresponding to the page object can be configured as follows: expface. InArray (global roles, system. Role).
In some embodiments, the function configuration page further includes a debug area in which debug controls for triggering a debug process for the configured functions are displayed; the configured target expression may also be debugged based on the debug control. After step 203, the electronic device may further execute the following step B1 to debug the target expression obtained in step 203:
step B1, the electronic equipment responds to the triggering operation of the debugging control in the debugging area, and the debugging result of the target expression is displayed in the debugging area; the debug result characterizes whether the target expression is debugged through.
When the triggering operation of the debugging control is detected, the electronic equipment acquires the target expression displayed in the calling area, debugs the target expression, and displays a corresponding debugging result in the debugging area.
Wherein the debug result includes at least one of a grammar detection result and a simulation execution result. Accordingly, the process of debugging the target expression may include, but is not limited to: grammar detection of a target expression, simulation execution of the target expression, and the like. Wherein, grammar detection refers to detecting whether grammar errors exist in the target expression. The simulation execution may be a process of simulating a function call of the target expression in a pre-configured simulation experiment environment; for example, in a simulation experiment environment, a call procedure to an objective function is performed according to the objective expression.
Taking a debugging result including a grammar detection result and a simulation execution result as an example for explanation, and if the grammar detection is passed and the simulation execution is passed, the debugging result represents that the debugging is passed; if either the grammar detection or the simulation execution fails, the debugging result indicates that the debugging fails. If the debugging result comprises any one of the grammar detection result or the simulation execution result, the grammar detection result or the simulation execution result passes, namely the debugging passes.
In one possible implementation manner, a completion control is also displayed in the debug area, and if the debug result indicates that the debug is passed, a configuration completion operation can be triggered by the completion control. For example, the completion control may correspond to a different display state, and the electronic device may also update the display state of the completion control based on the debugging results.
Wherein before responding to the triggering operation of the debugging control in the debugging area, the display process of the completion control comprises the following steps: the electronic device displays the completion control in the debug area as a non-triggered state.
Accordingly, in step 203, the implementation manner of displaying, in the debug area, the debug result of the target expression by the electronic device includes the following step B11:
step B11, the electronic equipment displays the debugging result of the target expression in the debugging area, and updates the display state of the completion control based on the debugging result through the following steps:
if the debugging result represents that the target expression passes the debugging, the completion control of the debugging area is adjusted from a non-triggering state to a triggering state;
if the debugging result indicates that the target expression is not debugged, the determined control of the debugging area is kept in a non-trigger state.
For example, the completion control may remain in a non-triggered state until debugging passes; and when the debugging passes, the completion control can be changed from the non-trigger state to the trigger state.
The trigger state is a state that can effectively trigger the completion control to generate a response; in contrast, in the non-triggered state, no response can be generated even if the completion control is clicked.
As shown in fig. 3 and 5, the debug control may be a "verify expression" button in the debug area and the completion control may be a "ok" button in the debug area.
As shown in fig. 3, the function configuration page in fig. 3 is a page that has not triggered a function selection operation, and in the function configuration page in fig. 3, a determination button of a debug area is in a non-triggered state.
In the function configuration page in fig. 5, as shown in fig. 5, the corresponding target expression is triggered and displayed through the parameter selection operation, and the debugging process is triggered and displayed through the "verify expression" button, and the debugging result is that the expression verification is correct, that is, the debugging is passed; accordingly, in the function configuration page of fig. 5, the determination button of the debug area is also changed from the non-triggered state to the triggered state.
Step 204, the electronic equipment responds to the configuration completion operation triggered by the page based on the function configuration, and generates a code packet corresponding to the page to be arranged based on a target expression of the target function; such that the page presentation device invokes the target function to display the page object based on the target expression in the code package.
The code package comprises program codes carrying display logic corresponding to the page to be laid out. Wherein the program code includes a target expression corresponding to the display logic of the page object. The electronic device can issue the code package to a server, the page display device obtains the code package from the server, and when the page to be arranged is displayed based on the code package, a target function is called based on a target expression so as to complete the process of displaying the page object in the page to be arranged.
Wherein the configuration completion operation may be an operation triggered by a completion control. When detecting a triggering operation on the completion control, the electronic device generates the code package based on the target expression.
In one possible implementation, the process of generating the code package may be generated based on an operation trigger in the orchestration center page. Accordingly, the implementation of this step 204 may include the following steps 2041-2042:
Step 2041, the electronic device responds to the triggering operation for the completion control, and jumps from the function configuration page to the layout center page of the page to be laid out;
step 2042, the electronic device responds to triggering packaging operation in the layout center page, and generates a code packet corresponding to the page to be laid out based on the target expression, the data protocol of the target function and the function body.
As shown in fig. 5, when the ok button of the debug area in fig. 5 is clicked, a jump may be made from the function configuration page shown in fig. 5 to the orchestration center page shown in fig. 4. As shown in fig. 4, the upper right corner of the orchestration center page is displayed with a packaging control. When the triggering operation of the packaging control is detected, the electronic equipment can generate a code package corresponding to the page to be arranged based on the target expression.
If the electronic device jumps to the page of the arranging center, the electronic device further continues arranging the page to be arranged; for example, other dynamic properties of the page object except the target property are configured, or a new page object is added and the properties of the new page object are configured, etc., after the arrangement processing is completed, the packing control is triggered to pack and issue.
In one possible manner, the technical process of the present application may be implemented by the following several modules: the system comprises a small function analysis module, a small function visual operation module and a small function operation module.
As shown in fig. 6, the relationship between the respective modules is: the small function analysis module analyzes the data protocol of each small function to generate a small function list, and returns the small function list to the small function visualization operation module. The small function visual operation module can perform list display based on the small function list, for example, a corresponding visual display process is performed in a function display area, and operation calling in a visual function configuration page is facilitated by displaying the small function visual operation module to a user. The small function analysis module stores the use configuration of the small function to the analysis module through the operation call on the small function visualization operation module, and can specifically store the expression of the configured small function to the corresponding DSL file. When the function is actually operated, the stored use configuration of the small function can be obtained through the small function operation module, the small function is instantiated as a parameter, and the corresponding function calling process is executed to finish the current function calling and operation.
The small function analysis module is used for analyzing the data protocol of the function under the appointed directory so as to generate a small function list, returning the output/input parameters of the small function and returning the value statement, including the small function description. When the user triggers the saving in the function configuration page provided by the small function visualization operation module, namely the saving of the configured expression of the small function, the small function analysis module can save the configured expression of the small function.
As shown in fig. 7, the above-mentioned process performed by the small function parsing module may be implemented by a pre-configured function; for example, the preconfigured functions may include those shown in FIG. 7: getallfonlist (), analysis (), save (fug, args, page). Wherein the code of the small function parsing module corresponding to each preconfigured function is as follows:
wherein, as shown in the above code, the parsing of the data protocol of all small functions can be realized through function analysis (); the retrieval of the parsed list of small functions may be performed by getallfonlist (), and return values include, but are not limited to: function names of small functions, in-parameters, out-parameters, examples, etc. The configuration and storage of the expression of the configured small Function may be performed by Function save (fun, args, page).
And for the small function visualization operation module, mainly performing visualization operation on 4 areas in the function configuration page. All the parsed small functions can be displayed through the function display area, and various information defined in the data protocol of the small functions can be displayed based on the triggered checking operation. And, through the function selection operation to the small function list, demonstrate the expression of the small function selected in the call area; for the parameter entering in the expression, the parameter configuration of the parameter entering in the expression can be completed through the parameter selection operation triggered by the parameter list. In addition, the corresponding debugging result can be displayed through the debugging area. In summary, the visual operation process in the 4 areas in the function configuration page may be implemented by using 4 event methods, where the 4 event methods are: usefsun, useData, useDebug, saveFun.
The 4 event method is described in detail below:
/**
* @ params { string } name-function name
* Description information of return { object } return function
*/
usefsn (name); function used by the// response click
/**
* @ params { string } varName-data name
* Return { object } returns the full name of the data claim
*/
useData (varName); data variable for// response click
/**
* @ params { string } name-function name
* Params { args: object } function is an object, there may be multiple entries
* Return { any } returns the execution result
*/
useDebug (name, ars); debug current function based on data of data area
/**
* @ params { string } name-function name
* Params { args: object } function is an object, there may be multiple entries
* Return { Boole } returns the execution result
*/
saveFun (name, args); data entry and executed functions when executing the// save function;
the visual operation process corresponding to the function display area can be realized by using useFun (name), and in the event method, the description information of the function can be returned and the function selection operation in the function list can be responded based on the triggering operation in the function display area.
The visualization operation process corresponding to the calling area can be realized by adopting useData (varName), and in the event method, the complete parameter name can be returned in response to the selected operation of the corresponding parameter in the expression.
The visual operation process of the debugging area can be realized by using useDebug (name, args), in the event method, the process of checking and debugging the expression in the calling area can be started in response to the triggering operation of the debugging control, and the corresponding debugging result can be returned.
The visualization operation process of the parameter area can be implemented by using saveFun (name, args), and in the event method, the operation of selecting parameters of corresponding parameters in the parameter list can be responded, and the selected parameters and the corresponding executed functions can be saved.
For small function execution modules, as shown in FIG. 8, when the application orchestration engine initializes the application, all pre-configured calling functions can be currently mounted on the bus, and all data related to the functions can also be mounted on the bus. The bus is used for globally recording a running function, a variable, a large variable of a DOM structure, and storing the large variable in a browser memory of a current user, and regenerating the large variable when the browser is closed and disappears. The application programming engine is realized through analyzing the DSL file and restoring the corresponding interface and through a delivered stack of bottom layer codes. The DSL file refers to any operation of recording a user on a visual operation interface in application programming, and is a proprietary JSON file recorded by the visual operations according to a certain rule.
As shown in fig. 8, when the page is parsed by the application orchestration engine, for example, a corresponding DSL file is parsed, a configuration corresponding to a function to be mobilized, such as an expression of the configuration, may be obtained; when running the small function based on the expression of the configuration, the small function mounted on the bus can be instantiated according to the use configuration, and the corresponding function calling process is executed. In the execution process, for the data to be analyzed when the corresponding function is called, all data related to the function can be mounted on the bus, so that the data required by the function call can be searched from the bus.
It should be noted that throughout the process of the present application, the whole life cycle of the small function is involved. The small function life cycle refers to a process from development to use and then to operation of the small function, and specifically can comprise processes of definition, development, use, operation and the like. These several processes are described below.
Wherein for the definition process, the small functions are written according to a data protocol. The data protocol includes information such as the name of the small function, the function description, the input parameters, the output parameters, etc. After the writing is completed, the small functions can be identified in the application programming visual interface through a data protocol, and information such as the entering parameters, the exiting parameters and the like of the small functions are displayed. Wherein, for the development process, a developer can write specific implementation codes of the small functions according to the data protocol. The code is written using JS, TS. After development, the small functions can be deployed to a server along with the application programming for visual use by the user. Wherein, for the use process: the user may find and select the desired small function in the application orchestration visualization interface. By clicking on the use of this small function, the user can add it to the application program. In conjunction with the application orchestrating the relevant variable functions, the user may use the small functions by way of a visual interface. A small function is run in a simulated environment and corresponding results can be produced. Wherein, for the running process, when the application program is deployed, the small function used by the application program also runs at the place where the corresponding application program is executed.
In the related art, corresponding codes are written in the object in the page to be laid out to realize the display logic of the object. However, conventional programming methods often require a large amount of code to be written, and there is no uniform convention, horizontal parametrics are not uniform, and for non-professional developers, using such methods may result in complex and time-consuming development processes, resulting in less efficient page layout; in addition, because unified and standard conventions are not available in the development process, the functions are difficult to read and understand and difficult to find when in use, and even the functions are repeatedly defined. The function needs to be very specialized to use, and is particularly difficult for non-programmed people to use.
According to the page object configuration method, each function is realized by a contracted protocol and is analyzed by an application programming engine, and a visual operation page is utilized to realize the configuration operation process of the page object; based on this, the following effects can be achieved:
1. development efficiency is improved: related application development requires a significant amount of encoding and debugging effort; by using the method, the visualization operation of the front-end processing small function, such as function selection operation, parameter selection operation, trigger operation of the debug control and the like, is realized through the visualized operation page, the configuration of the page object can be realized through simple trigger operation, and the standardization of function development is realized through the pre-configuration of the data protocol of each function, so that the functions are easier to read and use. And further, the page arrangement process is simplified, and the development of the application program is simplified, so that the development efficiency is improved.
2. The development difficulty is reduced: the related application program development requires a developer to have higher programming skills, and by using the method, the configuration is completed by the operation page visualized at the front end, so that the development difficulty is reduced, and non-professional developers such as products, operation and the like can participate in page arrangement and application program development.
3. Improving maintainability: the use of the visual front-end processing small function can make the logic of the application programs such as page arrangement, object configuration and the like clearer, and is easy to maintain and upgrade.
4. Easy to test: for each small function, the debugging can be directly triggered in the visualized function configuration page so as to use and debug by means of a simulation running tool, and a non-professional person can quickly test and find problems, so that the quality of the small function is improved.
5. The operation efficiency is improved: when the method is operated, the unified scheduling operation of the application programming engine is adopted, so that the multiplexing of the execution result is facilitated, and the operation efficiency of the program codes is improved.
According to the page object configuration method, the function display area, the calling area and the parameter area are provided by displaying the function configuration page corresponding to the page object, so that the visualized operation areas can be utilized to configure the page object through simple triggering operation. Wherein, in response to a function selection operation triggered in the function presentation area, an initial expression of the objective function is displayed in the calling area; responding to parameter selection operation triggered in a parameter area, and modifying initial parameters into selected target parameters to obtain a configured target expression; when the configuration completion operation is triggered, generating a code packet corresponding to the page to be arranged based on the target expression; when the page display equipment displays the page to be laid out, the target function is called based on the target expression, so that the display process of the page object is realized. The configuration of the page objects is realized through the visual operation interface, so that the page arrangement process and the corresponding program development process are simplified, the configuration efficiency is improved, and the processing efficiency of page arrangement is improved.
The application provides a page object configuration method, and relates to the technical fields of cloud technology, cloud storage and the like.
IT will be appreciated that cloud computing (cloud computing) refers to the delivery and usage mode of an IT infrastructure, meaning that required resources are obtained in an on-demand, easily scalable manner over a network; generalized cloud computing refers to the delivery and usage patterns of services, meaning that the required services are obtained in an on-demand, easily scalable manner over a network. Such services may be IT, software, internet related, or other services. Cloud Computing is a product of fusion of traditional computer and network technology developments such as Grid Computing (Grid Computing), distributed Computing (Distributed Computing), parallel Computing (Parallel Computing), utility Computing (Utility Computing), network storage (Network Storage Technologies), virtualization (Virtualization), load balancing (Load balancing), and the like.
With the development of the internet, real-time data flow and diversification of connected devices, and the promotion of demands of search services, social networks, mobile commerce, open collaboration and the like, cloud computing is rapidly developed. Unlike the previous parallel distributed computing, the generation of cloud computing will promote the revolutionary transformation of the whole internet mode and enterprise management mode in concept.
It may be understood that cloud storage (cloud storage) is a new concept that extends and develops in the concept of cloud computing, and a distributed cloud storage system (hereinafter referred to as a storage system for short) refers to a storage system that integrates a large number of storage devices (storage devices are also referred to as storage nodes) of different types in a network to cooperate through application software or an application interface through functions such as cluster application, grid technology, and a distributed storage file system, and provides data storage and service access functions for the outside.
At present, the storage method of the storage system is as follows: when creating logical volumes, each logical volume is allocated a physical storage space, which may be a disk composition of a certain storage device or of several storage devices. The client stores data on a certain logical volume, that is, the data is stored on a file system, the file system divides the data into a plurality of parts, each part is an object, the object not only contains the data but also contains additional information such as a data Identification (ID) and the like, the file system writes each object into a physical storage space of the logical volume, and the file system records storage position information of each object, so that when the client requests to access the data, the file system can enable the client to access the data according to the storage position information of each object.
The process of allocating physical storage space for the logical volume by the storage system specifically includes: physical storage space is divided into stripes in advance according to the set of capacity measures for objects stored on a logical volume (which measures tend to have a large margin with respect to the capacity of the object actually to be stored) and redundant array of independent disks (RAID, redundant Array of Independent Disk), and a logical volume can be understood as a stripe, whereby physical storage space is allocated for the logical volume.
Fig. 9 is a schematic structural diagram of a page object configuration device according to an embodiment of the present application. As shown in fig. 9, the apparatus includes:
the first display module 901 is configured to respond to a configuration request of a page object to be arranged, and display a function configuration page corresponding to the page object, where the function configuration page is a page configured for a function corresponding to display logic of the page object;
the function configuration page comprises a function display area, a calling area and a parameter area; the function display area is displayed with a function list; the parameter area is displayed with a parameter list;
a second display module 902, configured to display, in the call area, an initial expression of the selected objective function in response to a function selection operation triggered for the function list, where the initial expression includes a function name and an initial parameter of the objective function;
A third display module 903, configured to respond to a parameter selection operation triggered for the parameter list, and display modifying an initial parameter in the initial expression to a selected target parameter, so as to obtain a target expression of the target function;
the generating module 904 is configured to generate a code packet corresponding to the page to be laid out based on the target expression of the target function in response to triggering the configuration completion operation based on the function configuration page; such that the page presentation device invokes the target function to display the page object based on the target expression in the code package.
In one possible implementation, the function configuration page further includes a debug area in which debug controls for triggering a debugging process for the configured function are displayed;
the apparatus further comprises:
the fourth display module is used for responding to the triggering operation of the debugging control in the debugging area and displaying the debugging result of the target expression in the debugging area; the debug result characterizes whether the target expression is debugged through.
In one possible implementation manner, the debug area further includes a completion control, and the apparatus further includes a fifth display module;
the fifth display module, before the debugging area displays the debugging result of the target expression in response to the triggering operation of the debugging control in the debugging area, is used for:
Displaying the completion control in the debugging area as a non-trigger state;
the fourth display module is specifically configured to:
displaying the debugging result of the target expression in the debugging area, and updating the display state of the completion control based on the debugging result by the following steps:
if the debugging result represents that the target expression passes the debugging, the completion control of the debugging area is adjusted from a non-triggering state to a triggering state;
if the debugging result indicates that the target expression is not debugged, the determined control of the debugging area is kept in a non-trigger state.
In one possible implementation, the configuration completion operation is an operation triggered based on a completion control in the debug area;
the generating module is used for:
responding to triggering operation for the completion control, and jumping from the function configuration page to the layout center page of the page to be laid out;
and responding to triggering packaging operation in the layout center page, and generating a code packet corresponding to the page to be laid out based on the target expression, the data protocol of the target function and the function body.
In one possible implementation, the second display module is configured to:
determining a function name and an entry defined in a data protocol of the selected objective function in response to a function selection operation triggered for the function list;
Generating an initial expression of the objective function based on the determined function name and the entry, and displaying the initial expression in the calling area; the initial parameter is an entry defined in the data protocol of the objective function.
In one possible implementation, the apparatus further includes:
a sixth display module, configured to display protocol resolution information of the objective function in the function display area in response to a function selection operation triggered for the function list;
wherein the protocol resolution information includes at least one item of information defined in a data protocol for defining at least one of the following information of a corresponding function: page presentation name, function name, in-parameters, out-parameters, function description, function instance.
In one possible implementation, the apparatus further includes a sixth display module;
the sixth display module is used for displaying a page attribute area aiming at a page object to be arranged in an arranging center page of the page to be arranged before a function configuration page corresponding to the page object is displayed in response to a configuration request of the page object of the page to be arranged;
wherein, the attribute configuration area displays at least one dynamic attribute of the page object and an attribute setting control of each dynamic attribute; the attribute setting control is used for triggering a configuration request of the dynamic attribute of the page object;
The first display module is used for responding to a configuration request triggered by the target attribute setting control to the target attribute of the page object, and displaying a function configuration page configured for the target attribute.
In one possible implementation, the initial parameters include at least two sub-parameters;
the third display module is used for responding to the positioning operation for each sub-parameter and the parameter selection operation for the parameter list for each sub-parameter, and displaying the modification of each sub-parameter to the selected target parameter.
According to the page object configuration method, the function display area, the calling area and the parameter area are provided by displaying the function configuration page corresponding to the page object, so that the visualized operation areas can be utilized to configure the page object through simple triggering operation. Wherein, in response to a function selection operation triggered in the function presentation area, an initial expression of the objective function is displayed in the calling area; responding to parameter selection operation triggered in a parameter area, and modifying initial parameters into selected target parameters to obtain a configured target expression; when the configuration completion operation is triggered, generating a code packet corresponding to the page to be arranged based on the target expression; when the page display equipment displays the page to be laid out, the target function is called based on the target expression, so that the display process of the page object is realized. The configuration of the page objects is realized through the visual operation interface, so that the page arrangement process and the corresponding program development process are simplified, the configuration efficiency is improved, and the processing efficiency of page arrangement is improved.
The apparatus of the embodiments of the present application may perform the method provided by the embodiments of the present application, and implementation principles of the method are similar, and actions performed by each module in the apparatus of each embodiment of the present application correspond to steps in the method of each embodiment of the present application, and detailed functional descriptions of each module of the apparatus may be referred to in the corresponding method shown in the foregoing, which is not repeated herein.
Fig. 10 is a schematic structural diagram of an electronic device according to an embodiment of the present application. As shown in fig. 10, the electronic device includes: a memory, a processor and a computer program stored on the memory, the processor executing the above computer program to implement the steps of the page object configuration method, the steps being implemented in comparison with the related art:
according to the page object configuration method, the function display area, the calling area and the parameter area are provided by displaying the function configuration page corresponding to the page object, so that the visualized operation areas can be utilized to configure the page object through simple triggering operation. Wherein, in response to a function selection operation triggered in the function presentation area, an initial expression of the objective function is displayed in the calling area; responding to parameter selection operation triggered in a parameter area, and modifying initial parameters into selected target parameters to obtain a configured target expression; when the configuration completion operation is triggered, generating a code packet corresponding to the page to be arranged based on the target expression; when the page display equipment displays the page to be laid out, the target function is called based on the target expression, so that the display process of the page object is realized. The configuration of the page objects is realized through the visual operation interface, so that the page arrangement process and the corresponding program development process are simplified, the configuration efficiency is improved, and the processing efficiency of page arrangement is improved.
In an alternative embodiment, an electronic device is provided, as shown in fig. 10, the electronic device 1000 shown in fig. 10 includes: a processor 1001 and a memory 1003. The processor 1001 is coupled to the memory 1003, such as via a bus 1002. Optionally, the electronic device 1000 may further include a transceiver 1004, where the transceiver 1004 may be used for data interaction between the electronic device and other electronic devices, such as transmission of data and/or reception of data, etc. It should be noted that, in practical applications, the transceiver 1004 is not limited to one, and the structure of the electronic device 1000 is not limited to the embodiments of the present application.
The processor 1001 may be a CPU (Central Processing Unit ), general purpose processor, DSP (Digital Signal Processor, data signal processor), ASIC (Application Specific Integrated Circuit ), FPGA (Field Programmable Gate Array, field programmable gate array) or other programmable logic device, transistor logic device, hardware components, or any combination thereof. Which may implement or perform the various exemplary logic blocks, modules, and circuits described in connection with this disclosure. The processor 1001 may also be a combination that implements computing functionality, such as a combination comprising one or more microprocessors, a combination of a DSP and a microprocessor, or the like.
Bus 1002 may include a path to transfer information between the components. Bus 1002 may be a PCI (Peripheral Component Interconnect, peripheral component interconnect standard) bus, or EISA (Extended Industry Standard Architecture ) bus, among others. The bus 1002 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown in fig. 10, but not only one bus or one type of bus.
The Memory 1003 may be, but is not limited to, ROM (Read Only Memory) or other type of static storage device that can store static information and instructions, RAM (Random Access Memory ) or other type of dynamic storage device that can store information and instructions, EEPROM (Electrically Erasable Programmable Read Only Memory ), CD-ROM (Compact Disc Read Only Memory, compact disc Read Only Memory) or other optical disk storage, optical disk storage (including compact disc, laser disc, optical disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage media\othermagnetic storage devices, or any other medium that can be used to carry or store a computer program and that can be Read by a computer.
The memory 1003 is used to store a computer program for executing the embodiments of the present application, and is controlled to be executed by the processor 1001. The processor 1001 is arranged to execute a computer program stored in the memory 1003 to implement the steps shown in the foregoing method embodiments.
Among them, electronic devices include, but are not limited to: a server, a terminal, or a cloud computing center device, etc.
Embodiments of the present application provide a computer readable storage medium having a computer program stored thereon, where the computer program, when executed by a processor, may implement the steps and corresponding content of the foregoing method embodiments.
The embodiments of the present application also provide a computer program product, which includes a computer program, where the computer program can implement the steps of the foregoing method embodiments and corresponding content when executed by a processor.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless expressly stated otherwise, as understood by those skilled in the art. The terms "comprises" and "comprising" as used in the embodiments of the present application mean that the corresponding features may be implemented as presented features, information, data, steps, operations, but do not exclude the implementation as other features, information, data, steps, operations, etc. supported by the state of the art.
The terms "first," "second," "third," "fourth," "1," "2," and the like in the description and in the claims of this application and in the above-described figures, if any, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the present application described herein may be implemented in other sequences than those illustrated or otherwise described.
It should be understood that, although the flowcharts of the embodiments of the present application indicate the respective operation steps by arrows, the order of implementation of these steps is not limited to the order indicated by the arrows. In some implementations of embodiments of the present application, the implementation steps in the flowcharts may be performed in other orders as desired, unless explicitly stated herein. Furthermore, some or all of the steps in the flowcharts may include multiple sub-steps or multiple stages based on the actual implementation scenario. Some or all of these sub-steps or phases may be performed at the same time, or each of these sub-steps or phases may be performed at different times, respectively. In the case of different execution time, the execution sequence of the sub-steps or stages may be flexibly configured according to the requirement, which is not limited in the embodiment of the present application.
The foregoing is merely an optional implementation manner of the implementation scenario of the application, and it should be noted that, for those skilled in the art, other similar implementation manners based on the technical ideas of the application are adopted without departing from the technical ideas of the application, and also belong to the protection scope of the embodiments of the application.

Claims (12)

1. A method for configuring a page object, the method comprising:
responding to a configuration request of a page object of a page to be arranged, displaying a function configuration page corresponding to the page object, wherein the function configuration page is a page configured for a function corresponding to display logic of the page object;
the function configuration page comprises a function display area, a calling area and a parameter area; the function display area is internally provided with a function list; the parameter area is displayed with a parameter list;
in response to a function selection operation triggered for the function list, displaying an initial expression of the selected objective function in the call zone, the initial expression including a function name of the objective function and initial parameters;
responding to parameter selection operation triggered by aiming at the parameter list, and displaying a target expression of the target function by modifying initial parameters in the initial expression into selected target parameters;
Responding to the trigger configuration completion operation of the page based on the function configuration, and generating a code packet corresponding to the page to be arranged based on a target expression of the target function; causing a page presentation device to call the target function based on a target expression in the code package to display the page object.
2. The method of claim 1, wherein the function configuration page further comprises a debug area having a debug control displayed therein for triggering a debug process for the configured function;
the method further comprises the steps of:
responding to the triggering operation of the debugging control in the debugging area, and displaying the debugging result of the target expression in the debugging area; the debugging result characterizes whether the target expression is debugged.
3. The method of claim 2, wherein a completion control is also displayed in the debug area, the method further comprising, in response to a trigger operation of the debug control in the debug area, before the debug area displays the debug result for the target expression:
displaying the completion control in the debugging area as a non-trigger state;
displaying the debugging result of the target expression in the debugging area comprises the following steps:
Displaying the debugging result of the target expression in the debugging area, and updating the display state of the completion control based on the debugging result by the following steps:
if the debugging result represents that the target expression passes the debugging, the completion control of the debugging area is adjusted from a non-triggering state to a triggering state;
and if the debugging result indicates that the target expression is not debugged, maintaining the determined control of the debugging area in a non-trigger state.
4. A method according to claim 2 or 3, wherein the configuration completion operation is an operation triggered based on a completion control in the debug area;
the responding to the function configuration page triggering configuration completion operation, generating a code packet corresponding to the page to be laid out based on the target expression of the target function, comprising:
responding to triggering operation for the completion control, and jumping from the function configuration page to the layout center page of the page to be laid out;
and responding to triggering packaging operation in the arranging center page, and generating a code packet corresponding to the page to be arranged based on the target expression, the data protocol of the target function and a function body.
5. The method of claim 1, wherein the displaying an initial expression of the selected objective function in the calling zone in response to a function selection operation triggered for the function list comprises:
determining a function name and an entry defined in a data protocol of the selected objective function in response to a function selection operation triggered for the function list;
generating an initial expression of the objective function based on the determined function name and the entry, and displaying the initial expression in the calling area; the initial parameter is an entry defined in a data protocol of the objective function.
6. The method of claim 5, wherein the method further comprises:
responding to function selection operation triggered by aiming at the function list, and displaying protocol analysis information of the target function in the function display area;
wherein the protocol parsing information includes at least one item of information defined in a data protocol for defining at least one of the following information of a corresponding function: page presentation name, function name, in-parameters, out-parameters, function description, function instance.
7. The method according to claim 1, wherein, before the step of responding to the configuration request of the page object of the page to be arranged and displaying the function configuration page corresponding to the page object, the method further comprises:
Displaying a page attribute area aiming at the page object in the arranging center page of the page to be arranged;
at least one dynamic attribute of the page object and an attribute setting control of each dynamic attribute are displayed in the attribute configuration area; the attribute setting control is used for triggering a configuration request of the dynamic attribute of the page object;
the response to the configuration request of the page object of the page to be arranged, the function configuration page corresponding to the page object is displayed, and the method comprises the following steps:
and responding to a configuration request triggered by a target attribute setting control to target attributes of the page object, and displaying a function configuration page configured for the target attributes.
8. The method of claim 1, wherein the initial parameters include at least two sub-parameters;
the displaying, in response to a parameter selection operation triggered for the parameter list, an initial parameter in the initial expression to be modified to a selected target parameter, including:
for each sub-parameter, modifying said each sub-parameter to a selected target parameter is displayed in response to a positioning operation for said each sub-parameter and a parameter selection operation for said parameter list.
9. A page object configuration apparatus, the apparatus comprising:
the first display module is used for responding to a configuration request of a page object of a page to be arranged, displaying a function configuration page corresponding to the page object, wherein the function configuration page is a page configured for a function corresponding to display logic of the page object;
the function configuration page comprises a function display area, a calling area and a parameter area; the function display area is internally provided with a function list; the parameter area is displayed with a parameter list;
a second display module, configured to display, in the call area, an initial expression of the selected objective function in response to a function selection operation triggered for the function list, where the initial expression includes a function name and an initial parameter of the objective function;
the third display module is used for responding to the parameter selection operation triggered by the parameter list and displaying the initial parameters in the initial expression to be changed into the selected target parameters so as to obtain a target expression of the target function;
the generation module is used for responding to the trigger configuration completion operation of the page based on the function configuration, and generating a code packet corresponding to the page to be arranged based on the target expression of the target function; causing a page presentation device to call the target function based on a target expression in the code package to display the page object.
10. An electronic device comprising a memory, a processor and a computer program stored on the memory, characterized in that the processor executes the computer program to implement the page object configuration method of any one of claims 1 to 8.
11. A computer readable storage medium having stored thereon a computer program, wherein the computer program when executed by a processor implements the page object configuration method of any of claims 1 to 8.
12. A computer program product comprising a computer program, characterized in that the computer program, when executed by a processor, implements the page object configuration method of any one of claims 1 to 8.
CN202311346530.7A 2023-10-17 2023-10-17 Page object configuration method, device, electronic equipment, storage medium and product Pending CN117311713A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311346530.7A CN117311713A (en) 2023-10-17 2023-10-17 Page object configuration method, device, electronic equipment, storage medium and product

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311346530.7A CN117311713A (en) 2023-10-17 2023-10-17 Page object configuration method, device, electronic equipment, storage medium and product

Publications (1)

Publication Number Publication Date
CN117311713A true CN117311713A (en) 2023-12-29

Family

ID=89242445

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311346530.7A Pending CN117311713A (en) 2023-10-17 2023-10-17 Page object configuration method, device, electronic equipment, storage medium and product

Country Status (1)

Country Link
CN (1) CN117311713A (en)

Similar Documents

Publication Publication Date Title
US20200133829A1 (en) Methods and systems for performance testing
CN109815119B (en) APP link channel testing method and device
JP2017514218A (en) Running third-party applications
CN108134812B (en) Data processing method and device
CN112905441A (en) Test case generation method, test method, device and equipment
CN113672213A (en) Low code arrangement method and system based on component
US9934292B2 (en) Dynamic presentation of a results set by a form-based software application
CN110959153B (en) Application analysis using flexible post-processing
CN109992614B (en) Data acquisition method, device and server
CN113867700B (en) Model construction method, display platform, server and storage medium
US9230022B1 (en) Customizable result sets for application program interfaces
CN117311713A (en) Page object configuration method, device, electronic equipment, storage medium and product
CN112631949B (en) Debugging method and device, computer equipment and storage medium
CN111831277B (en) Virtual data generation method, system, device and computer readable storage medium
CN114168456A (en) Front-end performance automatic testing method based on 3D-GIS
Amatya Cross-platform mobile development: An alternative to native mobile development
CN112181407B (en) Service realization processing method, device, system, electronic equipment and storage medium
CN112905449A (en) Target test method, device, equipment and storage medium
CN116028108B (en) Method, device, equipment and storage medium for analyzing dependent package installation time
US11960560B1 (en) Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof
CN116112377B (en) Interface simulation method, device, equipment and storage medium
CN118276851A (en) User interaction interface editing method, electronic equipment and storage medium
CN115113898A (en) Dynamic updating method and device for micro application, computer equipment and storage medium
CN117851215A (en) Coverage rate aggregation analysis method and related products
CN117453223A (en) Image file generation method and device of operating system, computer equipment and medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication