CN114115830A

CN114115830A - Webpage control generating method, device, equipment and storage medium

Info

Publication number: CN114115830A
Application number: CN202111444703.XA
Authority: CN
Inventors: 徐申晟; 喻淇健; 陈瑶; 张寰
Original assignee: Shanghai Pudong Development Bank Co Ltd
Current assignee: Shanghai Pudong Development Bank Co Ltd
Priority date: 2021-11-30
Filing date: 2021-11-30
Publication date: 2022-03-01

Abstract

The invention discloses a webpage control generating method, a webpage control generating device, webpage control generating equipment and a webpage control generating storage medium. The method comprises the following steps: acquiring a program module set and a bridge selected by a client developer; determining an initialization rule and an injection rule according to the bridge; according to the technical scheme, the problem of repeated codes is solved, the problem that due to the fact that the number of interaction methods and the codes are rapidly increased, the situation that management and maintenance are difficult is solved, and the webpage control can be generated according to the selected program module set and the bridge.

Description

Webpage control generating method, device, equipment and storage medium

Technical Field

The embodiment of the invention relates to the technical field of computers, in particular to a method, a device, equipment and a storage medium for generating a webpage control.

Background

With the rapid development and popularization of mobile internet and intelligent equipment, the number of users of internet mobile application, the number of research and development personnel participating in developing service functions and the number of application service module functions are increasing, and meanwhile, the rapid updating speed and frequency of the service to versions are also increasing. Under the background that the hardware performance and the network speed are greatly improved in recent years, the hybrid development technology becomes one of the main means for improving the version iteration efficiency and quickly responding to the online requirement of the business.

The following problems can exist in using hybrid development to realize webpage control generation: 1. 2, as the business increases, the number of interaction methods and codes will increase dramatically, and the situation of difficult management and maintenance occurs.

Disclosure of Invention

Embodiments of the present invention provide a method, an apparatus, a device, and a storage medium for generating a web page control, which solve the problem of code duplication, and also solve the problem of difficult management and maintenance due to rapid increase of the number of interaction methods and codes, and can generate a web page control according to a selected program module set and a bridge.

In a first aspect, an embodiment of the present invention provides a method for generating a web page control, including:

acquiring a program module set and a bridge selected by a client developer;

determining an initialization rule and an injection rule according to the bridge;

and generating a webpage control according to the initialization rule, the injection rule and the program module set.

In a second aspect, an embodiment of the present invention further provides a device for generating a web page control, where the device includes:

the acquisition module is used for acquiring the program module set and the bridge selected by the client developer;

a determination module for determining an initialization rule and an injection rule according to the bridge;

and the generating module is used for generating the webpage control according to the initialization rule, the injection rule and the program module set.

In a third aspect, an embodiment of the present invention further provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor executes the computer program to implement the method according to any one of the embodiments of the present invention.

In a fourth aspect, the present invention further provides a computer-readable storage medium, on which a computer program is stored, which when executed by a processor implements the method according to any one of the embodiments of the present invention.

The embodiment of the invention obtains the program module set and the bridge selected by the client developer; determining an initialization rule and an injection rule according to the bridge; and generating the webpage control according to the initialization rule, the injection rule and the program module set, thereby solving the problem of repeated codes and the problem of difficult management and maintenance due to rapid increase of the number of interaction methods and codes, and generating the webpage control according to the selected program module set and the bridge.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.

FIG. 1 is a flowchart of a method for generating a web page control according to an embodiment of the present invention;

FIG. 1a is a diagram of the overall architecture of a client in an embodiment of the invention;

FIG. 1b is a schematic diagram of front end and client interaction in an embodiment of the invention;

fig. 2 is a schematic structural diagram of a web page control generating apparatus in an embodiment of the present invention;

fig. 3 is a schematic structural diagram of an electronic device in an embodiment of the present invention;

fig. 4 is a schematic structural diagram of a computer-readable storage medium containing a computer program in an embodiment of the present invention.

Detailed Description

The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures. In addition, the embodiments and features of the embodiments in the present invention may be combined with each other without conflict.

Before discussing exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart may describe the operations (or steps) as a sequential process, many of the operations can be performed in parallel, concurrently or simultaneously. In addition, the order of the operations may be re-arranged. The process may be terminated when its operations are completed, but may have additional steps not included in the figure. The processes may correspond to methods, functions, procedures, subroutines, and the like. In addition, the embodiments and features of the embodiments in the present invention may be combined with each other without conflict.

