CN112817591A - Front-end page construction method and device - Google Patents
Front-end page construction method and device Download PDFInfo
- Publication number
- CN112817591A CN112817591A CN202110101716.0A CN202110101716A CN112817591A CN 112817591 A CN112817591 A CN 112817591A CN 202110101716 A CN202110101716 A CN 202110101716A CN 112817591 A CN112817591 A CN 112817591A
- Authority
- CN
- China
- Prior art keywords
- component
- target
- common
- end page
- library
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000010276 construction Methods 0.000 title abstract description 14
- 238000000034 method Methods 0.000 claims abstract description 53
- 238000004806 packaging method and process Methods 0.000 claims abstract description 12
- 238000011161 development Methods 0.000 abstract description 17
- 230000008569 process Effects 0.000 abstract description 12
- 230000006870 function Effects 0.000 description 18
- 238000013461 design Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 5
- 230000008878 coupling Effects 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 4
- 238000005859 coupling reaction Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 235000012813 breadcrumbs Nutrition 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 230000008030 elimination Effects 0.000 description 1
- 238000003379 elimination reaction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000001172 regenerating effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000012552 review Methods 0.000 description 1
Images
Classifications
-
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
Abstract
The invention provides a method and a device for constructing a front-end page, wherein the method comprises the following steps: receiving a service requirement of a front-end page to be constructed, wherein the service requirement carries a component identifier for representing a common component to be called of the front-end page to be constructed; analyzing the service requirement to obtain a component identifier carried by the service requirement; judging whether a target public component corresponding to the component identifier exists in a preset public component library or not; and if so, packaging the target public component, and deploying the packaged target public component to the front-end page to be constructed. The scheme of the invention can improve the development efficiency of the front-end page in the construction process.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for constructing a front-end page.
Background
With the rapid development of internet information, more and more users are used to browse pages or purchase goods on mobile terminals.
HTML (HyperText Markup Language) is a Markup Language designed for "web page creation and other information visible in a web browser". The HTML5 page is a standard for marking various parts of the web page of the mobile terminal to be displayed, including pictures, links, music, etc., by means of markup symbols.
Currently, there are several sets of relatively fixed templates for the operation activity HTML5 page, that is, the interaction modules displayed by the activity page of each topic have similar or identical logic.
However, developers still need to repeatedly develop module codes with the same function according to the design draft, so that the development efficiency of the front-end page in the construction process is low.
Disclosure of Invention
The embodiment of the invention provides a front-end page construction method and device, which can improve the development efficiency of a front-end page in the construction process.
In a first aspect, an embodiment of the present invention provides a method for constructing a front-end page, including:
receiving a service requirement of a front-end page to be constructed, wherein the service requirement carries a component identifier for representing a common component to be called of the front-end page to be constructed;
analyzing the service requirement to obtain a component identifier carried by the service requirement;
judging whether a target public component corresponding to the component identifier exists in a preset public component library or not;
and if so, packaging the target public component, and deploying the packaged target public component to the front-end page to be constructed.
In one possible design, after the determining whether the target common component corresponding to the component identifier exists in the preset common component library, the method further includes:
if not, judging whether the minimum-granularity public component in the public component library can form the target public component or not;
if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
In one possible design, after the deploying the packaged target common component into the front-end page to be built, the method further includes:
judging whether the target public component comprises a data interface component or not;
and if so, calling data corresponding to the data interface component according to the data interface component.
In one possible design, the method for encapsulating the target common component and deploying the encapsulated target common component to the front-end page to be built includes:
storing the common component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to the front-end page to be constructed.
In a second aspect, an embodiment of the present invention provides an apparatus for constructing a front page, including:
the system comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving a service requirement of a front-end page to be constructed, and the service requirement carries a component identifier used for representing a public component to be called of the front-end page to be constructed;
the analysis module is used for analyzing the service requirement to obtain a component identifier carried by the service requirement;
the first judgment module is used for judging whether a preset public component library has a target public component corresponding to the component identifier;
and the deployment module is used for packaging the target public component and deploying the packaged target public component to the front-end page to be constructed.
In one possible design, after determining that the target common component corresponding to the component identifier does not exist in the preset common component library, the method further includes:
the second judging module is used for judging whether the minimum-granularity public component in the public component library can form the target public component or not; if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
In one possible design, further comprising:
the third judging module is used for judging whether the target public component comprises a data interface component or not; and if so, calling data corresponding to the data interface component according to the data interface component.
In one possible design, the common component library is a local version, and the deployment module is configured to:
storing the common component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to the front-end page to be constructed.
In a third aspect, an embodiment of the present invention provides a device for constructing a front-end page, including: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is configured to invoke the machine-readable program to perform the method described above.
In a fourth aspect, embodiments of the present invention provide a computer-readable medium having stored thereon computer instructions, which, when executed by a processor, cause the processor to perform the method described above.
According to the scheme, the method and the device for constructing the front-end page, provided by the invention, the component identifier carried by the service requirement is obtained by analyzing the service requirement, so that the target public component corresponding to the service requirement is determined in the public component library through the component identifier, and the target public component can be deployed in the front-end page to be constructed, so that the development process can be greatly simplified, the development efficiency of the front-end page in the construction process is improved, the code reusability can be greatly improved, and the maintenance cost is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
FIG. 1 is a schematic diagram of a building system for front-end pages provided by one embodiment of the present invention;
FIG. 2 is a schematic diagram of a device in which a front-end page building apparatus according to an embodiment of the present invention is located;
fig. 3 is a schematic diagram of a front-end page building apparatus according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer and more complete, the technical solutions in the embodiments of the present invention will be described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention, and based on the embodiments of the present invention, all other embodiments obtained by a person of ordinary skill in the art without creative efforts belong to the scope of the present invention.
With the rapid development of internet technology, more and more people choose to use mobile terminals for online shopping. The shopping website comprises thousands of sellers displaying goods for the consumers to purchase. Particularly on holidays, the shopping site theme interface displays multiple categories of merchandise and promotional activities of multiple merchants. Usually, the merchant informs the website personnel of the information of the promoted goods and the display effect, etc. to produce the related content. But most of the merchants of different kinds or the merchants of the same kind have the same promotion mode and display mode, but the specific contents are different. However, the prior art personnel also need to repeatedly paste the relevant codes to achieve the relevant display effect, the process is complicated, and due to the fact that a large number of codes are included, under the condition that the current code release needs to be examined and approved layer by layer, if the operation needs to update the activity information, the verification of the updated page codes including a large number of codes is inevitable, the verification efficiency is low, and the commodity display time is delayed.
Fig. 1 is a flowchart of a method for constructing a front-end page according to an embodiment of the present invention. As shown in fig. 1, the method may include the steps of:
In this embodiment, the service requirement carries a component identifier for characterizing a common component to be called of the front-end page to be constructed. When a user develops a certain project, the corresponding business requirement can be determined, and the target public component required by the specified page is determined according to the component identifier carried by the business requirement.
And 102, analyzing the service requirement to obtain a component identifier carried by the service requirement.
And 103, judging whether a target public component corresponding to the component identifier exists in a preset public component library.
In this embodiment, a developer may establish a common component library according to the requirements of a website. The name of the common component library is not limited, and may be "one. Specifically, for example, a developer may extract the related components of the commonly used functions and the related codes of the commonly used interactive components into the JavaScript component library, and may use the implemented functions as names of the sub-component library for invocation. For example, if a developer stores the relevant code for a Sudoku lottery to a common component repository, "Sudoku lottery" may be named as a sub-component repository for invocation.
It should be noted that, in order to meet the use requirements of different workers, the common component library provided in the embodiment of the present application may be set as two versions, which are an online version and a local version, respectively, where the common component library of the online version may be a standby version, and the common component library of the local version may be a CMD (universal module definition) modular version.
In this embodiment, the common component library includes a plurality of minimum granularity common components, such as an avatar component, a banner component, a carousel component, a calendar component, a content pagination list component, a comment component, a file preview component, a common conduit component, breadcrumbs, a navigation menu, a tag list component, an immersive reading mode component, a two-dimensional code component, a color selector, a file preview instruction component, a safeHtml, a safeUrl conduit service component. The common component library also includes new components consisting of at least two of these minimum granularity common components, such as an editor page component, a news detail page component, a business process page component.
The public component library can meet the demand of standard products which are used after being unpacked and can also meet the configurability of individual demands of the products, so that a user only needs to call information such as attribute, function and event processing set by the components, for example, component identification, and the internal implementation logic of the components does not need to be considered.
And step 104, if the target public component exists, packaging the target public component, and deploying the packaged target public component to a front-end page to be constructed.
In this embodiment, before the user lays out and renders the required target common component, the user needs to move the corresponding target common component to the page editing area in the component area. And the browser realizes the display of each target public component in the page editing area according to the operation of the user.
Specifically, the user determines the required target common components based on the business requirements, and the user sequentially drags the target common components displayed in the component area to the page editing area. When a user drags a target public component in the component area, a corresponding trigger instruction is generated, the browser acquires the trigger instruction, and the target public component is dragged according to the trigger instruction. The dragging process is realized by dragging an interface configured in the SDK, and when a user moves one target public component, the browser responds to a corresponding trigger instruction, namely calls the dragging interface once, and adds the target component to a page editing area for displaying. The page edit section can set the position and page layout form of each target component.
The configuration file of each target common component can be loaded by a loader and displayed in the attribute setting area respectively. For example, if the common component a is currently moved, the loader loads the configuration file of the common component a and displays the configuration file in the attribute setting area; and the next common component B is moved, the configuration file of the common component B is loaded by the loader and displayed in the attribute setting area. At this time, the contents displayed in the attribute setting area are replaced by the profile of the common component a with the profile of the common component B.
If the default parameters of the common components do not meet the service requirements of the users, the corresponding configuration files can be adaptively changed. Specifically, after each required target common component is dragged to the page editing area, the attribute setting area displays the default parameter of each target common component. In order to enable each target public component to meet the business requirements, the configuration file of each target public component needs to be processed to obtain the configuration file meeting the page development requirements. The configuration file of each target public component can be modified according to the page development requirement, and a corresponding target configuration file is obtained.
And after the configuration file modification of each target public component is completed, updating the modified configuration file into the corresponding target public component, and when page development is carried out subsequently, according to the modified configuration file of each target component.
In order to meet the service requirement, after each target public component is dragged to a page editing area and the corresponding configuration file is modified, an association relation needs to be established for each target public component so as to realize linkage between the components, namely, joint debugging from triggering to responding is completed, and the corresponding function is realized.
In this embodiment, the relationship analysis engine may be used to invoke the event binding function to implement the association between each target common component. The event binding function is configured in the browser, and when the association relation of the components is created, the function is directly called.
According to the front-end page construction method provided by the invention, the component identification carried by the business requirement is obtained by analyzing the business requirement, so that the target public component corresponding to the business requirement is determined in the public component library through the component identification, and the target public component can be deployed in the front-end page to be constructed, therefore, the development process can be greatly simplified, the development efficiency of the front-end page in the construction process is improved, the code reusability can be greatly improved, and the maintenance cost is reduced.
In addition, the construction method of the front-end page provided by the invention has the following advantages: 1) and the coupling degree of the whole system is reduced: under the condition of keeping the interface unchanged, different components can be replaced to quickly complete the requirements; 2) performance is improved: the communication between the business logics is converted from traditional event driving into data driving, and the updating and rendering of the page elements are more real-time and faster; 3) the debugging is convenient: because the whole system is combined through the components, when a problem occurs, the components can be directly removed by an elimination method, or the problem can be quickly positioned according to the error-reported components, so that the positioning can be quickly realized, because the coupling between each component is low, the responsibility is single, and the logic is simpler than the analysis of the whole system; 4) improving maintainability, optimizing the code results in an overall upgrade of the system, since each component has a single responsibility and the components are reused in the system.
The componentization of the front-end page greatly reduces the coupling of each function of the system, improves the aggregation of the inside of the function, and has great benefits for the front-end engineering and the reduction of the maintenance of codes. The coupling is reduced, the extensibility of the system is improved, the development complexity is reduced, the development efficiency is improved, and the development cost and the maintenance cost are reduced. The purpose of creating a common component library is to maintain a set of standard product components for use by multiple projects. Repeated work in service development is reduced, and service logic is abstractly packaged, so that the purpose that a set of standard product codes are shared at multiple places is achieved.
In an embodiment of the present invention, the public component library is a local version, and step 104 may specifically include the following steps:
storing the public component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to a front-end page to be constructed.
In this embodiment, the version of the common component library may be the CMD version. For example, if the name of the common component library created by the developer is "one.js", the developer or a developer in other departments may download the common component library in the origin server to the local server when the program is written and the common component library needs to be called, where the written program code may be, for example:
<seajs.config({
base: 'path of own module',
the number of the paths: { 'onejs': path of file where 'onejs is located' }
})；
By writing the program code, the common component library in the origin server can be downloaded to the local server. After the common component library is downloaded to the local server, the config configuration attribute of the seajs is modified. The seajs is a JavaScript module loading frame conforming to the CMD specification, and can realize the modular development and loading mechanism of the JavaScript. The purpose of marking the storage path of the public component library in the local server is achieved by modifying the config configuration attribute of the seajs.
By writing the program code, the public component library in the local server can be located to call the public component library. After writing the path information, a sub-component of a program calling a certain function may be written, and the written program code may be, for example:
<script>
Seajs.use([‘Onejs/Swiper/1.0/Swiper.js’,‘Onejs/Swiper_Scrolltap/1.0/Swiper Scrolltap.js’],function(Swiper,Swiper Scrolltap){
Swiper Scrolltap({“navContainer”:“#nav_warp”})
})
</script>
it should be noted that the program code written above is a program code for calling a navigation component. By programming the program code, a navigation component in the local server can be invoked.
The embodiment of the invention stores the public component library to the local server; the method for acquiring the components in the public component library from the local server is provided by calling the components in the public component library based on the local server, the component codes are deployed locally, the component self-defining method and the attributes can be expanded according to the service requirements of the local server, and the construction efficiency of the front-end page can be effectively improved.
In an embodiment of the present invention, after step 103, further comprising:
if not, judging whether the minimum-granularity public component in the public component library can form a target public component or not;
if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
In this embodiment, based on the minimum-granularity common component flowing out from the preset common component library, if the target common component can be composed, the time of the common component introduced by the front-end page in the construction process can be saved, and the construction speed of the front-end page is increased.
In an embodiment of the present invention, after step 104, the method further comprises:
judging whether the target public component comprises a data interface component or not;
if so, calling data corresponding to the data interface component according to the data interface component.
In this embodiment, if the target common component includes the data interface component, the data interface component may be directly used to complete the call of the data after the encapsulated target common component is deployed into the front-end page to be constructed, so that the construction speed of the front-end page may be increased.
For example, the data interface components may include a get column data interface component, a content data interface component, a navigation data interface component, a detail data interface component, a review interface component, a file component, a picture interface component, a statistics interface component, and the like.
In some embodiments, the common component library further comprises common function components, such as depepMerge depth merge method component, file download method component, and tree structure recursive traversal method component, so that the common function components can be directly used to complete the processing of the events without regenerating a new page to complete the events.
As shown in fig. 2 and fig. 3, an embodiment of the present invention provides a device in which a front-end page building apparatus is located and a front-end page building apparatus. The device embodiments may be implemented by software, or by hardware, or by a combination of hardware and software. From a hardware level, as shown in fig. 2, a hardware structure diagram of a device in which a front-end page constructing apparatus provided in the embodiment of the present invention is located is shown, where in addition to the processor, the memory, the network interface, and the nonvolatile memory shown in fig. 2, the device in which the apparatus is located in the embodiment may also generally include other hardware, such as a forwarding chip responsible for processing a packet, and the like. Taking a software implementation as an example, as shown in fig. 3, as a logical apparatus, the apparatus is formed by reading, by a CPU of a device in which the apparatus is located, corresponding computer program instructions in a non-volatile memory into a memory for execution.
As shown in fig. 3, the apparatus for constructing a front page provided in this embodiment includes:
a receiving module 301, configured to receive a service requirement of a front-end page to be constructed, where the service requirement carries a component identifier for representing a to-be-called public component of the front-end page to be constructed;
the analysis module 302 is configured to analyze the service requirement to obtain a component identifier carried by the service requirement;
a first judging module 303, configured to judge whether a target public component corresponding to the component identifier exists in a preset public component library;
a deployment module 304, configured to encapsulate the target common component, and deploy the encapsulated target common component to the front-end page to be built.
In an embodiment of the present invention, the receiving module 301 may be configured to perform step 101 in the foregoing method embodiment, the parsing module 302 may be configured to perform step 102 in the foregoing method embodiment, the first determining module 303 may be configured to perform step 103 in the foregoing method embodiment, and the deploying module 304 may be configured to perform step 104 in the foregoing method embodiment.
In an embodiment of the present invention, after determining that there is no target common component corresponding to the component identifier in the preset common component library, the method further includes:
the second judging module is used for judging whether the minimum-granularity public component in the public component library can form the target public component or not; if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
In one embodiment of the present invention, further comprising:
the third judging module is used for judging whether the target public component comprises a data interface component or not; and if so, calling data corresponding to the data interface component according to the data interface component.
In an embodiment of the present invention, the common component library is a local version, and the deployment module is configured to perform the following operations:
storing the common component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to the front-end page to be constructed.
It is to be understood that the illustrated structure of the embodiment of the present invention does not constitute a specific limitation on the front page building apparatus. In other embodiments of the invention, the means for constructing the front page may include more or fewer components than shown, or some components may be combined, some components may be split, or a different arrangement of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.
Because the content of information interaction, execution process, and the like among the modules in the device is based on the same concept as the method embodiment of the present invention, specific content can be referred to the description in the method embodiment of the present invention, and is not described herein again.
The embodiment of the present invention further provides a device for constructing a front-end page, including: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is configured to invoke the machine-readable program to execute the method for constructing a front-end page according to any embodiment of the present invention.
Embodiments of the present invention also provide a computer-readable medium storing instructions for causing a computer to execute the method for constructing a front-end page as described herein. Specifically, a method or an apparatus equipped with a storage medium on which a software program code that realizes the functions of any of the above-described embodiments is stored may be provided, and a computer (or a CPU or MPU) of the method or the apparatus is caused to read out and execute the program code stored in the storage medium.
In this case, the program code itself read from the storage medium can realize the functions of any of the above-described embodiments, and thus the program code and the storage medium storing the program code constitute a part of the present invention.
Examples of the storage medium for supplying the program code include a floppy disk, a hard disk, a magneto-optical disk, an optical disk (e.g., CD-ROM, CD-R, CD-RW, DVD-ROM, DVD-RAM, DVD-RW, DVD + RW), a magnetic tape, a nonvolatile memory card, and a ROM. Alternatively, the program code may be downloaded from a server computer via a communications network.
Further, it should be clear that the functions of any one of the above-described embodiments can be implemented not only by executing the program code read out by the computer, but also by performing a part or all of the actual operations by an operation method or the like operating on the computer based on instructions of the program code.
Further, it is to be understood that the program code read out from the storage medium is written to a memory provided in an expansion board inserted into the computer or to a memory provided in an expansion unit connected to the computer, and then causes a CPU or the like mounted on the expansion board or the expansion unit to perform part or all of the actual operations based on instructions of the program code, thereby realizing the functions of any of the above-described embodiments.
The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the scope of protection of the present application.
Claims (10)
1. The method for constructing the front-end page is characterized by comprising the following steps:
receiving a service requirement of a front-end page to be constructed, wherein the service requirement carries a component identifier for representing a common component to be called of the front-end page to be constructed;
analyzing the service requirement to obtain a component identifier carried by the service requirement;
judging whether a target public component corresponding to the component identifier exists in a preset public component library or not;
and if so, packaging the target public component, and deploying the packaged target public component to the front-end page to be constructed.
2. The method of claim 1, wherein after the determining whether the target common component corresponding to the component identifier exists in the preset common component library, the method further comprises:
if not, judging whether the minimum-granularity public component in the public component library can form the target public component or not;
if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
3. The method according to claim 1, wherein after the deploying the encapsulated target common component into the front-end page to be built, further comprising:
judging whether the target public component comprises a data interface component or not;
and if so, calling data corresponding to the data interface component according to the data interface component.
4. The method according to claim 1, wherein the common component library is a local version, and the encapsulating the target common component and deploying the encapsulated target common component into the front-end page to be built comprises:
storing the common component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to the front-end page to be constructed.
5. Front end page's constructional device, its characterized in that includes:
the system comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving a service requirement of a front-end page to be constructed, and the service requirement carries a component identifier used for representing a public component to be called of the front-end page to be constructed;
the analysis module is used for analyzing the service requirement to obtain a component identifier carried by the service requirement;
the first judgment module is used for judging whether a preset public component library has a target public component corresponding to the component identifier;
and the deployment module is used for packaging the target public component and deploying the packaged target public component to the front-end page to be constructed.
6. The apparatus of claim 5, further comprising, after determining that the target common component corresponding to the component identifier does not exist in the preset common component library, the apparatus further comprising:
the second judging module is used for judging whether the minimum-granularity public component in the public component library can form the target public component or not; if the target common component can be composed, at least two minimum granularity common components capable of being composed into the target common component are determined in the common component library, and the target common component is stored in the common component library.
7. The method of claim 5, further comprising:
the third judging module is used for judging whether the target public component comprises a data interface component or not; and if so, calling data corresponding to the data interface component according to the data interface component.
8. The method of claim 5, wherein the common component library is a local version, and wherein the deployment module is configured to:
storing the common component library to a local server;
and packaging the target public component at the local server, and deploying the packaged target public component to the front-end page to be constructed.
9. Front end page's constructional device, its characterized in that includes: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor, configured to invoke the machine readable program to perform the method of any of claims 1 to 4.
10. Computer readable medium, characterized in that it has stored thereon computer instructions which, when executed by a processor, cause the processor to carry out the method of any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110101716.0A CN112817591A (en) | 2021-01-26 | 2021-01-26 | Front-end page construction method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110101716.0A CN112817591A (en) | 2021-01-26 | 2021-01-26 | Front-end page construction method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112817591A true CN112817591A (en) | 2021-05-18 |
Family
ID=75859162
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110101716.0A Pending CN112817591A (en) | 2021-01-26 | 2021-01-26 | Front-end page construction method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112817591A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113254043A (en) * | 2021-06-04 | 2021-08-13 | 京东科技控股股份有限公司 | Web front-end project processing method and device, electronic equipment and storage medium |
| CN113485692A (en) * | 2021-06-07 | 2021-10-08 | 广发银行股份有限公司 | Big data componentization development method and device based on component store |
| CN113536185A (en) * | 2021-07-28 | 2021-10-22 | 平安科技（深圳）有限公司 | Application page loading method, storage medium and related equipment thereof |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108762729A (en) * | 2018-05-07 | 2018-11-06 | 北京五八信息技术有限公司 | A kind of method, apparatus of page makeup, computer equipment and storage medium |
| CN109885791A (en) * | 2019-01-03 | 2019-06-14 | 深圳壹账通智能科技有限公司 | A kind of front end page access method, device and electronic equipment |
| CN111381899A (en) * | 2020-02-21 | 2020-07-07 | 泰康保险集团股份有限公司 | Method and apparatus for developing target system |
-
2021
- 2021-01-26 CN CN202110101716.0A patent/CN112817591A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108762729A (en) * | 2018-05-07 | 2018-11-06 | 北京五八信息技术有限公司 | A kind of method, apparatus of page makeup, computer equipment and storage medium |
| CN109885791A (en) * | 2019-01-03 | 2019-06-14 | 深圳壹账通智能科技有限公司 | A kind of front end page access method, device and electronic equipment |
| CN111381899A (en) * | 2020-02-21 | 2020-07-07 | 泰康保险集团股份有限公司 | Method and apparatus for developing target system |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113254043A (en) * | 2021-06-04 | 2021-08-13 | 京东科技控股股份有限公司 | Web front-end project processing method and device, electronic equipment and storage medium |
| CN113485692A (en) * | 2021-06-07 | 2021-10-08 | 广发银行股份有限公司 | Big data componentization development method and device based on component store |
| CN113536185A (en) * | 2021-07-28 | 2021-10-22 | 平安科技（深圳）有限公司 | Application page loading method, storage medium and related equipment thereof |
| WO2023005163A1 (en) * | 2021-07-28 | 2023-02-02 | 平安科技（深圳）有限公司 | Method for loading application page, storage medium and related device thereof |
| CN113536185B (en) * | 2021-07-28 | 2024-01-02 | 平安科技（深圳）有限公司 | Application page loading method, storage medium and related equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10726195B2 (en) | Filtered stylesheets | |
| CN109508191B (en) | Code generation method and system | |
| CN112817591A (en) | Front-end page construction method and device | |
| CN108197257A (en) | Html page generation method, device, equipment and storage medium | |
| US20160012551A1 (en) | Apparatus and Application Server for Providing a Service to a User | |
| CN114138254B (en) | Automatic code generation method, medium, equipment and system | |
| CN111210492A (en) | Picture processing method and device | |
| CN112800370A (en) | Business document processing method and device, computer equipment and storage medium | |
| CN112507273A (en) | Webpage generating method and device and electronic equipment | |
| CN113900636A (en) | Self-service channel business process development system and development method thereof | |
| CN111381920A (en) | Display method and device of pop-up window assembly and electronic terminal | |
| CN112882703B (en) | Online design method and device for user-defined chart plug-in | |
| CN114416056A (en) | Page generation method, system, computer equipment and readable storage medium | |
| Taivalsaari | Mashware: The future of web applications | |
| CN113835691A (en) | iOS application development method, system, device, medium and program product | |
| CN109656536B (en) | Push module modularization method and client | |
| Penberthy | Beginning ASP. NET for Visual Studio 2015 | |
| CN111679824A (en) | Method and device for making active page, electronic equipment and storage medium | |
| US11662874B2 (en) | Method and system for transforming wireframes to as-is screens with responsive behaviour | |
| Radford | Learning Web Development with Bootstrap and AngularJS | |
| US20160012146A1 (en) | Client Web Browser and Method for Constructing a Website DOM Module With Client-Side Functional Code | |
| CN112015410A (en) | Webpage editing method, device and system and computer storage medium | |
| CN113934412A (en) | Program generation method, device, equipment and storage medium | |
| Somi | User Interface Development of a Modern Web Application | |
| CN116595284B (en) | Webpage system operation method, device, equipment, storage medium and program |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210518 |
|
| RJ01 | Rejection of invention patent application after publication |