CN117908883A

CN117908883A - Page generation method and device, electronic equipment and computer readable medium

Info

Publication number: CN117908883A
Application number: CN202311841124.8A
Authority: CN
Inventors: 吴泽兵
Original assignee: Beijing Yidiantao Network Technology Co ltd
Current assignee: Beijing Yidiantao Network Technology Co ltd
Priority date: 2023-12-28
Filing date: 2023-12-28
Publication date: 2024-04-19

Abstract

The embodiment of the disclosure discloses a page generation method, a page generation device, electronic equipment and a computer readable medium. One embodiment of the method comprises the following steps: acquiring json data of a front page; splitting json data into at least one component block json data; generating at least one component block from the at least one component block json data; a target page is generated from the at least one component block. According to the implementation mode, front-end technicians can be separated from original code development, a large number of web pages can be rapidly completed through a json configuration scheme, and development efficiency is improved in multiple. The experience of the demander is improved, and the arrangement period of new functions of the demander is reduced. The front-end labor cost is reduced, and the system page magnitude is increased without a great deal of front-end labor and working hours. The front-end on-line quality is improved, all logic related to the components is completed in the low-code component library, and the parts which are easy to cause problems are completely separated at the json level.

Description

Page generation method and device, electronic equipment and computer readable medium

Technical Field

Embodiments of the present disclosure relate to the field of computer technologies, and in particular, to a page generating method, an apparatus, an electronic device, and a computer readable medium.

Background

The goal of the current web end low code technology is low code or no code and is quick service of business, based on a dragging scheme, a page is spliced by a non-technical or technical user dragging component on an operation platform, most of the web pages are generated simply and interactively, and some low code platforms can be configured into more complex web pages.

Most of low codes are through a drag scheme, the aim is to enable a non-technical user to generate a web page, but the platforms often need front-end expertise in use, so that the non-technical user is difficult to understand and use, the non-technical user needs to spend a great deal of time learning, the professional guidance of a technician is also needed after each web page is configured, and a great deal of time and labor cost are wasted in all aspects. And when the platform does not meet the requirements, the service user is required to wait for the technician to perfect the functions of the platform before the service user can continue to use the platform.

The simple web page cannot meet the complex business requirement in the company, and in order to generate the complex web page, a great deal of time and effort are required to enrich the dragging platform, and finally the web page becomes bulkier and is difficult to use. The end result is that the low code platform based on the drag scheme can only produce simple web pages in the company, and even more so is slowly abandoned.

Disclosure of Invention

The disclosure is in part intended to introduce concepts in a simplified form that are further described below in the detailed description. The disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

Some embodiments of the present disclosure propose a page generation method, apparatus, electronic device, and computer readable medium to solve the technical problems mentioned in the background section above.

In a first aspect, some embodiments of the present disclosure provide a page generation method, including: acquiring json data of a front page; splitting the json data into at least one assembly block json data; generating at least one assembly block according to the at least one assembly block json data; and generating a target page according to the at least one component block.

In a second aspect, some embodiments of the present disclosure provide a page generating apparatus, including: the acquisition unit is configured to acquire json data of the front-end page; a splitting unit configured to split the json data into at least one component block json data; a first generation unit configured to generate at least one component block from the at least one component block json data; and a second generation unit configured to generate a target page according to the at least one component block.

In a third aspect, an embodiment of the present application provides an electronic device, where the network device includes: one or more processors; a storage means for storing one or more programs; the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method as described in any of the implementations of the first aspect.

In a fourth aspect, embodiments of the present application provide a computer readable medium having stored thereon a computer program which, when executed by a processor, implements a method as described in any of the implementations of the first aspect.

One of the above embodiments of the present disclosure has the following advantageous effects: the front-end technician can be separated from the original code development, a large number of web pages can be rapidly completed through the json configuration scheme, and the development efficiency is improved in a multiplied mode. The experience of the demander is improved, and the arrangement period of new functions of the demander is reduced. The front-end labor cost is reduced, and the system page magnitude is increased without a great deal of front-end labor and working hours. The front-end on-line quality is improved, all logic related to the components is completed in the low-code component library, and the parts which are easy to cause problems are completely separated at the json level.

Drawings

The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.

FIG. 1 is a schematic illustration of one application scenario of a page generation method according to some embodiments of the present disclosure;

FIG. 2 is a flow chart of some embodiments of a page generation method according to the present disclosure;

FIG. 3 is a schematic diagram of the structure of some embodiments of a page generating apparatus according to the present disclosure;

fig. 4 is a schematic structural diagram of an electronic device suitable for use in implementing some embodiments of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be noted that, for convenience of description, only the portions related to the present invention are shown in the drawings. Embodiments of the present disclosure and features of embodiments may be combined with each other without conflict.

It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.

It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.

The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.

Fig. 1 is a schematic diagram of one application scenario of a page generation method according to some embodiments of the present disclosure.

As shown in fig. 1, a server 101 may obtain json data 102 for a front page; splitting the json data 102 into at least one component block json data 103; generating at least one component block 104 from the at least one component block json data 103; a target page 105 is generated in accordance with the at least one component block 104.

It is to be understood that the page generation method may be performed by a terminal device, or may be performed by the server 101, and the execution subject of the method may also include a device formed by integrating the terminal device and the server 101 through a network, or may be performed by various software programs. The terminal device may be, among other things, various electronic devices with information processing capabilities including, but not limited to, smartphones, tablet computers, electronic book readers, laptop and desktop computers, and the like. The execution body may be embodied as a server 101, software, or the like. When the execution subject is software, the execution subject can be installed in the electronic device enumerated above. It may be implemented as a plurality of software or software modules, for example, for providing distributed services, or as a single software or software module. The present invention is not particularly limited herein.

It should be understood that the number of servers in fig. 1 is merely illustrative. There may be any number of servers, as desired for implementation.

With continued reference to fig. 2, a flow 200 of some embodiments of a page generation method according to the present disclosure is shown. The page generation method comprises the following steps:

step 201, json data of a front-end page is acquired.

In some embodiments, the execution body of the page generation method (e.g., the server shown in fig. 1) may obtain json data of the front-end page.

Here, the front-end page generally refers to a web page. The json data generally refers to json code of the target page.

Step 202, splitting the json data into at least one assembly block json data.

In some embodiments, the executing entity (e.g., the server shown in fig. 1) may split the json data into at least one component block json data based on the web address obtained in step 201.

Specifically, the execution main body can find out the corresponding component according to the component type in the json configuration, load the component of the corresponding type, set the attribute in the json configuration on the component, store the data related to the component in the data center according to the configured event and data behavior, automatically release the event set, subscribe the event already released by other components at any time, deeply traverse the json, and render the sub-component according to the same method to generate the code block.

And 203, generating at least one assembly block according to the at least one assembly block json data.

In some embodiments, the execution body may generate at least one component block according to the at least one component block json data.

Specifically, the execution body may render the component block on the target page according to the json data of the component block.

And 204, generating a target page according to the at least one component block.

In some embodiments, the execution body may generate the target page according to the at least one component block.

In some optional implementations of some embodiments, the executing entity may establish a data center of the target page; and caching the independent data of the at least one assembly block to the data center.

Specifically, each page has a data center $store, and a component can manipulate its own data in the data center by its unique ID, and access and modify its data by the IDs of other components.

In some optional implementations of some embodiments, the execution body may determine, in response to detecting a data interaction of the user with respect to the first target component block in the target page, target data according to the data interaction; determining a second target assembly block corresponding to the target data; and acquiring target data of the second target assembly block from the data center, and displaying the target data by using the first assembly block.