The term "include" and variations thereof as used herein are intended to be open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment".

It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present invention, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.

Fig. 1 is a flowchart of a method for generating a web page control according to an embodiment of the present invention, where this embodiment is applicable to a situation of generating a web page control, and the method may be executed by a device for generating a web page control according to an embodiment of the present invention, where the device may be implemented in a software and/or hardware manner, and as shown in fig. 1, the method specifically includes the following steps:

and S110, acquiring the program module set and the bridge selected by the client developer.

The program modules are pre-constructed basic modules, and each program module comprises at least one interaction method.

Specifically, a code repository containing a plurality of program modules is pre-constructed, a client developer selects at least one program module from the code repository, a program module set is determined according to the at least one program module selected by the client developer, and a bridge is obtained.

In a specific example, after a client developer opens an interface, a code warehouse area and an editing area are displayed in the interface, the client developer drags a program module icon of the code warehouse area to the editing area, after the client developer clicks a determination control, the program module icon selected by the client developer is obtained, a program module set is generated according to the program module icon selected by the client developer, and a bridge selected by the client developer is obtained.

And S120, determining an initialization rule and an injection rule according to the bridge.

Wherein the initialization rule and the injection rule are rules pre-packaged into a bridge.

The initialization rule is used for initializing the program modules in the program module set, and the injection rule is used for injecting the initialized program modules into the container so as to obtain the webpage control.

Specifically, the method for determining the initialization rule and the injection rule according to the bridge may be: acquiring pre-agreed interactive data, wherein the interactive data comprises: at least one of a front-end technology stack name, an interactive interface name, a base field, a response code, and an error code; creating a component project; determining an initialization rule and an injection rule according to the name of the front-end technology stack; and packaging the initialization rule, the injection rule and the interaction data to the component engineering to obtain the bridge. And acquiring the initialization rule and the injection rule encapsulated in the bridge.

And S130, generating a webpage control according to the initialization rule, the injection rule and the program module set.

Specifically, the manner of generating the web page control according to the initialization rule, the injection rule, and the program module set may be: initializing the program modules in the program module set according to the initialization rule; newly building a container; and injecting the initialized program module into the container based on the injection rule to obtain the webpage control.

Optionally, generating a web page control according to the initialization rule, the injection rule, and the program module set includes:

initializing the program modules in the program module set according to the initialization rule;

newly building a container;

and injecting the initialized program module into the container based on the injection rule to obtain the webpage control.

Specifically, the program modules in the program module set are initialized according to the initialization rule, for example, if the program module set includes: the program module A is initialized according to the initialization rule, the program module B is initialized according to the initialization rule, and the program module C is initialized according to the initialization rule.

Specifically, the initialized program module is injected into the container based on the injection rule, so as to obtain the webpage control. For example, the initialized program module a, the initialized program module B, and the initialized program module C may be injected into the container based on the injection rule to obtain the web page control.

Optionally, the injecting the initialized program module into the container based on the injection rule to obtain the web page control includes:

the method comprises the steps that when touch operation of a user on a target application is detected, a webpage address corresponding to the target application is obtained;

inquiring a configuration file according to the webpage address to obtain a target program module corresponding to the webpage address;

and injecting the target program module into the container to obtain the webpage control.

The configuration files are pre-configured, and different applications correspond to different configuration files. And program modules corresponding to different webpage addresses are prestored in the configuration file.

Specifically, when a touch operation of a user on a target application is detected, a manner of acquiring a web address corresponding to the target application may be: and when the clicking operation of the user on the icon corresponding to the target application is detected, acquiring a configuration file corresponding to the target application and a webpage address corresponding to the target application.

The method for querying the configuration file according to the webpage address can be as follows: the configuration file stores a corresponding relationship between a web page address and a program module, and queries the configuration file according to the web page address to obtain a target program module corresponding to the web page address, for example, the configuration file stores: and if the webpage address corresponding to the target application is the webpage address A, inquiring a configuration file according to the webpage address A to obtain the program module A corresponding to the webpage address A.

In one example, the configuration file has stored therein: if the webpage address corresponding to the target application is the webpage address A, inquiring a configuration file according to the webpage address A to obtain the program module A and the program module B corresponding to the webpage address A, determining the program module A and the program module B as target program modules, and injecting the program module A and the program module B into a container to obtain a webpage control.

