CN112965699B - Front-end page generation method, device, computer system and readable storage medium - Google Patents
Front-end page generation method, device, computer system and readable storage medium Download PDFInfo
- Publication number
- CN112965699B CN112965699B CN202110391510.6A CN202110391510A CN112965699B CN 112965699 B CN112965699 B CN 112965699B CN 202110391510 A CN202110391510 A CN 202110391510A CN 112965699 B CN112965699 B CN 112965699B
- Authority
- CN
- China
- Prior art keywords
- page
- code file
- target
- client
- client system
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 72
- 238000009877 rendering Methods 0.000 claims abstract description 54
- 238000004590 computer program Methods 0.000 claims abstract description 28
- 238000011161 development Methods 0.000 claims description 31
- 238000006243 chemical reaction Methods 0.000 claims description 22
- 230000015654 memory Effects 0.000 claims description 11
- 238000012549 training Methods 0.000 claims description 6
- 238000013473 artificial intelligence Methods 0.000 abstract description 4
- 230000008569 process Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 11
- 230000000694 effects Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 238000013461 design Methods 0.000 description 5
- 230000006978 adaptation Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000003068 static effect Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 238000007667 floating Methods 0.000 description 2
- 238000009472 formulation Methods 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 239000000758 substrate Substances 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/447—Target code generation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present disclosure provides a front-end page generation method, a front-end page generation device, a computer system, a computer-readable storage medium, and a computer program product, which can be used in the internet of things, the artificial intelligence technical field, or other fields. Wherein the method comprises the following steps: acquiring an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components; converting the target code file into a target client code file adapted to the target configuration information according to the target configuration information of the client system, wherein the client system is a system for performing page rendering on an initial page; and completing page rendering of the initial page on the client system according to the target client code file.
Description
Technical Field
The present disclosure relates to the field of internet of things and artificial intelligence, and more particularly, to a front-end page generation method, a front-end page generation device, a computer system, a computer readable storage medium, and a computer program product.
Background
With the rapid development of internet technology, the front-end technology gradually goes deep into many fields of daily life and is usually provided for users in the form of front-end pages, and the output of the front-end pages inevitably requires front-end engineers to finish the working contents of coding, layout, adaptation and the like.
In the process of implementing the disclosed concept, the inventor finds that at least the following problems exist in the related art: the complex business scenario makes the front-end development time-consuming and labor-consuming.
Disclosure of Invention
In view of this, the present disclosure provides a front-end page generation method, a front-end page generation apparatus, a computer system, a computer-readable storage medium, and a computer program product.
One aspect of the present disclosure provides a front-end page generation method, including: acquiring an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components; converting the target code file into a target client code file which is adapted to the target configuration information according to the target configuration information of a client system, wherein the client system is a system for performing page rendering on the initial page; and completing page rendering of the initial page on the client system according to the target client code file.
According to an embodiment of the present disclosure, the target configuration information includes software and hardware configuration information, and the method further includes: acquiring software and hardware configuration information of the client system, wherein the software and hardware configuration information comprises data type information of the client system and/or screen size information of equipment used for bearing the client system; and converting the target code file into a target client code file adapted to the software and hardware configuration information.
According to an embodiment of the present disclosure, the target configuration information includes user feedback information, and the method further includes: acquiring user feedback information from the client system, wherein the user feedback information comprises user preference characteristics related to a page rendering format; and converting the object code file into an object client code file adapted to the user preference feature.
According to an embodiment of the present disclosure, converting the object code file into an object client code file adapted to the object configuration information according to the object configuration information of the client system includes: obtaining a page layout model, wherein the page layout model is obtained by taking a target code file sample and a target configuration information sample as input and taking a client code file adapted to the target configuration information sample as output training; and inputting the target code file into the page layout model and outputting the target client code file.
According to an embodiment of the present disclosure, the acquiring the object code file includes: determining a target component associated with building the initial page; assembling the target assembly in a low-code development platform to obtain the initial page; and outputting, with the low code development platform, an object code file for characterizing the initial page.
According to an embodiment of the present disclosure, completing page rendering of the initial page at the client system according to the target client code file includes: determining a primary component and a component arrangement mode obtained by converting the initial page according to the target client code file; and realizing page rendering of the initial page on the client system according to the original components and the component arrangement mode.
According to an embodiment of the present disclosure, completing page rendering of the initial page at the client system according to the target client code file includes: and sending the target client code file to the client system so that the initial page finishes page rendering in the client system.
Another aspect of the present disclosure provides a front-end page generating apparatus, including: the acquisition module is used for acquiring an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components; the conversion module is used for converting the target code file into a target client code file which is adapted to the target configuration information according to the target configuration information of a client system, wherein the client system is a system for performing page rendering on the initial page; and the page rendering module is used for completing page rendering of the initial page in the client system according to the target client code file.
Another aspect of the present disclosure provides a computer system comprising: one or more processors; and a memory for storing one or more programs, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the front-end page generation method as described above.
Another aspect of the present disclosure provides a computer-readable storage medium having stored thereon computer-executable instructions that, when executed, are configured to implement a front-end page generation method as described above.
Another aspect of the present disclosure provides a computer program product comprising computer executable instructions which, when executed, are for implementing a front end page generation method as described above.
According to the embodiment of the disclosure, the target code file is obtained by adopting the acquisition method, wherein the target code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components; converting the target code file into a target client code file adapted to the target configuration information according to the target configuration information of the client system, wherein the client system is a system for performing page rendering on an initial page; and the technical means of completing page rendering of the initial page on the client system according to the target client code file, and the initial page can be converted into the page adapting to the target configuration information according to the target configuration information of the client system, so that the initial page in any form can be finally displayed on various client systems through conversion, the technical problem that the front-end development work is time-consuming and labor-consuming due to complex service scenes is at least partially overcome, and the technical effect of simplifying the front-end development flow is further achieved.
Drawings
The above and other objects, features and advantages of the present disclosure will become more apparent from the following description of embodiments thereof with reference to the accompanying drawings in which:
FIG. 1 schematically illustrates an exemplary system architecture to which a front-end page generation method may be applied, according to an embodiment of the present disclosure;
FIG. 2 schematically illustrates a flow diagram of a front-end page generation method in accordance with an embodiment of the present disclosure;
FIG. 3 schematically illustrates a schematic diagram of an initial page presentation to different clients according to an embodiment of the present disclosure;
FIG. 4 schematically illustrates an implementation effect schematic of a page layout model according to an embodiment of the present disclosure;
FIG. 5 schematically illustrates a block diagram of a front-end page generating apparatus according to an embodiment of the disclosure; and
Fig. 6 schematically illustrates a block diagram of a computer system adapted to implement a front-end page generation method, according to an embodiment of the disclosure.
Detailed Description
Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood that the description is only exemplary and is not intended to limit the scope of the present disclosure. In the following detailed description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the present disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. In addition, in the following description, descriptions of well-known structures and techniques are omitted so as not to unnecessarily obscure the concepts of the present disclosure.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. The terms "comprises," "comprising," and/or the like, as used herein, specify the presence of stated features, steps, operations, and/or components, but do not preclude the presence or addition of one or more other features, steps, operations, or components.
All terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art unless otherwise defined. It should be noted that the terms used herein should be construed to have meanings consistent with the context of the present specification and should not be construed in an idealized or overly formal manner.
Where a convention analogous to "at least one of A, B and C, etc." is used, in general such a convention should be interpreted in accordance with the meaning of one of skill in the art having generally understood the convention (e.g., "a system having at least one of A, B and C" would include, but not be limited to, systems having a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.). Where a formulation similar to at least one of "A, B or C, etc." is used, in general such a formulation should be interpreted in accordance with the ordinary understanding of one skilled in the art (e.g. "a system with at least one of A, B or C" would include but not be limited to systems with a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.).
The development process of the front-end page generally comprises the processes of UI (User Interface) design, page writing by developers and the like, and the development trends of increasingly complex page display, increasingly large equipment screen space, increasingly rapid product iteration speed and the like are faced, and the front-end development process necessarily needs to consider hardware adaptation, such as screen size adaptation and the like.
The inventor finds that a higher technical threshold exists in the development process of the front-end page in the process of realizing the conception of the disclosure, and professional front-end developers are still required to develop the front-end page at present, so that the front-end development process is time-consuming and labor-consuming due to complicated business scenes.
Embodiments of the present disclosure provide a front-end page generation method, a front-end page generation apparatus, a computer system, a computer-readable storage medium, and a computer program product. The method comprises the steps of obtaining an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components; converting the target code file into a target client code file adapted to the target configuration information according to the target configuration information of the client system, wherein the client system is a system for performing page rendering on an initial page; and completing page rendering of the initial page on the client system according to the target client code file.
Fig. 1 schematically illustrates an exemplary system architecture 100 in which a front-end page generation method may be applied according to an embodiment of the present disclosure. It should be noted that fig. 1 is only an example of a system architecture to which embodiments of the present disclosure may be applied to assist those skilled in the art in understanding the technical content of the present disclosure, but does not mean that embodiments of the present disclosure may not be used in other devices, systems, environments, or scenarios.
As shown in fig. 1, a system architecture 100 according to this embodiment may include terminal devices 101, 102, 103, a network 104, and a server 105. The network 104 is used as a medium to provide communication links between the terminal devices 101, 102, 103 and the server 105. The network 104 may include various connection types, such as wired and/or wireless communication links, and the like.
The user may interact with the server 105 via the network 104 using the terminal devices 101, 102, 103 to receive or send messages or the like. Various communication client applications may be installed on the terminal devices 101, 102, 103, such as shopping class applications, web browser applications, search class applications, instant messaging tools, mailbox clients and/or social platform software, to name a few.
The terminal devices 101, 102, 103 may be a variety of electronic devices having a display screen and supporting web browsing, including but not limited to smartphones, tablets, laptop and desktop computers, and the like.
The server 105 may be a server providing various services, such as a background management server (by way of example only) providing support for websites browsed by users using the terminal devices 101, 102, 103. The background management server may analyze and process the received data such as the user request, and feed back the processing result (e.g., the web page, information, or data obtained or generated according to the user request) to the terminal device.
It should be noted that, the method for generating a front end page provided in the embodiments of the present disclosure may be generally performed by the server 105. Accordingly, the front-end page generating apparatus provided by the embodiments of the present disclosure may be generally disposed in the server 105. The front-end page generation method provided by the embodiments of the present disclosure may also be performed by a server or a server cluster that is different from the server 105 and is capable of communicating with the terminal devices 101, 102, 103 and/or the server 105. Accordingly, the front-end page generating apparatus provided by the embodiments of the present disclosure may also be provided in a server or a server cluster that is different from the server 105 and is capable of communicating with the terminal devices 101, 102, 103 and/or the server 105. Or the front-end page generation method provided by the embodiment of the present disclosure may be performed by the terminal device 101, 102, or 103, or may be performed by another terminal device other than the terminal device 101, 102, or 103. Accordingly, the front-end page generating apparatus provided by the embodiments of the present disclosure may also be provided in the terminal device 101, 102, or 103, or in another terminal device different from the terminal device 101, 102, or 103.
For example, the target configuration information of the client system may be originally stored in any one of the terminal devices 101, 102, or 103 (for example, but not limited to, the terminal device 101), or stored on an external storage device and may be imported into the terminal device 101. Then, the terminal device 101 may locally perform the front-end page generation method provided by the embodiment of the present disclosure, or transmit the target configuration information of the client system to other terminal devices, servers, or server clusters, and perform the front-end page generation method provided by the embodiment of the present disclosure by other terminal devices, servers, or server clusters that receive the target configuration information of the client system.
It should be understood that the number of terminal devices, networks and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
It should be noted that the front-end page generating method, the front-end page generating device, the computer system, the computer readable storage medium and the computer program product of the present disclosure may be used in the technical fields of the internet of things and the artificial intelligence, and may also be used in any field other than the technical fields of the internet of things and the artificial intelligence, and the application fields of the front-end page generating method, the front-end page generating device, the computer system, the computer readable storage medium and the computer program product of the present disclosure are not limited.
Fig. 2 schematically illustrates a flowchart of a front-end page generation method according to an embodiment of the present disclosure.
As shown in fig. 2, the method includes operations S201 to S203.
In operation S201, an object code file is obtained, where the object code file is obtained by converting an initial page, and the initial page is obtained by assembling a front-end component.
According to an embodiment of the disclosure, the object code file may be, for example, a non-front-end grammar formatted file (e.g., JSON file) that can be directly identified by a client system, and the initial page may be, for example, assembled by a non-professional front-end developer such as an operation and maintenance person using an existing front-end component, where the front-end component may include, for example, a package button, a prompt box, and a grid layout, where the grid layout may provide a page layout manner. The front-end components can be existing general components or special components which are automatically developed and designed by front-end developers according to actual service requirements. The front-end components may be stored in a front-end library, for example, for use in formal development.
In operation S202, the target code file is converted into a target client code file adapted to target configuration information according to target configuration information of a client system, wherein the client system is a system for page rendering of an initial page.
According to an embodiment of the present disclosure, the target configuration information may include, for example, software and hardware configuration information, user feedback information, and other information, where the software and hardware configuration information may include, for example, a program implementation supported by the client system, and information about a hardware configuration of a hardware device used to carry the client system, and the user feedback information may include, for example, user habit of a user using the client system, or some custom settings, and other information.
In operation S203, the page rendering of the initial page at the client system is completed according to the target client code file.
According to the embodiment of the disclosure, after the front-end component is utilized to assemble the static page (i.e., the initial page) meeting the service requirement, for example, the assembled static page may be converted as shown in operation S202, and finally, a page that can be normally operated in the client system and rendered and displayed with the best display effect may be obtained.
According to the embodiment of the invention, the initial page can be converted into the page adapting to the target configuration information according to the target configuration information of the client system, so that the initial page in any form can be finally displayed on various client systems through conversion, the technical problem that the front-end development work is time-consuming and labor-consuming due to complex business scenes is at least partially overcome, and the technical effect of simplifying the front-end development flow is further achieved.
The method shown in fig. 2 is further described below with reference to fig. 3-4 in conjunction with the exemplary embodiment.
Fig. 3 schematically shows a schematic diagram of an initial page presentation to different clients according to an embodiment of the present disclosure.
According to an embodiment of the present disclosure, in a case where the target configuration information is software and hardware configuration information, the front-end page generating method may, for example, include: acquiring software and hardware configuration information of a client system, wherein the software and hardware configuration information comprises data type information of the client system and/or screen size information of equipment used for bearing the client system; and converting the target code file into a target client code file adapted to the software and hardware configuration information.
According to embodiments of the present disclosure, the above data type information may be represented, for example, in different data representation formats configured in different client systems, adapted to differences in hardware performance, system complexity, and the like. For example, for a client system with poor hardware performance, simpler program implementation (e.g., device 303 in FIG. 3), or less demanding data accuracy, integer data types may be configured; for systems where the program implementation is more complex (e.g., device 302 of FIG. 3), the data accuracy requirements are higher, floating point data types may be configured, etc. The different data types may correspond to, for example, client systems of different complexity, such as client systems that are substantially configured as integer data types, e.g., reduced version systems, client systems that are substantially configured as floating point data types, e.g., complex version systems, etc.
According to an embodiment of the present disclosure, the devices for carrying the client system may include, for example, various devices with different screen sizes (such as devices 301, 302 and 303 in fig. 3) such as a mobile phone, a Pad, and a computer, and in order to reasonably use the screen space, the page layout generally needs to be adaptively changed along with the screen size. For example, taking a commodity list as an example, the display effect in the mobile phone may be one line of two commodity information, and the display effect in the Pad or the computer may be one line of more commodity information.
According to an embodiment of the disclosure, as shown in fig. 3, on the basis of the difference between the data type information (such as devices 302 and 303) and the screen size information (such as devices 301, 302 and 303) in the client systems and the related devices thereof, if the JSON files (i.e., the object code files) obtained by converting the same initial page need to be rendered in different client systems or devices, the JSON files may be directly sent to the corresponding client systems or devices, and then the client systems or devices may identify and recode the JSON files to obtain the target client code files, and finally complete the page rendering of the initial page adapted to each client system or device, such as the initial page built by the devices 301, 302 and 303 may be adaptively displayed.
According to the embodiment of the disclosure, since the initial page can be directly adapted to different client systems or devices in a conversion mode, a developer can display pages in different client systems or devices only by designing the initial page, and does not need to make targeted change design on the same display content when the client systems or devices are changed, so that development work of the developer is simplified, and development cost is saved.
According to an embodiment of the present disclosure, in a case where the target configuration information is user feedback information, the front-end page generating method may, for example, include: acquiring user feedback information from a client system, wherein the user feedback information comprises user preference characteristics related to a page rendering format; and converting the target code file into a target client code file adapted to the user preference feature.
According to an embodiment of the present disclosure, the user preference feature may include, for example, a picture size, a text size, a layout manner of the picture and the text, and the like. In an embodiment, the user preference feature may be obtained from a setting of the user in the client system, for example, when a certain user sets a display effect with larger picture and smaller text when using the client system, the user preference feature of the user may be determined to be that the picture is larger and the text is smaller, and may be finally fed back as user feedback information; in another embodiment, the user preference feature may be determined, for example, according to user identity information of a user using the client system, such as when the user is determined to be young based on the user identity information, a default word size may be fed back as user feedback information, when the user is determined to be elderly, a large word size may be fed back as user feedback information, and so on.
According to an embodiment of the present disclosure, referring to fig. 3, devices 301, 302 and 303 may be the same user or different users, and each device may also have a different user login, and the user feedback information may be determined, for example, according to the user identity or the preference of the user logged into the device 301, 302 or 303 at the current time.
According to the embodiment of the disclosure, after the user feedback information is determined, for example, a conversion mode of the JSON file (i.e., the above object code file) can be determined, for example, information such as a picture format or a text format in the JSON file can be identified and obtained, and corresponding format conversion is performed in combination with the conversion mode, so that a page display effect conforming to user preference is obtained. Referring to fig. 3, for example, different presentation effects may be displayed on the same device 301, 302, or 303 according to the login user.
According to the embodiment of the disclosure, the initial page can be directly adapted to the preferences of different users in a conversion mode, so that a developer can realize page display aiming at users with different preferences by only designing the initial page without manual adjustment of the user, the development work is simplified, the development cost is saved, and the method is more friendly to the user.
According to an embodiment of the present disclosure, the above operation S202 may include, for example: the method comprises the steps of obtaining a page layout model, wherein the page layout model is obtained by taking a target code file sample and a target configuration information sample as input and taking a client code file which is adapted to the target configuration information sample as output training; and inputting the target code file into the page layout model and outputting the target client code file.
FIG. 4 schematically illustrates an implementation effect schematic of a page layout model according to an embodiment of the present disclosure.
According to an embodiment of the present disclosure, the object code file sample may be one or more, and the object configuration information sample may include, for example, a screen size, a data type, and a user feedback, and by training the page layout model based on these information, an intelligent model may be obtained, for example, capable of implementing the conversion process (for example, converting the object code file into an object client code file adapted to software and hardware configuration information, and converting the object code file into an object client code file adapted to a user preference feature, etc.), as shown in fig. 4.
It should be noted that, the page layout model may be set in a device for implementing page rendering and final display, or may be set in a server or other devices for providing an initial page for page rendering.
Through the above-mentioned embodiment of this disclosure, introduced the page layout model, can realize the automation of above-mentioned conversion process, through training the model, can also adapt to the demand of diversified business scene to can really realize the intellectuality of conversion process.
According to an embodiment of the present disclosure, the above operation S201 may include, for example: determining a target component related to constructing the initial page; assembling the target assembly in the low-code development platform to obtain an initial page; and outputting, with the low code development platform, an object code file for characterizing the initial page.
According to an embodiment of the present disclosure, the target component may be obtained from the front-end repository, for example. The low-code development platform is used as a development platform capable of rapidly generating application programs without coding (zero codes) or through a small amount of codes, and provides a graphical user interface so that a user can develop the application programs through visualization. In this embodiment, for example, the assembly of the initial page is shown, and the user may select, through a drag operation in the platform, a related component in the front-end library to complete the visual design of the initial page, and output a low-code JSON file.
It should be noted that, the initial page may include a static page and a dynamic page, and the dynamic page may be implemented by associating relationships between components, for example.
By the embodiment of the disclosure, due to the fact that the requirements of actual equipment or systems are not needed to be considered, the front-end page design which needs to be adapted to different equipment or systems can be faced, professional front-end developer operation is not needed any more, and developers with different experience levels can complete the page design by introducing a low-code development platform, so that development procedures are simplified, and development cost is saved.
According to an embodiment of the present disclosure, the above-described operation S203 may include, for example: determining a primary component and a component arrangement mode obtained by converting an initial page according to a target client code file; and realizing page rendering of the initial page in the client system according to the original components and the component arrangement mode.
According to the embodiments of the present disclosure, as shown in fig. 3 and 4, by inputting the JSON file obtained by converting the initial page into the page layout model, for example, a scheme of optimally adapting to the component arrangement, the component internal arrangement, the page theme, etc. of the related target configuration information (such as the above-mentioned software and hardware configuration information, the user feedback information, or other information, etc.) may be output, specifically, by identifying the information such as the title, tab page tag, content, etc. in the JSON file of the tree structure, the JSON file may be converted into a native code (i.e., the above-mentioned target client code file may be expressed in the form of a plurality of native components) construction scheme adapted to each client system or device, so that different page rendering of the same initial page in the device 301, 302, or 303 may be completed based on the scheme.
According to an embodiment of the present disclosure, when the page layout model is disposed on a server or a device other than the device for implementing page rendering and final display, the operation S203 may further include, for example: the target client code file is sent to the client system (i.e., the device used to implement the page rendering and final presentation) so that the initial page completes the page rendering at the client system.
Through the above-mentioned embodiment of the present disclosure, a manner of automatically generating an intelligent online page is provided for an operator, by which a most suitable page can be presented for different users on different devices without intervention of a developer.
Fig. 5 schematically shows a block diagram of a front-end page generating apparatus according to an embodiment of the present disclosure.
As shown in fig. 5, the front-end page generating apparatus 500 includes an acquisition module 510, a conversion module 520, and a page rendering module 530.
The obtaining module 510 is configured to obtain an object code file, where the object code file is obtained by converting an initial page, and the initial page is obtained by assembling a front-end component.
The conversion module 520 is configured to convert the target code file into a target client code file adapted to the target configuration information according to target configuration information of a client system, where the client system is a system for performing page rendering on an initial page.
The page rendering module 530 is configured to complete page rendering of the initial page on the client system according to the target client code file.
According to the embodiment of the disclosure, the method comprises the steps of obtaining the target code file, wherein the target code file is obtained through conversion according to an initial page, and the initial page is obtained through assembly by utilizing a front-end component; converting the target code file into a target client code file adapted to the target configuration information according to the target configuration information of the client system, wherein the client system is a system for performing page rendering on an initial page; and the technical means of completing page rendering of the initial page on the client system according to the target client code file, and the initial page can be converted into the page adapting to the target configuration information according to the target configuration information of the client system, so that the initial page in any form can be finally displayed on various client systems through conversion, the technical problem that the front-end development work is time-consuming and labor-consuming due to complex service scenes is at least partially overcome, and the technical effect of simplifying the front-end development flow is further achieved.
According to an embodiment of the present disclosure, the target configuration information includes software and hardware configuration information, and the front-end page generating device further includes a first obtaining unit and a first converting unit.
The first acquisition unit is used for acquiring software and hardware configuration information of the client system, wherein the software and hardware configuration information comprises data type information of the client system and/or screen size information of equipment used for bearing the client system.
And the first conversion unit is used for converting the target code file into a target client code file which is suitable for the software and hardware configuration information.
According to an embodiment of the present disclosure, the target configuration information includes user feedback information, and the front-end page generating device further includes a second obtaining unit and a second converting unit.
And the second acquisition unit is used for acquiring user feedback information from the client system, wherein the user feedback information comprises user preference characteristics related to the page rendering format.
And the second conversion unit is used for converting the target code file into a target client code file which is suitable for the user preference characteristics.
According to an embodiment of the present disclosure, the above-described conversion module includes a third acquisition unit and a processing unit.
And the third acquisition unit is used for acquiring a page layout model, wherein the page layout model is obtained by taking a target code file sample and a target configuration information sample as inputs and taking a client code file which is adapted to the target configuration information sample as output training.
And the processing unit is used for inputting the target code file into the page layout model and outputting the target client code file.
According to an embodiment of the present disclosure, the above-described acquisition module includes a first determination unit, an assembling unit, and an output unit.
And the first determining unit is used for determining a target component related to constructing the initial page.
And the assembling unit is used for assembling the target assembly in the low-code development platform to obtain an initial page.
And the output unit is used for outputting the target code file for representing the initial page by using the low code development platform.
According to an embodiment of the present disclosure, the above-described page rendering module includes a second determination unit and a page rendering unit.
And the second determining unit is used for determining the original components and the component arrangement mode obtained by converting the initial page according to the target client code file.
And the page rendering unit is used for realizing page rendering of the initial page in the client system according to the original components and the component arrangement mode.
According to an embodiment of the present disclosure, the above-described page rendering module includes a transmitting unit.
And the sending unit is used for sending the target client code file to the client system so that the initial page finishes page rendering in the client system.
Any number of the modules, units, or at least some of the functionality of any number of the modules, units, or units according to embodiments of the present disclosure may be implemented in one module. Any one or more of the modules, units according to embodiments of the present disclosure may be implemented as split into multiple modules. Any one or more of the modules, units according to embodiments of the present disclosure may be implemented at least in part as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system on a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or in hardware or firmware in any other reasonable manner of integrating or packaging the circuits, or in any one of or in any suitable combination of three of software, hardware, and firmware. Or one or more of the modules, units according to embodiments of the present disclosure may be at least partially implemented as computer program modules which, when executed, may perform the corresponding functions.
For example, any of the acquisition module 510, the conversion module 520, and the page rendering module 530 may be combined in one module/unit to be implemented, or any of the modules/units may be split into a plurality of modules/units. Or at least some of the functionality of one or more of the modules/units may be combined with, and implemented in, at least some of the functionality of other modules/units. According to embodiments of the present disclosure, at least one of the acquisition module 510, the conversion module 520, and the page rendering module 530 may be implemented at least in part as hardware circuitry, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system-on-chip, a system-on-substrate, a system-on-package, an Application Specific Integrated Circuit (ASIC), or in hardware or firmware in any other reasonable manner of integrating or packaging the circuitry, or in any one of or a suitable combination of any of the three. Or at least one of the acquisition module 510, the conversion module 520, and the page rendering module 530 may be at least partially implemented as computer program modules that, when executed, perform the corresponding functions.
It should be noted that, in the embodiment of the present disclosure, the front-end page generating device portion corresponds to the front-end page generating method portion in the embodiment of the present disclosure, and the description of the front-end page generating device portion specifically refers to the front-end page generating method portion, which is not described herein again.
Fig. 6 schematically illustrates a block diagram of a computer system adapted to implement a front-end page generation method, according to an embodiment of the disclosure. The computer system illustrated in fig. 6 is merely an example and should not be construed as limiting the functionality and scope of use of the embodiments of the present disclosure.
As shown in fig. 6, a computer system 600 according to an embodiment of the present disclosure includes a processor 601 that can perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 602 or a program loaded from a storage section 608 into a Random Access Memory (RAM) 603. The processor 601 may include, for example, a general purpose microprocessor (e.g., a CPU), an instruction set processor and/or an associated chipset and/or a special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), or the like. Processor 601 may also include on-board memory for caching purposes. The processor 601 may comprise a single processing unit or a plurality of processing units for performing different actions of the method flows according to embodiments of the disclosure.
In the RAM 603, various programs and data required for the operation of the system 600 are stored. The processor 601, the ROM602, and the RAM 603 are connected to each other through a bus 604. The processor 601 performs various operations of the method flow according to the embodiments of the present disclosure by executing programs in the ROM602 and/or the RAM 603. Note that the program may be stored in one or more memories other than the ROM602 and the RAM 603. The processor 601 may also perform various operations of the method flow according to embodiments of the present disclosure by executing programs stored in the one or more memories.
According to an embodiment of the present disclosure, the system 600 may further include an input/output (I/O) interface 605, the input/output (I/O) interface 605 also being connected to the bus 604. The system 600 may also include one or more of the following components connected to the I/O interface 605: an input portion 606 including a keyboard, mouse, etc.; an output portion 607 including a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, a speaker, and the like; a storage section 608 including a hard disk and the like; and a communication section 609 including a network interface card such as a LAN card, a modem, or the like. The communication section 609 performs communication processing via a network such as the internet. The drive 610 is also connected to the I/O interface 605 as needed. Removable media 611 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is installed as needed on drive 610 so that a computer program read therefrom is installed as needed into storage section 608.
According to embodiments of the present disclosure, the method flow according to embodiments of the present disclosure may be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable storage medium, the computer program comprising program code for performing the method shown in the flowcharts. In such an embodiment, the computer program may be downloaded and installed from a network through the communication portion 609, and/or installed from the removable medium 611. The above-described functions defined in the system of the embodiments of the present disclosure are performed when the computer program is executed by the processor 601. The systems, devices, apparatus, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the disclosure.
The present disclosure also provides a computer-readable storage medium that may be embodied in the apparatus/device/system described in the above embodiments; or may exist alone without being assembled into the apparatus/device/system. The computer-readable storage medium carries one or more programs which, when executed, implement methods in accordance with embodiments of the present disclosure.
According to embodiments of the present disclosure, the computer-readable storage medium may be a non-volatile computer-readable storage medium. Examples may include, but are not limited to: 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), 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 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.
For example, according to embodiments of the present disclosure, the computer-readable storage medium may include ROM 602 and/or RAM 603 and/or one or more memories other than ROM 602 and RAM 603 described above.
Embodiments of the present disclosure also include a computer program product comprising a computer program comprising program code for performing the methods provided by the embodiments of the present disclosure, the program code for causing an electronic device to implement the front-end page generation methods provided by the embodiments of the present disclosure when the computer program product is run on the electronic device.
The above-described functions defined in the system/apparatus of the embodiments of the present disclosure are performed when the computer program is executed by the processor 601. The systems, apparatus, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the disclosure.
In one embodiment, the computer program may be based on a tangible storage medium such as an optical storage device, a magnetic storage device, or the like. In another embodiment, the computer program may also be transmitted, distributed in the form of signals over a network medium, and downloaded and installed via the communication section 609, and/or installed from the removable medium 611. The computer program may include program code that may be transmitted using any appropriate network medium, including but not limited to: wireless, wired, etc., or any suitable combination of the foregoing.
According to embodiments of the present disclosure, program code for performing computer programs provided by embodiments of the present disclosure may be written in any combination of one or more programming languages, and in particular, such computer programs may be implemented in high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. Programming languages include, but are not limited to, such as Java, c++, python, "C" or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of remote computing devices, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., connected via 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 or flowchart illustration, and combinations of blocks in the block diagrams 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. Those skilled in the art will appreciate that the features recited in the various embodiments of the disclosure and/or in the claims may be combined in various combinations and/or combinations, even if such combinations or combinations are not explicitly recited in the disclosure. In particular, the features recited in the various embodiments of the present disclosure and/or the claims may be variously combined and/or combined without departing from the spirit and teachings of the present disclosure. All such combinations and/or combinations fall within the scope of the present disclosure.
The embodiments of the present disclosure are described above. These examples are for illustrative purposes only and are not intended to limit the scope of the present disclosure. Although the embodiments are described above separately, this does not mean that the measures in the embodiments cannot be used advantageously in combination. The scope of the disclosure is defined by the appended claims and equivalents thereof. Various alternatives and modifications can be made by those skilled in the art without departing from the scope of the disclosure, and such alternatives and modifications are intended to fall within the scope of the disclosure.
Claims (11)
1. A front-end page generation method comprises the following steps:
acquiring an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components;
Converting the target code file into a target client code file adapted to target configuration information according to the target configuration information of a client system, wherein the target configuration information comprises software and hardware configuration information and/or user feedback information, the software and hardware configuration information comprises data type information of the client system and/or screen size information of equipment used for bearing the client system, the user feedback information comprises user preference characteristics related to a page rendering format, the user preference characteristics are acquired from setting of a user in the client system, and the client system is a system used for page rendering of the initial page; and
And finishing page rendering of the initial page on the client system according to the target client code file.
2. The method of claim 1, wherein the method further comprises:
Acquiring software and hardware configuration information of the client system; and
And converting the target code file into a target client code file which is adapted to the software and hardware configuration information.
3. The method of claim 1, wherein the method further comprises:
Acquiring user feedback information from the client system; and
The object code file is converted into an object client code file adapted to the user preference feature.
4. The method of claim 1, wherein converting the object code file into an object client code file adapted to the object configuration information according to the object configuration information of a client system comprises:
Obtaining a page layout model, wherein the page layout model is obtained by taking a target code file sample and a target configuration information sample as input and taking a client code file adapted to the target configuration information sample as output training; and
And inputting the target code file into the page layout model, and outputting the target client code file.
5. The method of claim 1, wherein the obtaining an object code file comprises:
determining a target component associated with building the initial page;
assembling the target assembly in a low-code development platform to obtain the initial page; and
And outputting an object code file for representing the initial page by using the low code development platform.
6. The method of claim 1, wherein completing page rendering of the initial page at the client system from the target client code file comprises:
determining a primary component and a component arrangement mode obtained by converting the initial page according to the target client code file; and
And realizing page rendering of the initial page on the client system according to the original components and the component arrangement mode.
7. The method of claim 1, wherein completing page rendering of the initial page at the client system from the target client code file comprises:
and sending the target client code file to the client system so that the initial page finishes page rendering in the client system.
8. A front-end page generation apparatus comprising:
The acquisition module is used for acquiring an object code file, wherein the object code file is obtained by converting an initial page, and the initial page is obtained by splicing front-end components;
The conversion module is used for converting the target code file into a target client code file which is adapted to target configuration information according to the target configuration information of a client system, wherein the target configuration information comprises software and hardware configuration information and/or user feedback information, the software and hardware configuration information comprises data type information of the client system and/or screen size information of equipment used for bearing the client system, the user feedback information comprises user preference characteristics related to a page rendering format, the user preference characteristics are acquired from the setting of a user in the client system, and the client system is used for page rendering of the initial page; and
And the page rendering module is used for completing page rendering of the initial page in the client system according to the target client code file.
9. A computer system, comprising:
one or more processors;
A memory for storing one or more programs,
Wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of any of claims 1 to 7.
10. A computer readable storage medium having stored thereon executable instructions which when executed by a processor cause the processor to implement the method of any of claims 1 to 7.
11. A computer program product comprising computer executable instructions for implementing the method of any one of claims 1 to 7 when executed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110391510.6A CN112965699B (en) | 2021-04-12 | 2021-04-12 | Front-end page generation method, device, computer system and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110391510.6A CN112965699B (en) | 2021-04-12 | 2021-04-12 | Front-end page generation method, device, computer system and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112965699A CN112965699A (en) | 2021-06-15 |
| CN112965699B true CN112965699B (en) | 2024-04-30 |
Family
ID=76280198
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110391510.6A Active CN112965699B (en) | 2021-04-12 | 2021-04-12 | Front-end page generation method, device, computer system and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112965699B (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109460276A (en) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | The page and page configuration document generating method, device, terminal device and medium |
| CN110716783A (en) * | 2019-10-10 | 2020-01-21 | 秒针信息技术有限公司 | Front-end page generation and deployment method and device, storage medium and equipment |
| CN111026396A (en) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN111190664A (en) * | 2018-11-15 | 2020-05-22 | 北京京东尚科信息技术有限公司 | Method and system for generating page |
| CN111352682A (en) * | 2018-12-24 | 2020-06-30 | 北京嘀嘀无限科技发展有限公司 | Page rendering method, device, server and readable storage medium |
-
2021
- 2021-04-12 CN CN202110391510.6A patent/CN112965699B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109460276A (en) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | The page and page configuration document generating method, device, terminal device and medium |
| CN111190664A (en) * | 2018-11-15 | 2020-05-22 | 北京京东尚科信息技术有限公司 | Method and system for generating page |
| CN111352682A (en) * | 2018-12-24 | 2020-06-30 | 北京嘀嘀无限科技发展有限公司 | Page rendering method, device, server and readable storage medium |
| CN110716783A (en) * | 2019-10-10 | 2020-01-21 | 秒针信息技术有限公司 | Front-end page generation and deployment method and device, storage medium and equipment |
| CN111026396A (en) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | Page rendering method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112965699A (en) | 2021-06-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8627204B2 (en) | Custom optimization of web pages | |
| US9959269B1 (en) | Method and system for implementing a website builder | |
| US20140325349A1 (en) | Real-time Representations of Edited Content | |
| US20180357112A1 (en) | Data Engine | |
| CN111045653A (en) | System generation method and device, computer readable medium and electronic equipment | |
| CN113434241A (en) | Page skipping method and device | |
| CN112395027A (en) | Widget interface generation method and device, storage medium and electronic equipment | |
| CN113553123B (en) | Data processing method, device, electronic equipment and storage medium | |
| CN115982491A (en) | Page updating method and device, electronic equipment and computer readable storage medium | |
| CN112965916B (en) | Page testing method, page testing device, electronic equipment and readable storage medium | |
| CN112486482A (en) | Page display method and device | |
| CN112965699B (en) | Front-end page generation method, device, computer system and readable storage medium | |
| CN113656041A (en) | Data processing method, device, equipment and storage medium | |
| CN113448578A (en) | Page data processing method, processing system, electronic device and readable storage medium | |
| KR101553539B1 (en) | Dynamic link providing method and computer readable storage medium for program therefor | |
| US20160147741A1 (en) | Techniques for providing a user interface incorporating sign language | |
| CN112068814A (en) | Method, device, system and medium for generating executable file | |
| CN113760252B (en) | Data visualization method, device, computer system and readable storage medium | |
| US20180143949A1 (en) | Web Content Extension System and Platform | |
| US11599398B2 (en) | Method for combining unified matters in personal workspace and system using the same | |
| EP4191407A1 (en) | Method and device for generating and registering ui service package and loading ui service | |
| CN114090534A (en) | Data labeling method and device | |
| KR20230065574A (en) | Method and apparatus for providing application generation service | |
| CN114385170A (en) | Form generation method, device, equipment, medium and program product | |
| CN113791836A (en) | Subprogram generation method and device, medium and electronic device |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |