CN114296833A - Business interface component configuration method and device, equipment and medium thereof - Google Patents

Business interface component configuration method and device, equipment and medium thereof Download PDF

Info

Publication number
CN114296833A
CN114296833A CN202111665610.XA CN202111665610A CN114296833A CN 114296833 A CN114296833 A CN 114296833A CN 202111665610 A CN202111665610 A CN 202111665610A CN 114296833 A CN114296833 A CN 114296833A
Authority
CN
China
Prior art keywords
configuration
form item
data
component
rendering
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
CN202111665610.XA
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.)
Guangzhou Cubesili Information Technology Co Ltd
Original Assignee
Guangzhou Cubesili Information Technology 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 Guangzhou Cubesili Information Technology Co Ltd filed Critical Guangzhou Cubesili Information Technology Co Ltd
Priority to CN202111665610.XA priority Critical patent/CN114296833A/en
Publication of CN114296833A publication Critical patent/CN114296833A/en
Pending legal-status Critical Current

Links

Images

Abstract

The application relates to the technical field of network live broadcast, and discloses a service interface component configuration method, a device and a medium thereof, wherein the method comprises the following steps: displaying a service interface component configuration interface, and loading pre-configuration template data of a corresponding service according to a pre-selected service identifier; traversing rendering indicators corresponding to the form items in the form item configuration information, calling a rendering method corresponding to the rendering indicators to perform interface rendering on the form items, generating corresponding interface elements, and constructing corresponding forms to display the form items; responding to an editing event acting on the form item in the form to obtain corresponding configuration data, and calling a verification method corresponding to the form item in the form method information to carry out validity verification on the configuration data; and when the validity check passes, updating the corresponding form item configuration information by the configuration data. The method and the device for configuring the service interface component are convenient, simple and efficient.

Description

Business interface component configuration method and device, equipment and medium thereof
Technical Field
The present application relates to the field of live webcasting technologies, and in particular, to a service interface component configuration method, and a corresponding apparatus, computer device, and computer-readable storage medium.
Background
In the live broadcast platform, because the data blocks in each interface have different style presentations, such as a picture banner, a live broadcast guide grid, a short video and the like, the same styles, such as names, pictures, jump addresses and the like, exist among the data blocks, different styles also exist, some pictures and some characters only exist, and the like, the same fields and differentiated fields exist in each data block, and for convenience of management, generally, the content of the data block in each interface needs to be configured by a developer for each data, and therefore, each data block needs to be designed and developed with a corresponding form and list page.
However, in the version iteration of the live broadcast software at the mobile phone end, the differentiation of the data block often changes very quickly, and if a form and a component of the whole data block need to be redesigned and developed each time aiming at the differentiated field, a large amount of development time is often consumed, and the software engineering development cannot be efficiently completed.
In conclusion, the method and the device adapt to the different requirements of different data blocks, the configuration requirements of the forms and the components with commonalities, and the requirements of simple and convenient operation are considered, and more technical schemes suitable for meeting the actual requirements are tried to be explored.
Disclosure of Invention
A primary object of the present application is to solve at least one of the above problems and provide a service interface component configuration method and a corresponding device, computer device, and computer readable storage medium.
In order to meet various purposes of the application, the following technical scheme is adopted in the application:
the business interface component configuration method provided by the application is suitable for one of the purposes of the application and comprises the following steps:
displaying a service interface component configuration interface, and loading pre-configuration template data of a corresponding service according to a pre-selected service identifier, wherein the template data comprises form method information and form item configuration information;
traversing rendering indicators corresponding to the form items in the form item configuration information, calling a rendering method corresponding to the rendering indicators to perform interface rendering on the form items, generating corresponding interface elements, and constructing corresponding forms to display the form items;
responding to an editing event acting on the form item in the form to obtain corresponding configuration data, and calling a verification method corresponding to the form item in the form method information to carry out validity verification on the configuration data;
and when the validity check passes, updating the corresponding form item configuration information by the configuration data.
In a further embodiment, before displaying the configuration interface of the business interface component, the method comprises the following steps:
creating a template associated with the target service in response to the user creation instruction;
calling a form item from a basic pool of a database according to a user creating instruction, and displaying an attribute data configuration component of the form item, wherein the form item in the basic pool predefines part of form item configuration information corresponding to the form item, and the form item configuration information comprises a component tag, attribute data and a public and private type of the form item;
and acquiring attribute data generated by the attribute data configuration component, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a database.
In a preferred embodiment, in the step of calling the rendering method corresponding to the rendering indicator to perform interface rendering on the form item, the corresponding rendering method is determined according to the component tag in the form item configuration information of the form item, and the rendering method is called to perform interface rendering on the form item with attribute data in the form item configuration information as an input parameter.
In a further embodiment, after obtaining the attribute data generated by the attribute data configuration component, the method includes the following steps:
detecting the public and private type in the attribute data configuration component, and when the public type is represented by the public type, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a public pool of a database; and when the attribute data represents the private type, the attribute data is associated with the form item to construct form item configuration information of the template, and the form item configuration information is stored in a basic pool of the database.
In a specific embodiment, the form method information includes a global verification method or a remote verification method, which is used to verify the validity of the form item.
In a specific embodiment, the form method information and the form item configuration information of the template data are both structured in a JSON data format.
In a further embodiment, in the step of loading pre-configured template data of the corresponding service according to the preselected service identifier, the template data is obtained from a database storing mapping relationship data between the service identifiers of a plurality of target services and the corresponding template data thereof.
The business interface component configuration device provided by the application is suitable for one of the purposes of the application and comprises: the system comprises a configuration interface display module, a form construction module, an effective line checking module and a configuration updating module, wherein the configuration interface display module is used for displaying a service interface component configuration interface and loading pre-configuration template data of corresponding services according to preselected service identifiers, and the template data comprises form method information and form item configuration information; the form construction module is used for traversing the rendering indicator corresponding to each form item in the form item configuration information, calling a rendering method corresponding to the rendering indicator to perform interface rendering on the form item, generating corresponding interface elements and constructing corresponding forms to display each form item; the validity check module is used for responding to an editing event acting on the form item in the form to obtain corresponding configuration data and calling a check method corresponding to the form item in the form method information to check the validity of the configuration data; and the configuration updating module is used for updating the corresponding form item configuration information by the configuration data when the validity check passes.
In a further embodiment, before configuring the interface display module, the method includes: a create template submodule for creating a template associated with the target service in response to a user create instruction; the form item calling submodule is used for calling form items from a basic pool of a database according to a user creating instruction and displaying attribute data configuration components of the form items, the form items in the basic pool predefine part of form item configuration information corresponding to the form items, and the form item configuration information comprises component tags, attribute data and public and private types of the form items; and the configuration storage submodule is used for acquiring the attribute data generated by the attribute data configuration component, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a database.
In a preferred embodiment, the form building module includes: and the configuration rendering submodule is used for determining a corresponding rendering method according to the component tag in the form item configuration information of the form item, and calling the rendering method to perform interface rendering by taking the attribute data in the form item configuration information as the input parameter for the form item.
In a further embodiment, after configuring the storage submodule, the method includes: a public and private type detection unit for detecting the public and private type in the attribute data configuration component, and when the public type is represented, the attribute data is associated with the form item to construct the form item configuration information of the template, and the form item configuration information is stored in a public pool of a database; and when the attribute data represents the private type, the attribute data is associated with the form item to construct form item configuration information of the template, and the form item configuration information is stored in a basic pool of the database.
In a specific embodiment, the validity checking module includes: and the form method submodule is used for checking the validity of the form item, and the form method information comprises a global checking method or a remote checking method.
In a specific embodiment, the configuration interface display module includes: and the data structure submodule is used for structuring the form method information and the form item configuration information of the template data into a JSON data format.
In a further embodiment, the configuration interface display module includes: and the mapping relation submodule is used for acquiring the template data from a database, and the database stores the mapping relation data between the service identifications of the plurality of target services and the corresponding template data.
The computer device comprises a central processing unit and a memory, wherein the central processing unit is used for calling and running a computer program stored in the memory to execute the steps of the service interface component configuration method.
The computer-readable storage medium stores a computer program implemented according to the service interface component configuration method in the form of computer-readable instructions, and when the computer program is called by a computer, the computer program executes the steps included in the method.
Compared with the prior art, the application has the following advantages:
according to the method and the device, the service identification corresponding to the service is selected on the service interface component configuration interface, the pre-configuration template data of the corresponding service is loaded, the form verification method and the form configuration information in the template data are further configured, the validity of the configuration data of the form is verified, after the verification is passed, the user-defined form is accurately and dynamically rendered and displayed in the interface according to the rendering indication item in the form configuration information, finally, the template structures under different services are relatively unified, the configuration is isolated, and the follow-up maintenance and iteration are facilitated.
The form and form item configuration mode adopted by the method is simple, convenient and quick, is suitable for various service scenes, saves time required by repeated development, and effectively improves software engineering development efficiency.
Drawings
The foregoing and/or additional aspects and advantages of the present application will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings of which:
fig. 1 is a schematic diagram of a typical network deployment architecture related to implementing the technical solution of the present application;
FIG. 2 is a schematic flow chart diagram illustrating an exemplary embodiment of a business interface component configuration method of the present application;
fig. 3 is a schematic flowchart of creating a template of an associated target service, editing a form in the template, and configuring a form item in the template in an embodiment of the present application;
fig. 4 is a schematic flowchart illustrating a process of storing a public and private type corresponding to a form item in a public pool or a basic pool in the embodiment of the present application;
FIG. 5 is a functional block diagram of a business interface component configuration method of the present application;
fig. 6 is a schematic structural diagram of a computer device used in the present application.
Detailed Description
Reference will now be made in detail to embodiments of the present application, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar function throughout. The embodiments described below with reference to the drawings are exemplary only for the purpose of explaining the present application and are not to be construed as limiting the present application.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. As used herein, the term "and/or" includes all or any element and all combinations of one or more of the associated listed items.
It will be understood by those within the art that, unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. It will be further understood that terms, such as those defined in commonly used dictionaries, should be interpreted as having a meaning that is consistent with their meaning in the context of the prior art and will not be interpreted in an idealized or overly formal sense unless expressly so defined herein.
As will be appreciated by those skilled in the art, "client," "terminal," and "terminal device" as used herein include both devices that are wireless signal receivers, which are devices having only wireless signal receivers without transmit capability, and devices that are receive and transmit hardware, which have receive and transmit hardware capable of two-way communication over a two-way communication link. Such a device may include: cellular or other communication devices such as personal computers, tablets, etc. having single or multi-line displays or cellular or other communication devices without multi-line displays; PCS (Personal Communications Service), which may combine voice, data processing, facsimile and/or data communication capabilities; a PDA (Personal Digital Assistant), which may include a radio frequency receiver, a pager, internet/intranet access, a web browser, a notepad, a calendar and/or a GPS (Global Positioning System) receiver; a conventional laptop and/or palmtop computer or other device having and/or including a radio frequency receiver. As used herein, a "client," "terminal device" can be portable, transportable, installed in a vehicle (aeronautical, maritime, and/or land-based), or situated and/or configured to operate locally and/or in a distributed fashion at any other location(s) on earth and/or in space. The "client", "terminal Device" used herein may also be a communication terminal, a web terminal, a music/video playing terminal, such as a PDA, an MID (Mobile Internet Device) and/or a Mobile phone with music/video playing function, and may also be a smart tv, a set-top box, and the like.
The hardware referred to by the names "server", "client", "service node", etc. is essentially an electronic device with the performance of a personal computer, and is a hardware device having necessary components disclosed by the von neumann principle such as a central processing unit (including an arithmetic unit and a controller), a memory, an input device, an output device, etc., a computer program is stored in the memory, and the central processing unit calls a program stored in an external memory into the internal memory to run, executes instructions in the program, and interacts with the input and output devices, thereby completing a specific function.
It should be noted that the concept of "server" as referred to in this application can be extended to the case of a server cluster. According to the network deployment principle understood by those skilled in the art, the servers should be logically divided, and in physical space, the servers may be independent from each other but can be called through an interface, or may be integrated into one physical computer or a set of computer clusters. Those skilled in the art will appreciate this variation and should not be so limited as to restrict the implementation of the network deployment of the present application.
Referring to fig. 1, the hardware basis required for implementing the related art embodiments of the present application may be deployed according to the architecture shown in the figure. The server 80 is deployed at the cloud end, and serves as a business server, and is responsible for further connecting to a related data server and other servers providing related support, so as to form a logically associated server cluster to provide services for related terminal devices, such as a smart phone 81 and a personal computer 82 shown in the figure, or a third-party server (not shown in the figure). Both the smart phone and the personal computer can access the internet through a known network access mode, and establish a data communication link with the cloud server 80 so as to run a terminal application program related to the service provided by the server.
For the server, the application program is usually constructed as a service process, and a corresponding program interface is opened for remote call of the application program running on various terminal devices.
The application program refers to an application program running on a server or a terminal device, the application program implements the related technical scheme of the application in a programming mode, a program code of the application program can be saved in a nonvolatile storage medium which can be identified by a computer in a form of a computer executable instruction, and is called into a memory by a central processing unit to run, and the related device of the application is constructed by running the application program on the computer.
One or more technical features of the present application, unless expressly specified otherwise, may be deployed to a server for implementation by a client remotely invoking an online service interface provided by a capture server for access, or may be deployed directly and run on the client for access.
Various data referred to in the present application may be stored in a server remotely or in a local terminal device unless specified in the clear text, as long as the data is suitable for being called by the technical solution of the present application.
The person skilled in the art will know this: although the various methods of the present application are described based on the same concept so as to be common to each other, they may be independently performed unless otherwise specified. In the same way, for each embodiment disclosed in the present application, it is proposed based on the same inventive concept, and therefore, concepts of the same expression and concepts of which expressions are different but are appropriately changed only for convenience should be equally understood.
The embodiments to be disclosed herein can be flexibly constructed by cross-linking related technical features of the embodiments unless the mutual exclusion relationship between the related technical features is stated in the clear text, as long as the combination does not depart from the inventive spirit of the present application and can meet the needs of the prior art or solve the deficiencies of the prior art. Those skilled in the art will appreciate variations therefrom.
Referring to fig. 2, the service interface component configuration method of the present application, in an exemplary embodiment thereof, includes the following steps:
step S1100, displaying a service interface component configuration interface, and loading pre-configuration template data of a corresponding service according to a pre-selected service identifier, wherein the template data comprises form method information and form item configuration information;
a platform operator clicks a component configuration control on a service interface in a system operation block, and triggers the server of the application to jump from the current service interface to a component configuration interface for display in response to the previous operation of the current system operator, for example, the component configuration interface comprises a component selection menu, a template region and an attribute configuration region, the component selection menu comprises a plurality of types of components such as an input type component, a selection type component, a layout type component and a public type component, wherein the input type component comprises but is not limited to a single-line text, a multi-line text, a password and an interval, the selection type component comprises but is not limited to a pull-down selection, a cascade selection, a single selection, a multi-selection, a switch, a slider, a color selection, a score, a date and a time, the layout type component mainly comprises a line container, and the public type component comprises but is not limited to paging and sorting; the template area mainly comprises a template name, a module type, a template attribute and an extension attribute; the attribute configuration area mainly comprises component public attributes, component template attributes and form attributes. In one embodiment, after a preset template type is selected in the component configuration interface, a template is created or a template flow is modified to configure a corresponding form and a form item in the form, firstly, the form item in the form is configured, a required component is selected from the component selection menu, then, a required component public attribute or a component template attribute is configured in an attribute configuration area in the component configuration interface, after the component public attribute configuration of the component is submitted, a rendering preview is performed according to the configuration of the component and the component public attribute is displayed in an extended attribute area, after the component template attribute configuration of the component is submitted, the corresponding attribute and an attribute value which are set according to the configuration of the component are displayed in a template attribute area, secondly, the corresponding form is configured, and according to the component public attribute and/or the component template attribute which are set by the component, the corresponding attribute configuration area in the component configuration interface configures form attribute, namely form method information, the method is used for checking the legality of each form item in the form, finally submitting the current template after completing the configuration of the form and the corresponding form item, further, the server stores the form configuration and the form item configuration mapping associated template type into a database, and the template creating or modifying process is ended.
The service identifier is a unique identifier preset by technicians in the field according to different platforms, services, calling resources and the like, for example, the same service identifier is pre-allocated to the same development project, and the service identifiers of different development projects are different, so that each development project has a template corresponding to the service identifier of the development project, and if the platform has a plurality of APP projects, each APP has a service identifier and a corresponding template, the service identifier is used as a necessary option when the template is created or modified, namely the template type is required to be selected to successfully create or modify the template.
According to the preselected service identification, namely the template type, loading and acquiring a value associated with key mapping of the template type in a database, and storing the corresponding form configuration and form item configuration, namely the pre-configured template data in a cache, so that the subsequent steps can be conveniently executed, wherein the database stores the mapping relation data between the service identifications of a plurality of target services and the corresponding template data.
The template data comprises form method information and form item configuration information, wherein the form item configuration information mainly comprises component tags, component attributes, field names, authority identifiers and public attributes, the component tags are HTML form elements and represent Input frame Input components in HTML elements if the HTML form elements are set to be Input, and each component corresponds to a form item of HTML; the component attributes are the attributes of HTML form items corresponding to the component tags, and when the form items are selected by each template, the component attributes can be configured individually, such as effective time, style, skip, paging and the like; the field name is a corresponding attribute in the form items in the template, and the field name is set by a user at will but the corresponding requirement meets the requirement that the form items in each template cannot repeat the requirement, so that the identification degree of the form items is improved, and the form items are convenient to retrieve and call; the permission identification is a selectable option and comprises the options of only being available by an administrator, being available by all public persons and the like, and after the corresponding permission identification is set, related testers in the platform can debug form data conveniently; if the public attribute is that the identification form item storage pool is set to public, the public attribute represents public storage to the public pool, and if the identification form item storage pool is set to private, the public attribute represents non-public storage to the basic pool, further, according to the service requirement, if the form item configuration is complete, the corresponding public and private type can be set to public storage to the public pool; if the form item configuration needs to be expanded subsequently, the corresponding public and private types can be set as private types and stored in the basic pool, and the public pool and the basic pool are further disclosed in the subsequent embodiment of the application, and the form item configuration is not pressed down temporarily. The form method information comprises a global check method or a remote check method, the global check method is a global check JavaScript method for configuring forms, a corresponding check method is set according to the configuration of each form item, the form is introduced and registered in a main method for global use so as to check the validity of the form items in the global form, the general check method is whether to fill, whether to input illegally, whether to register, check failure prompt information, regular check and the like, further, the check rule can be defined by self, and the method can be flexibly set by technicians in the field according to the actual service requirements; the remote verification method is to configure a remote form verification interface, and form item data in a general form required by a service may originate from a third party, or local verification takes a long time, and the like, so that after the form is submitted, form item filling data is usually delivered to the form verification interface pre-packaged by the third party for remote verification, such as a user inputs an account number and a password to fill in form item information corresponding to the form, and after the form is submitted, validity verification is performed on the user information corresponding to the form item in the form through the remote form verification interface provided by a platform party.
The form method information and the form item configuration information of the template data are both structured into a JSON data format so as to facilitate data interaction between terminals, the JSON specification is that parallel data are separated by commas, mapping is represented by colon, a set/array of the parallel data is represented by square brackets, and a set of the parallel data is represented by square brackets, wherein the data form is generally kye-value, and kye one-to-one mapping association value in one pair of key-values is correspondingly adopted.
Step S1200, traversing rendering indicating items corresponding to all the form items in the form item configuration information, calling a rendering method corresponding to the rendering indicating items to perform interface rendering on the form items, generating corresponding interface elements, and constructing corresponding forms to display all the form items;
and traversing the form item configuration information of each form item in the form item set corresponding to the form in the simulation data, matching the corresponding rendering indicator item according to the component tag by using the component tag of the form item, calling the corresponding rendering method according to the rendering indicator item, and rendering the form item to generate a corresponding interface element, wherein the interface element corresponding to each form item is constructed into a corresponding form so as to display each form item on an interface.
In one embodiment, according to the fact that one form item component tag in a form is of an Input data type, a rendering indicator is matched to be an Input box, the component attribute is that the title is a password, an occupation prompt in the Input box is a password Input request, the width of a component in a style is 80%, and the like; according to the fact that one form component tag in the form is of an Input data type, a rendering indication item is matched to be an Input box, component attributes are an account number, an occupation indication in the Input box is an account number, a mailbox, a mobile phone number, the width of a component in the form is 80% and the like, further, the server calls a rendering method corresponding to the Input box in HTML to render interfaces of all form items in the form, corresponding interface elements, namely a password Input box UI and an account number Input box UI are generated, and the interface elements are constructed to be corresponding forms to be displayed on a graphical user interface.
In one embodiment, according to the fact that one component tag in a form is of a date data type, a rendering indicator is matched to be a date selection box, and the component attribute is that the style is displayed in a centered mode, a selected date is displayed, and the component is automatically closed after the selected date is displayed; according to the fact that one component tag in the form is of a time data type, a rendering indicator is matched to be a time selection box, and the component attributes are bottom popup window display, default display of local system time, automatic closing after the selected time and the like; further, the server correspondingly calls rendering methods corresponding to the date selection frame and the time selection frame in the HTML to perform interface rendering on each form item in the form, generates corresponding interface elements, namely the date selection frame UI and the time selection frame UI, and constructs the interface elements into corresponding forms to be displayed on the graphical user interface.
Step S1300, responding to an editing event acting on the form item in the form to obtain corresponding configuration data, and calling a verification method corresponding to the form item in the form method information to verify the validity of the configuration data;
in order to meet the service requirement, correspondingly editing the form item in the rendered form, and then obtaining corresponding configuration data, in one embodiment, a platform development team worker performs component attribute configuration on the form item with a component tag of an Input data type and a component tag of an account, sets the form item as a required item, cannot contain sensitive characters, cannot contain illegal characters such as spaces and "/", an upper limit of word number and a lower limit of word number according to the service requirement, and correspondingly configures the component attribute of the form item that an Input value cannot be null, a boolean value of the sensitive characters is defaulted as false, a boolean value of the illegal characters is defaulted as false, an upper limit of a character string length is greater than or equal to 4 and less than or equal to 13 boolean value is defaulted as false; the method comprises the steps of configuring component attributes of a form item with a component label of an Input data type and a component title of a mobile phone number, setting the form item as a mandatory item, only numbers and 11 limited word numbers according to business requirements, and setting the form item as a mobile phone number, wherein the corresponding configured component attributes of the form item are that an Input value cannot be null, a full number of characters are numeric Boolean values and are default to true, a character string length is 11 Boolean values and are default to true, and a mobile phone number Boolean value is default to true; after editing of the form item is completed, obtaining configuration data corresponding to component attributes of the edited form item, further calling a verification method corresponding to the form method information according to the form item configuration data, if a global verification method is called to execute validity verification on the configuration data of the form item with a component label of an Input data type and a component title of an account, judging the validity of the form item according to parameters returned by the global verification method, if true is returned, judging that the validity verification of the form is failed, and if false is returned, judging that the validity verification of the form is passed; calling a global check method to execute validity check on the configuration data of the form item with the component label being an Input data type and the component title being a mobile phone number, judging the validity of the form item according to the parameters returned by the global check method, judging that the validity check of the form passes if the parameter returns true, and judging that the validity check of the form fails if the parameter returns false;
and step S1400, when the validity check passes, updating corresponding form item configuration information by the configuration data.
And after the configuration data of each form item in the form passes validity check, using the template type corresponding to the form item configuration data as a key to inquire corresponding form item configuration information in the database, and further storing the form item configuration data associated with the form item configuration information in the database so as to respond to the configuration data updating event.
When the validity check of the configuration data of the form item fails, responding to the validity check failure event, prompting the form item corresponding to the validity check failure by the configuration interface of the service interface component, editing the form item in the form according to the validity check failure event, correspondingly correcting the configuration data corresponding to the form item, calling a check method corresponding to the form item in the form method information to carry out validity check on the configuration data until the configuration data of the form item passes the validity check, and continuing the subsequent operation in the step.
The typical embodiment shows the advantages of the application, the application selects the service identifier corresponding to the service on the service interface component configuration interface, loads the pre-configuration template data of the corresponding service, further configures a form verification method and form configuration information in the template data, verifies the validity of the configuration data of the form, and after the verification is passed, accurately and dynamically renders the user-defined form according to the rendering indication item in the form configuration information to be displayed in the interface.
The form and form item configuration mode adopted by the method is simple, convenient and quick, is suitable for various service scenes, saves time required by repeated development, and effectively improves software engineering development efficiency.
Referring to fig. 3, in a further embodiment, before displaying the configuration interface of the service interface component in step S1100, the method includes the following steps:
step S1000, creating a template associated with the target service in response to a user creating instruction;
software engineering developers realize template development of an APP of a platform, namely the target service, on a service interface component configuration interface, and use a service identifier corresponding to the target service as a template type for creating the template, so that the creation of the template associated with the template type for the user is triggered, the request is sent to a server of the application, and the server receives the request and then responds to the request.
The server responds to the request, namely a user creating instruction, takes the service identifier corresponding to the template type of the created template as a key, and the value associated with the mapping of the key is the form method information and the form item configuration information of the template, so that the template associated with the target service is created.
Step S1010, calling a form item from a basic pool of a database according to a user creating instruction, and displaying an attribute data configuration component of the form item, wherein the form item in the basic pool predefines part of form item configuration information corresponding to the form item, and the form item configuration information comprises a component label, attribute data and a public and private type of the form item;
the basic pool stores configuration information of form items in the template data associated with each service identifier in a database according to the service identifier, the form item configuration information is that component basic configuration corresponding to the form items, namely part of form item configuration information, is predefined when the template is created, wherein the form item configuration information comprises component labels, public and private types and attribute data, wherein the attribute data mainly comprises field names, component default field values and field value types, and examples are shown, for example, a component label configured on a component basic is Input, a public and private type is private, the attribute data is a field name ImageUrl, a component default field value is Null, and a field value type is a character string; the component label configured on a component basis is a partition line, the public and private type is private, the attribute data is a field name BottomlineEnab, the component default field value is false, and the field value type is Boolean.
Further, according to the service identifier selected by the user creating instruction, the form item configuration information corresponding to the service identifier in the basic pool of the database is inquired, and the attribute data configuration component of the form item is displayed in the template attribute board block in the template area of the service interface component configuration interface, so that the basic configuration of the component corresponding to the form item can be conveniently consulted, modified, added, deleted and other related operations.
Step S1020, obtaining the attribute data generated by the attribute data configuration component, constructing the attribute data associated with the form item as form item configuration information of the template, and storing the form item configuration information in a database.
Based on the currently predefined partial form configuration information of the attribute data configuration component of the form, the extended attributes of the attribute data configuration component corresponding to the form, such as whether paging is available, the effective time, an icon during interface display, an icon during operation trigger response, component width, component color, an occupancy prompt and the like, can be further configured, after that, the extended attribute data generated by the attribute data configuration component is correspondingly obtained, the form configuration information of the template is constructed by combining with the partial form configuration information before association, and the form configuration information of the template is stored in a database by associating with the service identifier.
In one embodiment, based on the fact that part of form configuration information predefined by an attribute data configuration component of a current form is a component tag of Input, a public and private type of private is private, the attribute data is a field name of Search, a component default field value of Null, and a field value type of a character string, further, the extended attribute of the attribute data configuration component corresponding to the form is configured to be non-paging, the component color is gray, the component width is 80%, the upper slide is fixed, the method is used for uploading Search icon URL icons corresponding to icons when an interface is displayed, and the method is used for uploading Search icon URL icons corresponding to icons when an operation triggers a response.
In the embodiment, the method can be used for disclosing the form item by adding the extended attribute on the basis of the original attribute through the attribute data configuration component of the form item in the basic pool, so that the form item can be suitable for different service scenes, the operation is simple, convenient and quick, and the time required by repeated configuration is saved.
In a preferred embodiment, in the step S1200, in the step of calling the rendering method corresponding to the rendering indicator to perform interface rendering on the form item, in the step S1210, the corresponding rendering method is determined according to the component tag in the form item configuration information of the form item, and the rendering method is called to perform interface rendering on the form item with attribute data in the form item configuration information as an input parameter.
The method comprises the steps of introducing a component corresponding to a form item, initiating a request for obtaining configuration information of the form item to a server, receiving an object type array returned by the server, determining a corresponding rendering method according to a component label serving as an identifier by using a component is dynamic component, and calling the rendering method by using attribute data in the configuration information of the form item as a method input parameter to realize interface rendering of the form item.
In one embodiment, a component tag in the form configuration information of the form is select, a component is dynamic component is used as an identifier, a corresponding rendering method is determined and called, attribute data in the form configuration information is used as a method input parameter, and further, according to dynamic definition attributes of corresponding component attributes in the form configuration information, such as gray color during display, yellow color during trigger response, 10% component width and the like, a corresponding drop-down box UI is rendered for displaying on an interface.
In this embodiment, the interface element UI corresponding to the custom component of the form item is accurately dynamically rendered by identifying the rendering indicator item corresponding to the form item, so that the personalized form and the form item can be accurately rendered and displayed on the interface.
Referring to fig. 4, in a further embodiment, after the step S1020 of acquiring the attribute data generated by the attribute data configuration component, the method includes the following steps:
step S1030, detecting the public and private type in the attribute data configuration component, and when the public type is represented, constructing the attribute data associated with the form item as form item configuration information of the template, and storing the form item configuration information in a public pool of a database; and when the attribute data represents the private type, the attribute data is associated with the form item to construct form item configuration information of the template, and the form item configuration information is stored in a basic pool of the database.
Detecting a public and private type corresponding to an attribute data configuration component of a form item, when the public and private type is set as public, constructing the form item into form item configuration information corresponding to the template by combining a predefined partial attribute generated by configuring the attribute data configuration component with the attribute data corresponding to an extended attribute in association with the form item, further taking a service identifier corresponding to the template type as a key, mapping and associating the key as a value by the form item configuration information, storing the key in a public pool in the database, and facilitating subsequent access to the database through the corresponding service identifier so as to quickly call the form method and the form item configuration data corresponding to the template; when the public and private type is set as private type, the predefined partial attribute generated by configuring the attribute data configuration component is combined with the attribute data corresponding to the extended attribute to construct the form item as form item configuration information corresponding to the template, then the service identifier corresponding to the template type is used as a key, the form item configuration information is mapped and associated with the key to be used as a value and is stored in a basic pool in the database, so that the database can be accessed through the corresponding service identifier in the subsequent process, the form method and the form item configuration data corresponding to the template can be called quickly, further, the basic pool in the database can be accessed according to the service identifier in the subsequent process to call the corresponding form item configuration information, on the basis of the attribute data predefined by the attribute data configuration component of the form item, the extended attribute is added to realize the service requirement required by the form item, the detailed operation may refer to step S1020.
In this embodiment, the form items are distinguished by identifying the public and private types and stored in the public pool or the basic pool, so that the form items in the basic pool can be called according to service requirements to further add extension attributes to the form items, and the form items are suitable for different service scenarios, or configured form items in the public pool are directly called, so that the common points of the form items are efficiently utilized, and operability is provided to meet the differentiation requirements of the form items.
Referring to fig. 5, a service interface component configuration device provided in the present application, adapted to perform functional deployment by the service interface component configuration method of the present application, includes: the system comprises a configuration interface display module 1100, a form construction module 1200, an effective line checking module 1300 and a configuration updating module 1400, wherein the configuration interface display module 1100 is used for displaying a service interface component configuration interface, loading pre-configuration template data of a corresponding service according to a preselected service identifier, and the template data comprises form method information and form item configuration information; the form construction module 1200 is configured to traverse the rendering indicator corresponding to each form item in the form item configuration information, call a rendering method corresponding to the rendering indicator to perform interface rendering on the form item, generate a corresponding interface element, and construct a corresponding form to display each form item; the validity check module is used for responding to an editing event acting on the form item in the form to obtain corresponding configuration data and calling a check method corresponding to the form item in the form method information to check the validity of the configuration data; and a configuration updating module 1400, configured to update the corresponding form item configuration information with the configuration data when the validity check passes.
In a further embodiment, before the configuration interface display module 1100, the method includes: a create template submodule for creating a template associated with the target service in response to a user create instruction; the form item calling submodule is used for calling form items from a basic pool of a database according to a user creating instruction and displaying attribute data configuration components of the form items, the form items in the basic pool predefine part of form item configuration information corresponding to the form items, and the form item configuration information comprises component tags, attribute data and public and private types of the form items; and the configuration storage submodule is used for acquiring the attribute data generated by the attribute data configuration component, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a database.
In a preferred embodiment, the form building module 1200 includes: and the configuration rendering submodule is used for determining a corresponding rendering method according to the component tag in the form item configuration information of the form item, and calling the rendering method to perform interface rendering by taking the attribute data in the form item configuration information as the input parameter for the form item.
In a further embodiment, after configuring the storage submodule, the method includes: a public and private type detection unit for detecting the public and private type in the attribute data configuration component, and when the public type is represented, the attribute data is associated with the form item to construct the form item configuration information of the template, and the form item configuration information is stored in a public pool of a database; and when the attribute data represents the private type, the attribute data is associated with the form item to construct form item configuration information of the template, and the form item configuration information is stored in a basic pool of the database.
In a specific embodiment, the validity checking module 1300 includes: and the form method submodule is used for checking the validity of the form item, and the form method information comprises a global checking method or a remote checking method.
In a specific embodiment, the configuration interface display module 1100 includes: and the data structure submodule is used for structuring the form method information and the form item configuration information of the template data into a JSON data format.
In a further embodiment, the configuration interface display module 1100 includes: and the mapping relation submodule is used for acquiring the template data from a database, and the database stores the mapping relation data between the service identifications of the plurality of target services and the corresponding template data.
In order to solve the technical problem, an embodiment of the present application further provides a computer device. As shown in fig. 6, the internal structure of the computer device is schematically illustrated. The computer device includes a processor, a computer-readable storage medium, a memory, and a network interface connected by a system bus. The computer readable storage medium of the computer device stores an operating system, a database and computer readable instructions, the database can store control information sequences, and the computer readable instructions, when executed by the processor, can enable the processor to implement a business interface component configuration method. The processor of the computer device is used for providing calculation and control capability and supporting the operation of the whole computer device. The memory of the computer device may have stored therein computer readable instructions that, when executed by the processor, may cause the processor to perform the business interface component configuration method of the present application. The network interface of the computer device is used for connecting and communicating with the terminal. Those skilled in the art will appreciate that the architecture shown in fig. 6 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In this embodiment, the processor is configured to execute specific functions of each module and its sub-module in fig. 5, and the memory stores program codes and various data required for executing the modules or the sub-modules. The network interface is used for data transmission to and from a user terminal or a server. The memory in this embodiment stores program codes and data required for executing all modules/sub-modules in the live gift resource update of the present application, and the server can call the program codes and data of the server to execute the functions of all sub-modules.
The present application also provides a storage medium storing computer-readable instructions which, when executed by one or more processors, cause the one or more processors to perform the steps of the business interface component configuration method of any of the embodiments of the present application.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments of the present application can be implemented by a computer program, which can be stored in a computer-readable storage medium, and when the computer program is executed, the processes of the embodiments of the methods can be included. The storage medium may be a computer-readable storage medium such as a magnetic disk, an optical disk, a Read-Only Memory (ROM), or a Random Access Memory (RAM).
In summary, in the present application, firstly, different forms and form items are distinguished and designed according to the type of the template, so that the structure of the template is uniform, the configuration between the templates is relatively isolated, and maintenance and iteration are facilitated, and secondly, the form items are distinguished and stored in the corresponding public pool and the basic pool, so that the attributes of the form items in the basic pool can be further extended according to the service requirement, or the form items configured in the public pool can be directly called, and furthermore, the configuration of the form items and the form items can be simply and quickly completed, and the time required for repeatedly developing the form and the form items required by the page can be saved.
Those of skill in the art will appreciate that the various operations, methods, steps in the processes, acts, or solutions discussed in this application can be interchanged, modified, combined, or eliminated. Further, other steps, measures, or schemes in various operations, methods, or flows that have been discussed in this application can be alternated, altered, rearranged, broken down, combined, or deleted. Further, steps, measures, schemes in the prior art having various operations, methods, procedures disclosed in the present application may also be alternated, modified, rearranged, decomposed, combined, or deleted.
The foregoing is only a partial embodiment of the present application, and it should be noted that, for those skilled in the art, several modifications and decorations can be made without departing from the principle of the present application, and these modifications and decorations should also be regarded as the protection scope of the present application.