In some optional implementations of some embodiments, the executing entity may, in response to detecting a change operation of the target user to target data in the data center, change the target data according to the change operation; and generating a target interface according to the at least one component and the changed target data.

When the data of the data center changes, the low-code rendering component is informed to render the page again, and the instantaneity of the page data is ensured.

In some optional implementations of some embodiments, the executing entity may establish an event center of the target page; caching the component block id and the component block event definition of the at least one component block to the data center; in response to detecting an interaction event for a target component block, determining an associated component block for the target component block from the event center and interacting with the associated component block according to the interaction event.

Here, the event center: the low code component has its own set of events, such as paging of tables, data queries, etc., all published to the event center for subscription by any other type of component. Front-end personnel transfer from writing code to configuration json, only care about business interface data and replace web page interactions originally requiring code logic implementation by configuration event behavior

Specifically, the above component blocks are divided into basic components and low code components. The basic components are automatically packaged into high-level components and are provided with an event center and a data center as well as low-code components; the low code component has more abundant functions, can be used as a container of any other type of component, and has asynchronous data waterfall flow.

Open event center and data center $store interface, the developer can inject custom components through custom-component, can interact with other components in page flexibly. The low code logic asynchronously loads custom components, exposes the object interface to inject $store, exposes the create and subscribe interface definition events, and gathers its own events.

Through a JSON configuration mode, each page of the service system is accurately built, the configured JSON is adapted to a low-code rendering assembly, an advanced or basic assembly is automatically mapped, and corresponding pages are rendered according to the advanced or basic assembly. The independent data of each component is automatically cached to the data center, and meanwhile, the events occurring in the components are also issued to the event center. If other components need to access the data of the specific components, the data can be directly obtained from the data center, and the operations of obtaining, storing, updating, deleting and the like of the data are realized. If other components need to subscribe to the event of a specific component, subscription can be directly performed in the event center, including interactive actions such as clicking, sliding, inputting, refreshing a form and the like of a user.

The whole page is basically flexible JSON configuration, and all user interactions can be converted into JSON, so that the rapid development and flexible configuration of the page are realized, and the maintainability of codes and the reusability of components are improved.

Thus, the json is converted into the code blocks of the front-end components by rendering the render component conversion logic by utilizing the configurability of the front-end components, so that the large json can be configured to automatically convert and automatically generate codes to complete complex web pages. The interaction between the components takes an event center as a bridge and a data center as an interface.

The front-end technician can generate the page by writing json, so that the purpose of low code can be realized, the development efficiency is improved by geometric multiple for the quick service of business, and the front-end technician can efficiently perfect and configure the complex business page.

With further reference to fig. 3, as an implementation of the method shown in the above figures, the present disclosure provides some embodiments of a page generating apparatus, which correspond to those method embodiments shown in fig. 2, and which are particularly applicable in various electronic devices.

As shown in fig. 3, the page generating apparatus 300 of some embodiments includes: an acquisition unit 301, a splitting unit 302, a first generation unit 303, and a second generation unit 304. The acquiring unit 301 is configured to acquire json data of a front-end page; a splitting unit 302 configured to split the json data into at least one component block json data; a first generating unit 303 configured to generate at least one component block from the at least one component block json data; the second generating unit 304 is configured to generate a target page according to the at least one component block.

It will be appreciated that the elements described in the apparatus 300 correspond to the various steps in the method described with reference to fig. 2. Thus, the operations, features and resulting benefits described above with respect to the method are equally applicable to the apparatus 300 and the units contained therein, and are not described in detail herein.

Referring now to fig. 4, a schematic diagram of an electronic device (e.g., server in fig. 1) 400 suitable for use in implementing some embodiments of the present disclosure is shown. The electronic device shown in fig. 4 is merely an example and should not impose any limitations on the functionality and scope of use of embodiments of the present disclosure.

