CN113568701A - Modal frame display method, device, equipment and storage medium - Google Patents
Modal frame display method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN113568701A CN113568701A CN202111139502.9A CN202111139502A CN113568701A CN 113568701 A CN113568701 A CN 113568701A CN 202111139502 A CN202111139502 A CN 202111139502A CN 113568701 A CN113568701 A CN 113568701A
- Authority
- CN
- China
- Prior art keywords
- modal
- component
- modal frame
- frame
- shared
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application discloses a modal frame display method, a device, equipment and a storage medium, wherein the modal frame display method comprises the following steps: creating a component file in a development directory, introducing a modal frame component into the component file, configuring a function style corresponding to the modal frame component, obtaining an optimized modal frame, performing blocking processing on the optimized modal frame to obtain each blocking modal frame, packaging and blocking each blocking modal frame, uploading the blocking modal frame to a server, enabling the server to be based on each blocking modal frame, generating a sharing blocking modal frame component, and pulling a sharing blocking modal frame in the sharing blocking modal frame component to be displayed in a page. The method and the device solve the technical problems that due to the fact that the modal boxes need to be created for each functional module, project development efficiency is low, and the modal box display styles corresponding to the functional modules are not uniform.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a storage medium for displaying a modal frame.
Background
With the development of computer technology, in the current industrial internet front-end development, a user performs various interactive operations on a prompt modal box of a webpage, pops up the modal box to perform some prompts on the user or directly display contents to the user, so that interactive experience is enhanced, and page skipping is reduced.
Disclosure of Invention
The application mainly aims to provide a modal box display method, a modal box display device and a modal box display storage medium, and aims to solve the technical problems that in the prior art, because each functional module needs to be created respectively, the project development efficiency is low, and the modal box display styles corresponding to the functional modules are not uniform.
In order to achieve the above object, the present application provides a method for displaying a modal frame, where the method is applied to a client, and the method includes:
creating a component file in a development directory, and introducing a modal frame component in the component file;
configuring a function style corresponding to the modal frame component to obtain an optimized modal frame;
carrying out blocking processing on the optimized modal frame to obtain each blocking modal frame;
and packaging and uploading each partitioned modal frame to a server side, so that the server side generates a shared partitioned modal frame component based on each partitioned modal frame, and pulls the shared partitioned modal frame from the shared partitioned modal frame component to be displayed in a page.
Optionally, the configuring a functional style of the modal frame component based on the modal frame component, and the obtaining a package modal frame includes:
and modifying the original functional style in the modal frame component and/or adding a personalized functional style in the modal frame component based on the modal frame component to obtain the optimized modal frame component.
Optionally, after the step of packaging and blocking each of the blocking modal frames and uploading the blocking modal frames to a server, so that the server generates a shared blocking modal frame component based on each of the blocking modal frames, and pulling the shared blocking modal frame in the shared blocking modal frame component to be displayed in a page, the modal frame display method further includes:
sending a component request corresponding to a page to the server, so that the server returns each sharing block modal frame corresponding to the component request based on the component request;
and displaying each shared block modal frame in the page based on the request function corresponding to each shared block modal frame and the component request.
Optionally, the step of dynamically displaying each of the block modal frames in a corresponding page based on each of the block modal frames and the component requesting a corresponding request function includes:
integrating the sharing block modal frames based on the request function requested by the component to obtain a complete display component;
rendering and displaying the complete display component in the page.
In order to achieve the above object, the present application further provides a modal frame display method, where the modal frame display method is applied to a server, and the modal frame display method includes:
acquiring each partitioned modal frame uploaded by a client;
and generating a shared partitioned modal frame component based on each partitioned modal frame, and issuing a modal frame dependency share.
Optionally, after the step of generating a shared blocked modal frame component based on each blocked modal frame and issuing a modal frame dependent sharing, the modal frame display method includes:
when an assembly request sent by the client is received, extracting each sharing block modal frame corresponding to the assembly request from the sharing block modal frame assembly;
and returning each sharing block modal frame corresponding to the component request to the client, so that the client can perform integrated rendering on each sharing block modal frame and display the sharing block modal frame in a page corresponding to the client.
Optionally, when receiving a component request sent by the client, the step of extracting, in the shared block modal frame component, each shared block modal frame corresponding to the component request includes:
analyzing the component request to obtain a request analysis result;
and pulling each sharing block modal frame in the sharing block modal frame component in a preset component pulling mode based on the request analysis result.
The present application further provides a modal frame display device, the modal frame display device is applied to the client, the modal frame display device is a virtual device, the modal frame display device includes:
the creating module is used for creating a component file in a development directory and introducing a modal frame component into the component file;
the configuration module is used for configuring the function style corresponding to the modal frame component to obtain an optimized modal frame;
the block processing module is used for carrying out block processing on the optimized modal frame to obtain each block modal frame;
and the uploading module is used for packaging and uploading each partitioned modal frame to the server side so that the server side can generate a shared partitioned modal frame component based on each partitioned modal frame, and the shared partitioned modal frame is pulled from the shared partitioned modal frame component and displayed in a page.
The application further provides a modal frame display device, the modal frame display device is applied to the server, the modal frame display device is a virtual device, the modal frame display device includes:
the acquisition module is used for acquiring each partitioned modal frame uploaded by the client;
and the component generation module is used for generating a shared partitioned modal frame component based on each partitioned modal frame and issuing modal frame dependency sharing.
The present application further provides a modal frame display device, the modal frame display device is an entity device, the modal frame display device includes: the device comprises a memory, a processor and a modal frame display program stored on the memory, wherein the processor executes the steps of implementing the modal frame display method.
The present application further provides a storage medium, which is a computer-readable storage medium, on which a modal frame display program is stored, where the modal frame display program is executed by a processor to implement the steps of the modal frame display method as described above.
The present application also provides a computer program product comprising a computer program which, when executed by a processor, performs the steps of the method of modal box display as described above.
The application provides a modal frame display method, a device, equipment and a storage medium, compared with the technical means of respectively creating a modal frame for each function module adopted in the prior art, the application firstly creates a component file in a development directory, introduces a modal frame component into the component file, further configures a function style corresponding to the modal frame component, obtains an optimized modal frame, achieves the purpose of secondary optimization packaging of the modal frame component, further, performs partitioning processing on the optimized modal frame, obtains each partitioned modal frame, further packs and partitions each partitioned modal frame, uploads the partitioned modal frame to a server side so that the server side can generate a shared partitioned modal frame component on each partitioned modal frame, pulls the shared partitioned modal frame in the shared partitioned modal frame component to display in a page, and packs and uploads the modal frame component blocks of the secondary optimization packaging to the server side, therefore, the modal frame components stored by the server can be dynamically loaded as required, the modal frame components with uniform styles can be displayed in the page, the development workload is reduced, and the technical defects that in the prior art, because each function module needs to be created respectively, the project development efficiency is low, and the modal frame display styles corresponding to the function modules are not uniform are overcome, so that the development efficiency is improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly described below, and it is obvious to those skilled in the art that other drawings can be obtained according to the drawings without inventive exercise.
FIG. 1 is a flowchart illustrating a first embodiment of a method for displaying a modal box according to the present application;
FIG. 2 is a flowchart illustrating a second embodiment of a method for displaying a modal box according to the present application;
FIG. 3 is a flowchart illustrating a third exemplary embodiment of a method for displaying a modal box according to the present application;
fig. 4 is a schematic structural diagram of a modal frame display device of a hardware operating environment related to a modal frame display method in an embodiment of the present application.
The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.
Detailed Description
It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
In a first embodiment of the modal frame display method of the present application, referring to fig. 1, the modal frame display method is applied to a client, and the modal frame display method includes:
step S10, creating a component file in a development directory, and introducing a modal frame component in the component file;
in the present embodiment, it should be noted that the modal frame component includes, but is not limited to, a modal frame corresponding to a frame such as ant-design-vue (front end development frame) boottrap (front end development frame).
Creating a component file in a development directory, and introducing a modal frame component in the component file, specifically, after a system project is created, creating a component file in a development directory corresponding to the system project, and introducing a modal frame component in the component file, for example, creating a common component library component under an src development directory, creating an index-mode.
Step S20, configuring a function style corresponding to the modal frame component to obtain an optimized modal frame;
in this embodiment, the function style corresponding to the modal frame component is configured to obtain an optimized modal frame, and specifically, the original function style corresponding to the modal frame component is selected to be modified, and/or a personalized style corresponding to a function customized by a user is added to a self-defined place in the modal frame to obtain the optimized modal frame, so that secondary packaging of the modal frame component is realized, consistency of the modal frame component is ensured, and uniformity of display styles of the modal frames corresponding to the function modules is ensured.
Configuring a functional style of the modal frame component based on the modal frame component, wherein the step of obtaining a package modal frame comprises:
step S21, based on the modal box component, modifying an original functional style in the modal box component and/or adding a personalized functional style to the modal box component, to obtain the optimized modal box component.
In this embodiment, it should be noted that the personalized function style is added by the user in a customized manner.
Based on the modal box component, modifying an original function style in the modal box component and/or adding a personalized function style in the modal box component to obtain the optimized modal box component, specifically, modifying an original function style in the modal box component, configuring a personalized display style corresponding to the modal box component, for example, removing an unnecessary original function, and configuring a CSS style, a position: absolute, a top: 0, a right: 0, a z-index: 10, a padding: 0, a color: rgba (0,0,0,45) of the modal box pair.
Step S30, the optimized modal frame is processed in a blocking mode, and each blocking modal frame is obtained;
in this embodiment, it should be noted that the modality frame includes modules such as a header, a main (content presentation part), and a footer.
The method includes the steps of performing blocking processing on the optimized modal frame to obtain each blocked modal frame, specifically, performing blocking processing on the optimized modal frame according to a composition module of the optimized modal frame to obtain each module corresponding to the optimized modal frame, that is, obtaining each blocked modal frame, for example, the blocked modal frame is divided into modules such as a header, a main and a footer, so that component isolation is achieved.
Step S40, packing and blocking each of the blocked modal frames, and uploading the packed and blocked modal frames to a server, so that the server generates a shared blocked modal frame component based on each of the blocked modal frames, and pulls the shared blocked modal frame from the shared blocked modal frame component to be displayed in a page.
In this embodiment, each of the partitioned modal frames is packaged, partitioned and uploaded to the server, so that the server generates a shared partitioned modal frame component based on each of the partitioned modal frames, and pulls the shared partitioned modal frame from the shared partitioned modal frame component to be displayed in a page, and specifically, each of the partitioned modal frames is packaged, partitioned and uploaded to the server through CaaS (Communications-as-a-Service), that is, when a modal frame needs to be applied in a development process, the partitioned modal frame obtained by the server is dynamically loaded, and a modal frame of the whole project is directly generated, thereby greatly reducing development workload.
The embodiment of the application provides a modal frame display method, and compared with the technical means that each functional module needs to be created respectively in the prior art, the method creates a component file in a development directory at first in real-time exchange rate, introduces a modal frame component into the component file, further configures a functional style corresponding to the modal frame component, obtains an optimized modal frame, achieves the purpose of secondary optimization packaging of the modal frame component, further performs partitioning processing on the optimized modal frame, obtains each partitioned modal frame, further packs and partitions each partitioned modal frame, uploads the partitioned modal frame to a server, so that the server can generate a shared partitioned modal frame component based on each partitioned modal frame, pulls the shared partitioned modal frame from the shared partitioned modal frame component to be displayed in a page, and packs and uploads the secondarily optimized modal frame component to the server in blocks, therefore, the modal frame components stored by the server can be dynamically loaded as required, the corresponding modal frame components can be displayed in the page, the development workload is reduced, and the technical defects that in the prior art, because each function module needs to be created respectively, the project development efficiency is low and the modal frame display styles corresponding to the function modules are not uniform are overcome, so that the development efficiency is improved.
Further, referring to fig. 2, based on the first embodiment in the present application, in another embodiment of the present application, after the step of packaging and blocking each of the blocking modal frames and uploading the packaging and blocking to the server, so that the server generates a shared blocking modal frame component on the basis of each of the blocking modal frames, and pulls a shared blocking modal frame from the shared blocking modal frame component to be displayed in a page, the modal frame display method further includes:
step A10, sending a component request corresponding to a page to the server, so that the server returns each sharing block modal frame corresponding to the component request based on the component request;
in this embodiment, it should be noted that, in system project development, BigPipe is used as a Web page architecture, and BigPipe is a redesigned basic dynamic Web page service system.
Sending a component request corresponding to a page to the server, so that the server returns each shared block modal frame corresponding to the component request based on the component request, and specifically, sending a component request corresponding to a page to the server through a browser corresponding to the client, where the component request is an HTTP request corresponding to a component of a page required modal frame, so that the server performs parsing and checking on the component request based on the component request, so as to return each shared block modal frame corresponding to the component request, for example, the client sends an HTTP request to a Web server, the server parses the HTTP request, and then returns a response corresponding to the HTTP request to the client.
Step A20, displaying each of the shared chunk modal boxes in the page based on the request function corresponding to each of the shared chunk modal boxes and the component request.
In this embodiment, each shared block modal frame is displayed in the page based on each shared block modal frame and a request function corresponding to the component request, specifically, after each shared block modal frame corresponding to the component request is returned through the server, CSS style resources corresponding to a page where each shared block modal frame is located and/or resources referred by JavaScript of the page are downloaded through the client, and each shared block modal frame is integrated based on the request function of the component request to obtain a complete display component, so that the complete display component is rendered and displayed in the page, and the time for loading the first screen is reduced.
Wherein the step of dynamically displaying each of the block modal frames in a corresponding page based on each of the block modal frames and the corresponding request function requested by the component comprises:
step A21, integrating the sharing block modal frames based on the request function requested by the component to obtain a complete display component;
in this embodiment, it should be noted that each of the shared block modal frames has a corresponding function and service, and therefore, each of the shared block modal frames pulled from the service end cannot be directly displayed in a corresponding position in a page.
Integrating the shared block modal frames based on the request function of the component request to obtain a complete display component, specifically, controlling the shared block modal frames to be integrated according to the request function corresponding to the component request to form the complete display component to be displayed in a page, for example, the page is transmitted into a control object visibleObj, a corresponding request analysis result is determined according to the object transmitted by visibleObj, and then the shared block modal frames are controlled to be integrated, so that the accuracy of the integration process is ensured.
Step A22, rendering and displaying the complete display component in the page.
In this embodiment, the complete display component is rendered and displayed in the page, and specifically, after the complete display component is obtained, the complete display component is displayed in the page, so that the purpose of dynamically importing the modal frame into the required page for displaying is achieved.
The embodiment of the application provides a modal frame display method, that is, a component request corresponding to a page is sent to a server, so that the server can return to each shared block modal frame corresponding to the component request based on the component request, and then display each shared block modal frame in the page based on each shared block modal frame and a request function corresponding to the component request, so that based on a shared block modal frame component in the server, the modal frame corresponding to the component request can be pulled from the shared block modal frame component by sending the component request to the server, and then dynamically guided to the page to display the corresponding modal frame, and therefore the uniformity of the modal frames is ensured.
Further, in a third embodiment of the method for displaying a modal frame according to the present application, referring to fig. 3, the apparatus for displaying a modal frame is applied to a server, and in another embodiment of the present application, the method for displaying a modal frame further includes:
step B10, acquiring each partitioned modal frame uploaded by the client;
in this embodiment, it should be noted that, in the present application, each block modal frame is obtained in a collection-dependent manner, that is, when a component of the modal frame changes, the collected block modal frame is updated and changed in real time.
And step B20, generating a sharing partitioning modal frame component based on each partitioning modal frame, and issuing a modal frame dependency sharing.
In this embodiment, a shared partitioned modal frame component is generated based on each partitioned modal frame, and dependency sharing of a modal frame is issued, specifically, after each partitioned modal frame uploaded by the client is received, a corresponding shared partitioned modal frame component is generated based on each partitioned modal frame, and is stored in a back end corresponding to the server, and then dependency sharing is issued, so that the client can pull the shared partitioned modal frame component.
Wherein, after the steps of generating a shared blocked modal frame component based on each of the blocked modal frames and issuing a modal frame dependency sharing, the modal frame display method comprises:
step C10, when receiving the component request sent by the client, extracting each sharing block modal frame corresponding to the component request from the sharing block modal frame component;
in this embodiment, when an assembly request sent by the client is received, each shared block modal frame corresponding to the assembly request is extracted from the shared block modal frame assembly, specifically, when an assembly request sent by the client is received, the assembly request is analyzed, and then each shared block modal frame stored in the server is obtained according to a corresponding analyzed result of the analyzed request.
When receiving a component request sent by the client, the step of extracting each shared block modal frame corresponding to the component request from the shared block modal frame component includes:
step C11, analyzing the component request to obtain a request analysis result;
in this embodiment, it should be noted that, when the server receives the component request, that is, the HTTP request, the server needs to perform parsing check on the request, so as to perform data pulling operation according to a parsing result, that is, pull each of the shared chunk modal frames.
And step C12, based on the request analysis result, pulling each sharing block modal frame in the sharing block modal frame component in a preset component pulling mode.
In this embodiment, based on the request parsing result, each shared block modal frame is pulled in the shared block modal frame component in a preset component pulling manner, and specifically, based on the request parsing result, each shared block modal frame corresponding to the request parsing result is pulled in the shared block modal frame component of the server in a preset component pulling manner, where the preset component pulling manner includes an FS (file pulling) pulling method, other component pulling methods, and the like.
And step C20, returning each sharing block modal frame corresponding to the component request to the client, so that the client performs integrated rendering on each sharing block modal frame and displays the sharing block modal frame in a page corresponding to the client.
In this embodiment, it should be noted that after the partitioned modal frame is uploaded to the server and then partitioned and downloaded, the downloaded partitioned blocks need to be integrated to form a complete modal frame assembly, and then the complete modal frame assembly can be rendered and displayed in the page.
And returning each sharing block modal frame corresponding to the component request to the client so that the client can perform integrated rendering on each sharing block modal frame and display the sharing block modal frame in a page corresponding to the client, specifically, returning a response to the client for each sharing block modal frame corresponding to the component request, so that each sharing block modal frame obtained by pulling from the server through the client is obtained.
The embodiment of the application provides a modal frame display method, namely, each partitioned modal frame uploaded by a client is obtained, a shared partitioned modal frame component is generated based on each partitioned modal frame, and mode frame dependent sharing is published, so that each modal frame is integrated in a server to generate a shared partitioned modal frame component, the client directly pulls the shared partitioned modal frame component stored by the server, namely, a modal frame corresponding to a page can be generated, the workload of development is reduced, the technical defects that in the prior art, since each functional module needs to be created respectively to form a modal frame, the project development efficiency is low, and the modal frame display styles corresponding to the functional modules are not uniform are overcome, and the development efficiency is improved.
Referring to fig. 4, fig. 4 is a schematic structural diagram of a modal box display device of a hardware operating environment related to a modal box display method in an embodiment of the present application.
As shown in fig. 4, the modal box display apparatus may include: a processor 1001, such as a CPU, a memory 1005, and a communication bus 1002. The communication bus 1002 is used for realizing connection communication between the processor 1001 and the memory 1005. The memory 1005 may be a high-speed RAM memory or a non-volatile memory (e.g., a magnetic disk memory). The memory 1005 may alternatively be a memory device separate from the processor 1001 described above.
Optionally, the modal box display device may further include a rectangular user interface, a network interface, a camera, RF (Radio Frequency) circuitry, sensors, audio circuitry, a WiFi module, and the like. The rectangular user interface may comprise a Display screen (Display), an input sub-module such as a Keyboard (Keyboard), and the optional rectangular user interface may also comprise a standard wired interface, a wireless interface. The network interface may optionally include a standard wired interface, a wireless interface (e.g., WIFI interface).
Those skilled in the art will appreciate that the modal frame display device structure illustrated in FIG. 4 does not constitute a limitation of the modal frame display device, and may include more or fewer components than illustrated, or some components in combination, or a different arrangement of components.
As shown in fig. 4, a memory 1005, which is a kind of computer storage medium, may include therein an operating system, a network communication module, and a modal box display program. The operating system is a program that manages and controls the hardware and software resources of the modal box display device, supporting the operation of the modal box display program, as well as other software and/or programs. The network communication module is used to enable communication between the various components within the memory 1005, as well as with other hardware and software in the modal box display system.
In the modal frame display device shown in fig. 4, the processor 1001 is configured to execute a modal frame display program stored in the memory 1005, and implement the steps of the modal frame display method according to any one of the above-described embodiments.
The specific implementation of the modal frame display device of the present application is substantially the same as the embodiments of the modal frame display method described above, and is not described herein again.
The present application further provides a modal frame display device, the modal frame display device is applied to the client, the modal frame display device includes:
the creating module is used for creating a component file in a development directory and introducing a modal frame component into the component file;
the configuration module is used for configuring the function style corresponding to the modal frame component to obtain an optimized modal frame;
the block processing module is used for carrying out block processing on the optimized modal frame to obtain each block modal frame;
and the uploading module is used for packaging and uploading each partitioned modal frame to the server side so that the server side can generate a shared partitioned modal frame component based on each partitioned modal frame, and the shared partitioned modal frame is pulled from the shared partitioned modal frame component and displayed in a page.
Optionally, the creating module is further configured to:
and modifying the original functional style in the modal frame component and/or adding a personalized functional style in the modal frame component based on the modal frame component to obtain the optimized modal frame component.
Optionally, the modal box display apparatus is further configured to:
sending a component request corresponding to a page to the server, so that the server returns each sharing block modal frame corresponding to the component request based on the component request;
and displaying each shared block modal frame in the page based on the request function corresponding to each shared block modal frame and the component request.
Optionally, integrating the sharing block modal frames based on the request function requested by the component to obtain a complete display component;
rendering and displaying the complete display component in the page.
The specific implementation of the modal frame display apparatus of the present application is substantially the same as the embodiments of the modal frame display method described above, and is not described herein again.
The present application further provides a modal frame display device, the modal frame display device is applied to the server, the modal frame display device includes:
the acquisition module is used for acquiring each partitioned modal frame uploaded by the client;
and the component generation module is used for generating a shared partitioned modal frame component based on each partitioned modal frame and issuing modal frame dependency sharing.
Optionally, the modal box display apparatus is further configured to:
when an assembly request sent by the client is received, extracting each sharing block modal frame corresponding to the assembly request from the sharing block modal frame assembly;
and returning each sharing block modal frame corresponding to the component request to the client, so that the client can perform integrated rendering on each sharing block modal frame and display the sharing block modal frame in a page corresponding to the client.
Optionally, the modal box display apparatus is further configured to:
analyzing the component request to obtain a request analysis result;
and pulling each sharing block modal frame in the sharing block modal frame component in a preset component pulling mode based on the request analysis result.
The specific implementation of the modal frame display apparatus of the present application is substantially the same as the embodiments of the modal frame display method described above, and is not described herein again.
The present application provides a storage medium, which is a computer-readable storage medium, and the computer-readable storage medium stores one or more programs, which are further executable by one or more processors for implementing the steps of the modal box display method described in any one of the above.
The specific implementation of the readable storage medium of the present application is substantially the same as the embodiments of the foregoing modal frame display method, and is not described herein again.
The present application provides a computer program product, and the computer program product includes one or more computer programs, which can also be executed by one or more processors for implementing the steps of the modal box display method described in any one of the above.
The specific implementation of the computer program product of the present application is substantially the same as the embodiments of the modal frame display method described above, and is not described herein again.
The above description is only a preferred embodiment of the present application, and not intended to limit the scope of the present application, and all modifications of equivalent structures and equivalent processes, which are made by the contents of the specification and the drawings, or which are directly or indirectly applied to other related technical fields, are included in the scope of the present application.
Claims (10)
1. A method for displaying a modal frame, the method being applied to a client, the method comprising:
creating a component file in a development directory, and introducing a modal frame component in the component file;
configuring a function style corresponding to the modal frame component to obtain an optimized modal frame;
carrying out blocking processing on the optimized modal frame to obtain each blocking modal frame;
and packaging and uploading each partitioned modal frame to a server side, so that the server side generates a shared partitioned modal frame component based on each partitioned modal frame, and pulls the shared partitioned modal frame from the shared partitioned modal frame component to be displayed in a page.
2. The modal frame display method according to claim 1, wherein the step of configuring a functional style of the modal frame component based on the modal frame component to obtain a package modal frame comprises:
and modifying the original functional style in the modal frame component and/or adding a personalized functional style in the modal frame component based on the modal frame component to obtain the optimized modal frame component.
3. The modal frame display method of claim 1, wherein after the step of packaging and blocking each of the blocked modal frames and uploading the packaged and blocked modal frames to a server, so that the server generates a shared blocked modal frame component based on each of the blocked modal frames, and pulls the shared blocked modal frame in the shared blocked modal frame component to be displayed in a page, the modal frame display method further comprises:
sending a component request corresponding to a page to the server, so that the server returns each sharing block modal frame corresponding to the component request based on the component request;
and displaying each shared block modal frame in the page based on the request function corresponding to each shared block modal frame and the component request.
4. The modal frame display method of claim 3, wherein the step of dynamically presenting each of the tile modal frames in a corresponding page based on each of the tile modal frames and the component requesting a corresponding requested function comprises:
integrating the sharing block modal frames based on the request function requested by the component to obtain a complete display component;
rendering and displaying the complete display component in the page.
5. A modal frame display method is applied to a server, and comprises the following steps:
acquiring each partitioned modal frame uploaded by a client;
and generating a shared partitioned modal frame component based on each partitioned modal frame, and issuing a modal frame dependency share.
6. The modal box display method of claim 5, wherein after the step of generating a shared blocked modal box component based on each of the blocked modal boxes and publishing a modal box dependent sharing, the modal box display method comprises:
when an assembly request sent by the client is received, extracting each sharing block modal frame corresponding to the assembly request from the sharing block modal frame assembly;
and returning each sharing block modal frame corresponding to the component request to the client, so that the client can perform integrated rendering on each sharing block modal frame and display the sharing block modal frame in a page corresponding to the client.
7. The modal frame display method according to claim 6, wherein the step of extracting, in the shared block modal frame component, each shared block modal frame corresponding to the component request when receiving the component request sent by the client comprises:
analyzing the component request to obtain a request analysis result;
and pulling each sharing block modal frame in the sharing block modal frame component in a preset component pulling mode based on the request analysis result.
8. A modal frame display apparatus applied to a client, the modal frame display apparatus comprising:
the creating module is used for creating a component file in a development directory and introducing a modal frame component into the component file;
the configuration module is used for configuring the function style corresponding to the modal frame component to obtain an optimized modal frame;
the block processing module is used for carrying out block processing on the optimized modal frame to obtain each block modal frame;
and the uploading module is used for packaging and uploading each partitioned modal frame to the server side so that the server side can generate a shared partitioned modal frame component based on each partitioned modal frame, and the shared partitioned modal frame is pulled from the shared partitioned modal frame component and displayed in a page.
9. A modal frame display device, comprising: a memory, a processor, and a modal box display program stored on the memory,
the method of displaying a modal box according to any one of claims 1 to 4 or 5 to 7 is performed by the processor.
10. A storage medium which is a computer-readable storage medium, characterized in that a modal box display program is stored on the computer-readable storage medium, the modal box display program being executed by a processor to implement the steps of the modal box display method according to any one of claims 1 to 4 or 5 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111139502.9A CN113568701A (en) | 2021-09-28 | 2021-09-28 | Modal frame display method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111139502.9A CN113568701A (en) | 2021-09-28 | 2021-09-28 | Modal frame display method, device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113568701A true CN113568701A (en) | 2021-10-29 |
Family
ID=78174889
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111139502.9A Pending CN113568701A (en) | 2021-09-28 | 2021-09-28 | Modal frame display method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113568701A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103324756A (en) * | 2013-07-09 | 2013-09-25 | 星云融创（北京）信息技术有限公司 | Method and device for increasing access speed of browser |
| US20150248302A1 (en) * | 2014-03-03 | 2015-09-03 | Baidu Online Network Technology (Beijing) Co., Ltd | Method, apparatus, server and system for implementing web application |
| CN106951270A (en) * | 2017-04-06 | 2017-07-14 | 腾讯科技（深圳）有限公司 | A kind of code process method, system and server |
| CN110597583A (en) * | 2019-08-14 | 2019-12-20 | 北京金堤科技有限公司 | Method and device for ceiling of modal frame, storage medium and electronic equipment |
| CN111258675A (en) * | 2020-01-15 | 2020-06-09 | 平安银行股份有限公司 | Rendering method, device and equipment of shared front-end component and storage medium |
| CN112685105A (en) * | 2021-01-13 | 2021-04-20 | 北京三快在线科技有限公司 | Front-end component sharing method and device, computer equipment and storage medium |
-
2021
- 2021-09-28 CN CN202111139502.9A patent/CN113568701A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103324756A (en) * | 2013-07-09 | 2013-09-25 | 星云融创（北京）信息技术有限公司 | Method and device for increasing access speed of browser |
| US20150248302A1 (en) * | 2014-03-03 | 2015-09-03 | Baidu Online Network Technology (Beijing) Co., Ltd | Method, apparatus, server and system for implementing web application |
| CN106951270A (en) * | 2017-04-06 | 2017-07-14 | 腾讯科技（深圳）有限公司 | A kind of code process method, system and server |
| CN110597583A (en) * | 2019-08-14 | 2019-12-20 | 北京金堤科技有限公司 | Method and device for ceiling of modal frame, storage medium and electronic equipment |
| CN111258675A (en) * | 2020-01-15 | 2020-06-09 | 平安银行股份有限公司 | Rendering method, device and equipment of shared front-end component and storage medium |
| CN112685105A (en) * | 2021-01-13 | 2021-04-20 | 北京三快在线科技有限公司 | Front-end component sharing method and device, computer equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 妄笑伊: "登录注册模态框", 《CSDN网站》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
| EP3465467B1 (en) | Web page accelerations for web application hosted in native mobile application | |
| CN108984714B (en) | Page rendering method and device, electronic equipment and computer readable medium | |
| US7761842B2 (en) | System and method for generating a graphical user interface (GUI) element | |
| KR102115057B1 (en) | Graphic rendering | |
| CN106997298B (en) | Application resource acquisition method and device | |
| US20090019133A1 (en) | System, method and computer program for updating a web page in a web browser | |
| US6922200B1 (en) | Delivering a graphical object to a browser | |
| US20130007107A1 (en) | Rendering components within different browser environments | |
| CN111600920B (en) | JS-based data request proxy method, device, equipment and readable storage medium | |
| CN109885301B (en) | Method, device, storage medium and equipment for generating scalable vector graphics | |
| CN107247544A (en) | Use interaction figure picture optimization software application user interface capabilities | |
| CN111880790A (en) | Page rendering method, page rendering system, and computer-readable storage medium | |
| CN114650434A (en) | Cloud service-based rendering method and related equipment thereof | |
| WO2014091257A2 (en) | Web page variation | |
| CN111880788A (en) | Page rendering method, device, client and computer readable storage medium | |
| CN111224880A (en) | Interface data acquisition method and device for single-page application and storage medium | |
| CN103942307B (en) | A kind of front end accelerated method based on picture stream | |
| CN111880789A (en) | Page rendering method, device, server and computer-readable storage medium | |
| CN110347319A (en) | It is a kind of to apply interior screenshot method and device | |
| US10089406B2 (en) | Generating web pages with integrated content | |
| US10997261B2 (en) | System and method that facilitate display responsive message rendering on client device | |
| CN113094561A (en) | Webpage generation method, webpage generation device, electronic equipment and storage medium | |
| CN113568701A (en) | Modal frame display method, device, equipment and storage medium | |
| US11758016B2 (en) | Hosted application as web widget toolkit |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20211029 |