Claims (10)

1. A business interface component configuration method is characterized by comprising the following steps:
displaying a service interface component configuration interface, and loading pre-configuration template data of a corresponding service according to a pre-selected service identifier, wherein the template data comprises form method information and form item configuration information;
traversing rendering indicators corresponding to the form items in the form item configuration information, calling a rendering method corresponding to the rendering indicators to perform interface rendering on the form items, generating corresponding interface elements, and constructing corresponding forms to display the form items;
responding to an editing event acting on the form item in the form to obtain corresponding configuration data, and calling a verification method corresponding to the form item in the form method information to carry out validity verification on the configuration data;
and when the validity check passes, updating the corresponding form item configuration information by the configuration data.
2. The business interface component configuration method of claim 1, wherein before displaying the business interface component configuration interface, comprising the steps of:
creating a template associated with the target service in response to the user creation instruction;
calling a form item from a basic pool of a database according to a user creating instruction, and displaying an attribute data configuration component of the form item, wherein the form item in the basic pool predefines part of form item configuration information corresponding to the form item, and the form item configuration information comprises a component tag, attribute data and a public and private type of the form item;
and acquiring attribute data generated by the attribute data configuration component, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a database.
3. The service interface component configuration method according to claim 1, wherein in the step of invoking the rendering method corresponding to the rendering indicator to perform interface rendering for the form item, the corresponding rendering method is determined according to the component tag in the form item configuration information of the form item, and the rendering method is invoked to perform interface rendering for the form item with attribute data in the form item configuration information as an entry parameter.
4. The business interface component configuration method of claim 1, wherein after obtaining the attribute data generated by the attribute data configuration component, comprising the steps of:
detecting the public and private type in the attribute data configuration component, and when the public type is represented by the public type, constructing the attribute data associated with the form item into form item configuration information of the template, and storing the form item configuration information in a public pool of a database; and when the attribute data represents the private type, the attribute data is associated with the form item to construct form item configuration information of the template, and the form item configuration information is stored in a basic pool of the database.
5. A business interface component configuration method according to any one of claims 1 to 4, wherein the form method information comprises a global validation method or a remote validation method for validating form items.
6. The business interface component configuration method of any one of claims 1 to 4, wherein the form method information and the form item configuration information of the template data are both structured in a JSON data format.
7. The service interface component configuration method according to any of claims 1 to 4, wherein in the step of loading pre-configured template data of a corresponding service according to a pre-selected service identifier, the template data is obtained from a database storing mapping relationship data between service identifiers of a plurality of target services and their corresponding template data.
8. A business interface component configuration apparatus, comprising:
the configuration interface display module is used for displaying a service interface component configuration interface and loading pre-configuration template data of corresponding services according to a pre-selected service identifier, wherein the template data comprises form method information and form item configuration information;
the form construction module is used for traversing the rendering indicator corresponding to each form item in the form item configuration information, calling a rendering method corresponding to the rendering indicator to perform interface rendering on the form item, generating corresponding interface elements and constructing corresponding forms to display each form item;
the validity check module is used for responding to an editing event acting on the form item in the form to obtain corresponding configuration data and calling a check method corresponding to the form item in the form method information to check the validity of the configuration data;
and the configuration updating module is used for updating the corresponding form item configuration information by the configuration data when the validity check passes.
9. A computer device comprising a central processor and a memory, characterized in that the central processor is adapted to invoke execution of a computer program stored in the memory to perform the steps of the method according to any one of claims 1 to 7.
10. A computer-readable storage medium, characterized in that it stores, in the form of computer-readable instructions, a computer program implemented according to the method of any one of claims 1 to 7, which, when invoked by a computer, performs the steps comprised by the corresponding method.
CN202111665610.XA 2021-12-31 2021-12-31 Business interface component configuration method and device, equipment and medium thereof Pending CN114296833A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111665610.XA CN114296833A (en) 2021-12-31 2021-12-31 Business interface component configuration method and device, equipment and medium thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111665610.XA CN114296833A (en) 2021-12-31 2021-12-31 Business interface component configuration method and device, equipment and medium thereof