As shown in fig. 4, the electronic device 400 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 401, which may perform various suitable actions and processes according to a program stored in a Read Only Memory (ROM) 402 or a program loaded from a storage means 408 into a Random Access Memory (RAM) 403. In the RAM 403, various programs and data necessary for the operation of the electronic device 400 are also stored. The processing device 401, the ROM 402, and the RAM 403 are connected to each other by a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.

In general, the following devices may be connected to the I/O interface 405: input devices 406 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 407 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 408 including, for example, magnetic tape, hard disk, etc.; and a communication device 409. The communication means 409 may allow the electronic device 400 to communicate with other devices wirelessly or by wire to exchange data. While fig. 4 shows an electronic device 400 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead. Each block shown in fig. 4 may represent one device or a plurality of devices as needed.

In particular, according to some embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, some embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such embodiments, the computer program may be downloaded and installed from a network via communications device 409, or from storage 408, or from ROM 402. The above-described functions defined in the methods of some embodiments of the present disclosure are performed when the computer program is executed by the processing device 401.

It should be noted that, in some embodiments of the present disclosure, the computer readable medium may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: 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 some embodiments of the present disclosure, 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. In some embodiments of the present disclosure, however, the computer-readable signal medium may comprise a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. 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: electrical wires, fiber optic cables, RF (radio frequency), and the like, 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 (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication 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 networks.

The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device. The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: acquiring json data of a front page; splitting the json data into at least one assembly block json data; generating at least one assembly block according to the at least one assembly block json data; and generating a target page according to the at least one component block.

Computer program code for carrying out operations for some embodiments of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and 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 kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).

The flowcharts 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 some embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The described units may also be provided in a processor, for example, described as: a processor includes an acquisition unit, a splitting unit, a first generation unit, and a second generation unit. The names of these units do not limit the unit itself in some cases, and the acquiring unit may also be described as "a unit that acquires json data of a front page", for example.

The functions described above herein 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: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by those skilled in the art that the scope of the invention in the embodiments of the present disclosure is not limited to the specific combination of the above technical features, but encompasses other technical features formed by any combination of the above technical features or their equivalents without departing from the spirit of the invention. Such as the above-described features, are mutually substituted with (but not limited to) the features having similar functions disclosed in the embodiments of the present disclosure.

Claims

1. A page generation method, comprising:

acquiring json data of a front page;

splitting the json data into at least one component block json data;

Generating at least one component block according to the at least one component block json data;

and generating a target page according to the at least one component block.

2. The method of claim 1, wherein the method further comprises:

Establishing a data center of the target page;

And caching the independent data of the at least one component block to the data center.

3. The method of claim 2, wherein the method further comprises:

in response to detecting a data interaction operation of a user in the target page aiming at a first target component block, determining target data according to the data interaction operation;

determining a second target assembly block corresponding to the target data;

Obtaining target data of the second target component block from the data center and displaying the target data by using the first component block.

4. The method of claim 2, wherein the method further comprises:

In response to detecting a change operation of the target user on target data in a data center, changing the target data according to the change operation;

And generating a target interface according to the at least one component and the changed target data.

5. The method of claim 1, wherein the method further comprises:

Establishing an event center of the target page;

caching a component block id of the at least one component block and a component block event definition to the data center;

In response to detecting an interaction event for a target component block, determining an associated component block for the target component block from the event center and interacting with the associated component block according to the interaction event.

6. An apparatus for page generation, comprising:

the acquisition unit is configured to acquire json data of the front-end page;

A splitting unit configured to split the json data into at least one component block json data;

A first generation unit configured to generate at least one component block from the at least one component block json data;

and a second generation unit configured to generate a target page according to the at least one component block.

7. An electronic device, comprising:

one or more processors;

a storage device having one or more programs stored thereon,

When executed by the one or more processors, causes the one or more processors to implement the method of any of claims 1-5.

8. A computer readable medium having stored thereon a computer program, wherein the program when executed by a processor implements the method of any of claims 1-5.