Optionally, the method further includes:

acquiring parameter information input by a front-end developer;

and generating a target page according to the parameter information.

The parameter information input by the front-end developer may include: module name and function name.

Specifically, the method for generating the target page according to the parameter information may be: determining the name of a target program module and the name of a target function according to the parameter information; and generating a target page according to the parameter information, the target program module name and the target function name.

Optionally, generating a target page according to the parameter information includes:

determining the name of a target program module and the name of a target function according to the parameter information;

and generating a target page according to the parameter information, the target program module name and the target function name.

Wherein, the program module comprises at least one function. For example, the program module a may include: a first function, a second function, a third function, and a fourth function.

Specifically, the name of the target program module and the name of the target function are determined according to the parameter information, for example, the target function may be determined to be the first function in the program module a according to the parameter information.

Specifically, the method for generating the target page according to the parameter information, the name of the target program module, and the name of the target function may be: and acquiring a target function according to the name of the target program module and the name of the target function, and generating a target page according to the target function and the parameter information.

Optionally, before obtaining the set of program modules and the bridge selected by the client developer, the method further includes:

acquiring pre-agreed interactive data, wherein the interactive data comprises: at least one of a front-end technology stack name, an interactive interface name, a base field, a response code, and an error code;

creating a component project;

determining an initialization rule and an injection rule according to the name of the front-end technology stack;

and packaging the initialization rule, the injection rule and the interaction data to the component engineering to obtain the bridge.

The response code may be a preset response code, and the error code may also be a preset error code, it should be noted that the response code and the error code are different, which is not limited in this embodiment of the present invention.

The front-end technology stack may be at least one of Web, RN, Weex, and Flutter.

Wherein the bridge may dynamically load the program module via the routing path.

In an example, the present invention proposes an application overall architecture design based on mixed pure native coexistence, which includes a client overall architecture design with five levels of app shell engineering, business layer, common layer (interface layer), component layer Library, and remote repository, as shown in fig. 1a, where:

shell engineering: only the configuration, description and version information of the dependent modules. Is the entry for application initialization.

The service layer is divided into two blocks of native and hybrid. native is the realization of pure client functions, hybrid is the realization of basic functions provided by the client for the front end, such as: code scanning, face recognition, equipment authority and the like.

The common layer (interface layer) only comprises interfaces and entity classes exposed to the outside between the interface modules, external interface protocols and enumeration classes.

The component layer Library is the basic layer on which the service implementation depends, and is mostly the package called by the open source item or the three-party SDK. Such as encapsulating traffic requested by the network, encapsulating the gson library that resolves json.

And most of the component layer AAR are stable open source projects which can be directly used, three-party SDKs of cooperative suppliers, such as zxing, OCR and voice recognition.

The overall architecture design of the client is to split the client by taking the components and the business modules as units. The front-end application can access the corresponding function of the component according to the business requirement, and is a basic design for solving the problem that the front end depends on the client for updating, otherwise, the old version client cannot use the new native capability and the characteristic of the front-end real-time updating is violated. Meanwhile, subsequent version iteration is carried out based on the architecture design, the code increase can realize a structure of high cohesion and low coupling on a physical level according to business logic, and the problems that the number of interaction methods and codes are rapidly increased along with the increase of business, and the management and the maintenance are difficult are fundamentally solved.

The embodiment of the invention also provides a scheme for leveling the interaction difference between different front-end technology stacks and the native, as shown in fig. 1b, the scheme refers to the design of retrofit and spring-boot, performs decoupling through an interface, provides a uniform method for different front-end technology stacks and clients for front-end technology stack (jsp, vue and reactive-native) bridges, and supports the expansion of subsequent small programs. And the front-end javascript layer compiles a corresponding implementation according to the native bridge and splits the three layers of modules, characteristics and methods based on the basic service and the service target provided by the existing client. The scheme user can focus on the service function, writes the corresponding function implementation according to the appointed interface, does not need to care about the direct difference of iOS and Android of the client, and does not need to care about the interaction difference of vue, reactivative, weex and the client. Based on the scheme, the basic capability of a set of clients can be reused to provide services for each front-end technology stack, and the problem of code repetition caused by difference of interaction modes can be solved.

The embodiment of the invention provides a high-multiplexing scheme which is based on componentization and can be directly used in different hybrid development hybrid projects, namely different business project groups in the same app and different project groups of different apps can select program modules which need to be depended on according to needs, and access and use corresponding native capabilities. The embodiment of the invention analyzes the common basic service and business functions and further splits the front-end javascript service layer into three layers, namely a module, a characteristic and a method. In the implementation of the method, the method follows the criteria of service atomicity, high reusability, asynchronous response, json entity class interaction, error information transparent transmission and the like. The embodiment of the invention comprises 18 common basic modules at present, 118 native interaction methods are realized, and the method covers a plurality of fields of mobile phone basic information, mobile phone multimedia service, camera face recognition, microphone sound recognition, mobile phone OCR two-dimensional code scanning, 4G/5G/wifi network requests, bottom layer c language encryption and decryption, password key controls and the like. The basic modules are packaged into independent functional components through an automatic CI \ CD production line. The Android client can access the components in the maven warehouse in a gradle script dependent mode. The iOS client may access the frame by way of a cocopod install. The front end project can be connected into js-pacakge in a mode of scaffold npm install. The existing basic capability of the embodiment of the invention passes unit test, service test, automation test and compatibility test. Each basic capability is already in line use on each project group of the bank. The code is compiled and then managed through a code warehouse, host APP only needs black box type access, API is called, manual movement of the code is not needed, and the problem that if the APP needs to be added, the previous frame and service realization code needs to be manually moved to a new project in a mixed development mode is solved.

The embodiment of the invention provides a scheme based on plug-in dynamic update, which can dynamically load and unload the existing module on the line and dynamically add and modify the existing module on the line. In the development process, a plurality of persons are often cooperated to develop the modularization, and the project group is expected to independently run the module of the project group without being influenced by other modules. Meanwhile, in the process of fast product iteration, a project group usually hopes to seamlessly connect new functions to a mobile phone of a user, and the mobile phone product loses opportunity when competing with competitive products due to too frequent product iteration or too long development period. The plug-in refers to a part which divides the client into a host and a plug-in, and the plug-in part can be dynamically loaded or replaced by the project group when the client runs. The embodiment of the invention provides a client container framework, mainly provides support for modularization, dynamics and decoupling, and supports various problems in a coding period, a client operation period and a subsequent operation and maintenance repair period. In the engineering period, independent development and debugging functions of engineering are realized, and engineering modules are independent. During operation, complete mechanisms such as component lifecycle mapping, class isolation, and the like are realized. During operation and maintenance, a quick incremental updating and repairing function is provided, and quick upgrading is realized. The plug-in capability of the embodiment of the invention realizes the strategy of platformization/mesoplatification, and achieves the purposes of reducing the research and development cost, improving the development efficiency and quickly building stable and high-quality mobile application. Based on a componentized framework, a plug-in hot update technology is introduced, the APP native client also has the hot update capability as the front end, and the problem that the front end depends on the native client for updating, otherwise, old-version clients cannot use the new native capability and the front end real-time update characteristic is violated is solved.

According to the technical scheme of the embodiment, a program module set and a bridge selected by a client developer are obtained; determining an initialization rule and an injection rule according to the bridge; and generating the webpage control according to the initialization rule, the injection rule and the program module set, thereby solving the problem of repeated codes and the problem of difficult management and maintenance due to rapid increase of the number of interaction methods and codes, and generating the webpage control according to the selected program module set and the bridge.

Fig. 2 is a schematic structural diagram of a web page control generating apparatus according to an embodiment of the present invention. The embodiment is applicable to the case of generating a web page control, the apparatus may be implemented in a software and/or hardware manner, and the apparatus may be integrated in any device that provides a function of generating a web page control, as shown in fig. 2, where the apparatus for generating a web page control specifically includes: an acquisition module 210, a determination module 220, and a generation module 230.

The acquiring module 210 is configured to acquire a program module set and a bridge selected by a client developer;

a determining module 220, configured to determine an initialization rule and an injection rule according to the bridge;

a generating module 230, configured to generate a web page control according to the initialization rule, the injection rule, and the program module set.

Optionally, the generating module is specifically configured to:

newly building a container;

The product can execute the method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.

Fig. 3 is a schematic structural diagram of an electronic device according to a third embodiment of the present invention. FIG. 3 illustrates a block diagram of an electronic device 312 suitable for use in implementing embodiments of the present invention. The electronic device 312 shown in fig. 3 is only an example, and should not bring any limitation to the functions and the scope of the use of the embodiment of the present invention. Device 312 is a computing device for typical trajectory fitting functions.

As shown in fig. 3, electronic device 312 is in the form of a general purpose computing device. The components of the electronic device 312 may include, but are not limited to: one or more processors 316, a storage device 328, and a bus 318 that couples the various system components including the storage device 328 and the processors 316.

Bus 318 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. By way of example, such architectures include, but are not limited to, an Industry Standard Architecture (ISA) bus, a Micro Channel Architecture (MCA) bus, an enhanced ISA bus, a Video Electronics Standards Association (VESA) local bus, and a Peripheral Component Interconnect (PCI) bus.

Electronic device 312 typically includes a variety of computer system readable media. Such media may be any available media that is accessible by electronic device 312 and includes both volatile and nonvolatile media, removable and non-removable media.

Storage 328 may include computer system readable media in the form of volatile Memory, such as Random Access Memory (RAM) 330 and/or cache Memory 332. The electronic device 312 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 334 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 3, and commonly referred to as a "hard drive"). Although not shown in FIG. 3, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a Compact disk-Read Only Memory (CD-ROM), a Digital Video disk (DVD-ROM), or other optical media) may be provided. In these cases, each drive may be connected to bus 318 by one or more data media interfaces. Storage 328 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the invention.

Program 336 having a set (at least one) of program modules 326 may be stored, for example, in storage 328, such program modules 326 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which may comprise an implementation of a network environment, or some combination thereof. Program modules 326 generally carry out the functions and/or methodologies of embodiments of the invention as described herein.

Electronic device 312 may also communicate with one or more external devices 314 (e.g., keyboard, pointing device, camera, display 324, etc.), with one or more devices that enable a user to interact with electronic device 312, and/or with any devices (e.g., network card, modem, etc.) that enable electronic device 312 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 322. Also, the electronic device 312 may communicate with one or more networks (e.g., a Local Area Network (LAN), Wide Area Network (WAN), and/or a public Network, such as the internet) via the Network adapter 320. As shown, a network adapter 320 communicates with the other modules of the electronic device 312 via the bus 318. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 312, including but not limited to: microcode, device drivers, Redundant processing units, external disk drive Arrays, disk array (RAID) systems, tape drives, and data backup storage systems, to name a few.

The processor 316 executes various functional applications and data processing by running programs stored in the storage 328, for example, implementing the web page control generation method provided by the above-described embodiment of the present invention:

acquiring a program module set and a bridge selected by a client developer;

Fig. 4 is a schematic structural diagram of a computer-readable storage medium containing a computer program according to an embodiment of the present invention. Embodiments of the present invention provide a computer-readable storage medium 61, on which a computer program 610 is stored, and when the program is executed by one or more processors, the method for generating a web page control, as provided in all embodiments of the present invention of the present application, is implemented:

acquiring a program module set and a bridge selected by a client developer;

Any combination of one or more computer-readable media may be employed. The computer readable medium may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.

A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.

Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (Hyper Text Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.

Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, or the like, as well as conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of an element does not in some cases constitute a limitation on the element itself.

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims

1. A webpage control generating method is characterized by comprising the following steps:

acquiring a program module set and a bridge selected by a client developer;

2. The method of claim 1, wherein generating a web page control from the initialization rules, the injection rules, and the set of program modules comprises:

newly building a container;

3. The method of claim 2, wherein injecting the initialized program modules into the container based on the injection rules to obtain the web page control comprises:

4. The method of claim 1, further comprising:

acquiring parameter information input by a front-end developer;

and generating a target page according to the parameter information.

5. The method of claim 4, wherein generating a destination page according to the parameter information comprises:

6. The method of claim 1, further comprising, prior to obtaining the set of program modules and the bridge selected by the client developer:

creating a component project;

7. A web page control generating apparatus, comprising:

8. The apparatus of claim 7, wherein the generating module is specifically configured to:

newly building a container;

9. An electronic device, comprising:

one or more processors;

a memory for storing one or more programs;

the one or more programs, when executed by the one or more processors, cause the processors to implement the method of any of claims 1-6.

10. A computer-readable storage medium containing a computer program, on which the computer program is stored, characterized in that the program, when executed by one or more processors, implements the method according to any one of claims 1-6.