Publications (1)

Publication Number Publication Date
CN114296833A true CN114296833A (en) 2022-04-08

Family

ID=80972782

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111665610.XA Pending CN114296833A (en) 2021-12-31 2021-12-31 Business interface component configuration method and device, equipment and medium thereof

Country Status (1)

Country Link
CN (1) CN114296833A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114741079A (en) * 2022-04-14 2022-07-12 上海携宁计算机科技股份有限公司 Software development method, platform, electronic device and computer-readable storage medium

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005093625A1 (en) * 2004-03-26 2005-10-06 Crimsonlogic Pte Ltd A forms development platform
CN107562467A (en) * 2017-07-26 2018-01-09 阿里巴巴集团控股有限公司 Page rendering method, apparatus and equipment
CN110618813A (en) * 2019-09-02 2019-12-27 恩亿科(北京)数据科技有限公司 Method, device and equipment for quickly generating docking media interface and storage medium
CN111178012A (en) * 2019-12-03 2020-05-19 腾讯云计算(北京)有限责任公司 Form rendering method, device and equipment and storage medium
CN111427559A (en) * 2019-01-10 2020-07-17 阿里巴巴集团控股有限公司 Method for realizing form customized service, form generation method, device and system
CN112464279A (en) * 2020-11-26 2021-03-09 北京宏景世纪软件股份有限公司 Method and system for realizing form design based on service drive
CN112528616A (en) * 2020-12-18 2021-03-19 平安银行股份有限公司 Business form generation method and device, electronic equipment and computer storage medium
CN112711418A (en) * 2021-02-05 2021-04-27 北京宇信科技集团股份有限公司 Front-end interface layout method and device for multiple components, electronic equipment and storage medium
CN112749159A (en) * 2019-10-31 2021-05-04 北京国双科技有限公司 Form generation method and device, electronic equipment and storage medium
CN112799760A (en) * 2021-01-26 2021-05-14 挂号网(杭州)科技有限公司 Form rendering method and device

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005093625A1 (en) * 2004-03-26 2005-10-06 Crimsonlogic Pte Ltd A forms development platform
CN107562467A (en) * 2017-07-26 2018-01-09 阿里巴巴集团控股有限公司 Page rendering method, apparatus and equipment
CN111427559A (en) * 2019-01-10 2020-07-17 阿里巴巴集团控股有限公司 Method for realizing form customized service, form generation method, device and system
CN110618813A (en) * 2019-09-02 2019-12-27 恩亿科(北京)数据科技有限公司 Method, device and equipment for quickly generating docking media interface and storage medium
CN112749159A (en) * 2019-10-31 2021-05-04 北京国双科技有限公司 Form generation method and device, electronic equipment and storage medium
CN111178012A (en) * 2019-12-03 2020-05-19 腾讯云计算(北京)有限责任公司 Form rendering method, device and equipment and storage medium
CN112464279A (en) * 2020-11-26 2021-03-09 北京宏景世纪软件股份有限公司 Method and system for realizing form design based on service drive
CN112528616A (en) * 2020-12-18 2021-03-19 平安银行股份有限公司 Business form generation method and device, electronic equipment and computer storage medium
CN112799760A (en) * 2021-01-26 2021-05-14 挂号网(杭州)科技有限公司 Form rendering method and device
CN112711418A (en) * 2021-02-05 2021-04-27 北京宇信科技集团股份有限公司 Front-end interface layout method and device for multiple components, electronic equipment and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
刘壮飞;: "使用动态界面配置实现灵活业务支撑", 网络安全技术与应用, no. 12, 15 December 2014 (2014-12-15) *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114741079A (en) * 2022-04-14 2022-07-12 上海携宁计算机科技股份有限公司 Software development method, platform, electronic device and computer-readable storage medium

Similar Documents

Publication Publication Date Title
US9158534B2 (en) Smart endpoint architecture
US9239705B2 (en) Method and apparatus for customized software development kit (SDK) generation
US20140282398A1 (en) Platform for developing and distributing mobile applications
US20150205705A1 (en) System and method for automated testing of software applications with dynamic user interfaces spanning multiple technologies
US20210333984A1 (en) Method and apparatus for generating customized visualization component
US20210337015A1 (en) Method and system of application development for multiple device client platforms
US11593074B2 (en) System, method, and apparatus for data-centric networked application development services
US20120173962A1 (en) Online application providing apparatus
US20070078925A1 (en) Porting an interface defining document between mobile device platforms
CN111580820A (en) Applet generation method and device
CN114296833A (en) Business interface component configuration method and device, equipment and medium thereof
CN113515281A (en) Method for realizing user-defined interface of mobile application
CN112596746A (en) Application installation package generation method and device, computer equipment and storage medium
CN112613275A (en) Receipt generation method and device, computer equipment and storage medium
CN112035113A (en) Navigation bar loading method, device, equipment and medium of H5 page
CN115017436B (en) Data interaction method and device of application program, computer equipment and storage medium
US10951662B1 (en) Open integration framework for cybersecurity incident management software platform
CN114282760A (en) Workflow generation method and device combining dynamic form and dynamic flow
CN114077459A (en) Method, device, medium and product for controlling foreign access login
CN113448577A (en) Page generation method and device and storage medium
CN112182552A (en) Real-name authentication method and device, electronic equipment and storage medium
CN112068895A (en) Code configuration method and device, video playing equipment and storage medium
CN105630553B (en) A kind of product loading method and system
CN112650509B (en) Application installation package generation method and device, computer equipment and storage medium
CN114594948A (en) Method, device, system, equipment and medium for generating dynamic drop-down box control

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination