[go: up one dir, main page]

CN113553522A - Page display method and device, electronic equipment and storage medium - Google Patents

Page display method and device, electronic equipment and storage medium Download PDF

Info

Publication number
CN113553522A
CN113553522A CN202010331522.5A CN202010331522A CN113553522A CN 113553522 A CN113553522 A CN 113553522A CN 202010331522 A CN202010331522 A CN 202010331522A CN 113553522 A CN113553522 A CN 113553522A
Authority
CN
China
Prior art keywords
function module
public function
specified
loading
page
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.)
Granted
Application number
CN202010331522.5A
Other languages
Chinese (zh)
Other versions
CN113553522B (en
Inventor
马世豪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Kingsoft Cloud Network Technology Co Ltd
Original Assignee
Beijing Kingsoft Cloud Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Kingsoft Cloud Network Technology Co Ltd filed Critical Beijing Kingsoft Cloud Network Technology Co Ltd
Priority to CN202010331522.5A priority Critical patent/CN113553522B/en
Publication of CN113553522A publication Critical patent/CN113553522A/en
Application granted granted Critical
Publication of CN113553522B publication Critical patent/CN113553522B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例提供了一种页面显示方法、装置、电子设备及存储介质,所述方法应用于客户端,所述方法包括:获得针对目标业务的一页面的加载请求;响应所述加载请求,加载所述页面中的各个显示对象;在加载各个显示对象的过程中,从指定共享位置调用并运行指定的公共功能模块,完成所述公共功能模块所对应的显示对象的加载;所述公共功能模块为所述目标业务和所述目标业务以外的其他业务所具有的相同的功能模块。本发明实施例可以降低前端架构中多个业务的相同模块的维护成本。

Figure 202010331522

Embodiments of the present invention provide a page display method, device, electronic device, and storage medium. The method is applied to a client, and the method includes: obtaining a page loading request for a target service; responding to the loading request, Load each display object in the page; in the process of loading each display object, call and run the specified public function module from the specified shared location to complete the loading of the display object corresponding to the public function module; the public function The modules are the same functional modules possessed by the target service and other services other than the target service. The embodiments of the present invention can reduce the maintenance cost of the same modules of multiple services in the front-end architecture.

Figure 202010331522

Description

Page display method and device, electronic equipment and storage medium
Technical Field
The present invention relates to the field of front-end technologies, and in particular, to a page display method and apparatus, an electronic device, and a storage medium.
Background
The front-end development is a process of creating a front-end interface such as a Web page or an APP (Application) page and presenting the front-end interface to a user to realize user interface interaction of an Internet product. Typically, multiple services are included in the front-end architecture, for example, in a video website, including different services for news, sports, art, and so on. For each service, the functional module of the service needs to be maintained, different functional modules correspond to different display objects which need to be loaded when the page of the service is displayed, and the loading of the display object corresponding to each functional module can be completed by operating the functional module of the service, so that the corresponding page of the service is displayed at the front end.
However, the inventor finds that the related art has at least the following problems in implementing the present invention:
a plurality of different services may have the same functional modules, such as in video websites, news, sports and art services, all maintaining the same header module and menu module. When these same function modules are maintained, for example, the same function modules are modified, developers of each service need to modify these modules, which wastes a lot of human resources. It can be seen that, in the related art, the maintenance cost is high for the same module of multiple services in the front-end architecture.
Disclosure of Invention
An object of the embodiments of the present invention is to provide a page display method, a page display apparatus, an electronic device, and a storage medium, so as to reduce the maintenance cost of the same module of multiple services in a front-end architecture. The specific technical scheme is as follows:
in a first aspect, an embodiment of the present invention provides a page display method, which is applied to a client, and the method includes:
obtaining a page loading request aiming at a target service;
responding to the loading request, and loading each display object in the page;
in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service.
Optionally, the invoking and executing the specified common function module from the specified shared location includes:
calling and running the designated common function module from the designated sharing position by accessing the target link; the target link is access address information which is generated after the codes corresponding to the public function module are packaged and is needed when the public function module is accessed from the specified shared position.
Optionally, the code corresponding to the common function module is written based on native JavaScript.
Optionally, the method for packaging the code corresponding to the common function module includes:
and packaging the codes corresponding to the common function modules based on a gulp technology.
Optionally, the target link includes a JS link, or the target link includes a JS link and a Cascading Style Sheet (CSS) link.
Optionally, the method for calling and running the specified common function module from the specified shared location by accessing the target link includes:
when the loading request is judged to be sent by a third application, calling and operating a specified public function module from a specified shared position by accessing a first target link corresponding to the third application;
otherwise, calling and operating the appointed public function module from the appointed shared position by accessing the second target link;
the first target link is access address information required by a third application to access the public function module, and the second target link is access address information required by the client to access the public function module.
In a second aspect, an embodiment of the present invention provides a page display apparatus, which is applied to a client, where the apparatus includes:
the acquisition module is used for acquiring a page loading request aiming at the target service;
the first loading module is used for responding to the loading request and loading each display object in the page;
the second loading module is used for calling and operating the appointed public function module from the appointed sharing position in the process of loading each display object, and completing the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service.
Optionally, the second loading module is specifically configured to call and run a specified common function module from a specified shared location by accessing the target link; the target link is access address information which is generated after the codes corresponding to the public function module are packaged and is needed when the public function module is accessed from the specified shared position.
Optionally, the code corresponding to the common function module is written based on native JavaScript.
Optionally, the apparatus further comprises:
and the packaging module is used for packaging the codes corresponding to the common function module based on a gulp technology.
Optionally, the target link includes a JS link, or the target link includes a JS link and a CSS link.
Optionally, the second loading module includes: a first loading unit and a second loading unit;
the first loading unit is used for calling and operating a specified public function module from a specified shared position by accessing a first target link corresponding to a third-party application when the loading request is judged to be sent by the third application; otherwise, triggering the second loading unit;
the second loading unit is used for calling and operating the specified public function module from the specified shared position by accessing the second target link;
the first target link is access address information required by a third application to access the public function module, and the second target link is access address information required by the client to access the public function module.
In a third aspect, an embodiment of the present invention provides an electronic device, including a processor, a communication interface, a memory, and a communication bus, where the processor and the communication interface complete communication between the memory and the processor through the communication bus;
a memory for storing a computer program;
a processor, configured to implement the steps of the page display method according to the first aspect when executing the program stored in the memory.
In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, in which a computer program is stored, and the computer program, when executed by a processor, implements the steps of the page display method according to the first aspect.
In the page display method provided by the embodiment of the invention, a page loading request aiming at a target service is obtained; loading each display object in the page; in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service. Therefore, in the scheme, the same function modules of a plurality of services are called and operated from the designated sharing position as the common function modules, and the common function modules do not need to be maintained by developers of each service, but can be maintained by special developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme.
Of course, it is not necessary for any product or method of practicing the invention to achieve all of the above-described advantages at the same time.
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 described below.
Fig. 1 is a flowchart of a page display method according to an embodiment of the present invention;
FIG. 2 is a diagram of a front-end architecture in the prior art;
FIG. 3 is a schematic diagram of a front end structure in an embodiment of the invention;
FIG. 4 is a flowchart of another page display method according to an embodiment of the present invention;
fig. 5 is a structural diagram of a page display device according to an embodiment of the present invention;
FIG. 6 is a block diagram of another page display apparatus according to an embodiment of the present invention;
fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
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.
In order to solve the problems in the prior art, embodiments of the present invention provide a page display method and apparatus, an electronic device, and a storage medium. The page display method provided by the embodiment of the invention can be applied to the client. The type of client may be various, for example: from the traffic type, the client may be a video, news, shopping, map client, etc., and from the presentation modality, the client may be an APP or web client.
As shown in fig. 1, a page display method provided by the present invention may include the following steps:
s101, a page loading request aiming at the target service is obtained.
The front-end architecture of the client can comprise a plurality of services, for example, in a video website, different services such as news, sports, art and the like can be included. There may be multiple pages per service. When a user accesses a client and needs to open a page of a certain service, the service is regarded as a target service, and then the user can send a page loading request aiming at the target service in the client through operations such as clicking, sliding and the like.
And S102, responding to the loading request, and loading each display object in the page.
After the client obtains a loading request for a page of the target service, each display object in the page can be loaded in response to the loading request. The types of display objects in the page may include: pictures, animations, videos, links, buttons, input windows and menus, etc.
S103, in the process of loading each display object, calling and operating the specified public function module from the specified sharing position to complete the loading of the display object corresponding to the public function module.
The common function module is the same function module of the target service and other services except the target service.
In each display object to be loaded, there may exist a display object corresponding to some common function module in the target service. For the display objects, the specified common function module can be called and run from the specified shared position, so that the loading of the display objects is completed. The designated public function module refers to a public function module in a target service which needs to be accessed when each display object of the page is loaded. For example, the target service includes 3 public function modules, which are respectively public function modules 1 to 3, and when each display object of the page is loaded, only the public function modules 1 and 2 in the target service need to be accessed, that is, in each display object that needs to be loaded, the display objects corresponding to the public function modules 1 and 2 respectively are included, and then, the specified public function module is the public function module 1 and 2.
In this embodiment, for a common function module, not every developer who contains a service of the common function module performs maintenance, but a dedicated developer may perform maintenance. Specifically, instead of the developer of each service maintaining the code corresponding to the common function module in the code repository of the service, a dedicated developer may maintain the code corresponding to the common function module in a separate code repository. Therefore, when the common function module needs to be accessed, the common function module can be called and operated from the designated sharing position, and the designated sharing position is the access position of the common function module.
For easy understanding, please refer to fig. 2 and fig. 3, in which fig. 2 is a schematic diagram of a front-end architecture in the prior art, and fig. 3 is a schematic diagram of a front-end architecture in an embodiment of the present invention. In the front-end architecture shown in fig. 2, for the same functional modules, namely, the header module and the menu module, of the services 1 to 3, the header module and the menu module are called in a code warehouse of each service, and are maintained by developers of each service. In the front-end architecture shown in fig. 3, the same function modules, namely, the header module and the menu module, of the services 1 to 3 are called as a common function module and are maintained by a special developer.
Applying the embodiment shown in fig. 1, obtaining a load request for a page of a target service; loading each display object in the page; in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service. It can be seen that, with the embodiment shown in fig. 1, the same function modules that are owned by a plurality of services are called and operated from the designated shared location as common function modules, and these common function modules do not need to be maintained by developers of each service, but can be maintained by dedicated developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme.
Optionally, in an implementation manner, the invoking and executing of the specified common function module from the specified shared location in step S103 in the embodiment shown in fig. 1 may include:
calling and running the designated common function module from the designated sharing position by accessing the target link; the target link is access address information which is generated after the codes corresponding to the public function module are packaged and is needed when the public function module is accessed from the specified shared position.
When the common function module is maintained separately, in order to facilitate each service to access the common function module, the code corresponding to the common function module may be packaged, and the target link corresponding to the common function module may be generated. The target link is access address information required when accessing the common function module from the specified shared location. By accessing the target link, the specified common function module can be called and run from the specified shared location.
Specifically, the process of loading each display object of a page may be a process of running a page code corresponding to the page. Then, a target link may be introduced into the page code, so that in the process of running the page code, the target link is accessed, and the specified common function module is called and run from the specified shared location, so as to load the display object corresponding to the common function module. Illustratively, in front-end technology, the page code may be an HTML (HyperText Markup Language) file, and thus, the target link may be introduced into the HTML file corresponding to the page.
Optionally, the code corresponding to the common function module may be written based on a native JavaScript language, but is not limited thereto. A JS (JavaScript) file written based on a native JavaScript language is a JS file that is not encapsulated, i.e., does not use any frames. The code corresponding to the common function module written based on the native JavaScript language can be applied to any front-end framework type, such as exact, vue or regular.
Optionally, the method for packaging the code corresponding to the common function module may include: and packaging the codes corresponding to the common function modules based on the gulp technology. The gulp technology is an automatic construction tool in front-end development, and can be used for merging, compressing, packaging and the like of codes. In this embodiment, the code corresponding to the common function module is packaged based on the gulp technology, and the target link corresponding to the common function module may be generated.
Optionally, the target link includes a JS link, or includes a JS link and a CSS link.
When codes corresponding to the public function modules are written based on a native JavaScript language and are packaged, the packaged public function modules are JS files, the JS files contain the JS codes corresponding to the public function modules, and therefore after the codes corresponding to the public function modules are packaged, the generated target link is a JS link.
It can be appreciated that if the style of the page is not contained in the common function module, the target link only includes the JS link; if the Style of the page is included in the common function module, the target link includes a CSS (Cascading Style Sheets) link in addition to the JS link. The CSS link corresponds to a CSS file in which the specific content of the style of the defined page is contained.
Since the page loading request may be issued in the client or may be issued by a third-party application, in order to adapt to the two issuing manners, as shown in fig. 4, another page display method provided in the embodiment of the present invention may include the following steps:
s401, a page loading request aiming at the target service is obtained.
S402, responding to the loading request, and loading each display object in the page.
Steps S401 and S402 may be completely the same as steps S101 and S102 in the embodiment of fig. 1, and are not described again here.
S403, in the process of loading each display object, when judging that the loading request is sent by the third application, calling and operating the specified public function module from the specified shared position by accessing the first target link corresponding to the third application, and completing the loading of the display object corresponding to the public function module; otherwise, calling and operating the appointed public function module from the appointed sharing position by accessing the second target link, and completing the loading of the display object corresponding to the public function module.
The first target link is access address information required by the third application to access the public function module, and the second target link is access address information required by the client to access the public function module.
In practical application, the page of the target service can be opened from the client, and also can be opened from a third-party application. For example, a page of the target service is opened from an applet corresponding to the client in the third party application.
When the loading request is sent by the third-party application, namely, the page of the target service is opened from the third-party application, aiming at the specified public function module in the target service, the specified public function module can be called and operated from the specified sharing position by accessing the access address information required by accessing the public function module from the third-party application. If the page of the target service is judged not to be opened from the third-party application, namely the page of the target service is opened from the client, then aiming at the public function module appointed in the target service, the appointed public function module can be called and operated from the appointed sharing position by accessing the access address information required by accessing the public function module from the client.
That is to say, when a page is opened from the client and a page is opened from the third-party application, the specified public function module is called and operated by accessing different access addresses, and the loading of the display object corresponding to the specified public function module is completed. It can be appreciated that for the operator of the client, the operator may want the user to open the page through the third-party application when the user does not have the client software installed or it is inconvenient to open the client software. In order to facilitate that the user can open a page from the third party application, the operator may provide the third party application with specific access address information, i.e. the first target link mentioned above. Therefore, when the page of the target service is opened from the third-party application, the specified public function module can be called and operated from the specified shared position by accessing the first target link, so that the pluggable service of the client is realized, namely the public function module of the target service can be called and operated in the third-party application.
Applying the embodiment shown in fig. 4, obtaining a load request for a page of the target service; loading each display object in the page; in the process of loading each display object, when the loading request is judged to be sent by the third application, calling and operating the specified public function module from the specified shared position by accessing the first target link corresponding to the third application, and completing the loading of the display object corresponding to the public function module; otherwise, calling and operating the appointed public function module from the appointed sharing position by accessing the second target link, and completing the loading of the display object corresponding to the public function module. It can be seen that, by applying the embodiment shown in fig. 4, the same function modules that are possessed by a plurality of services are called and operated from the designated shared location as common function modules, and these common function modules do not need to be maintained by developers of each service, but can be maintained by dedicated developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme. Moreover, when the page of the target service is opened from the third-party application, the specified public function module can be called and operated from the specified shared position by accessing the first target link, so that the pluggable service of the client is realized, namely the public function module of the target service can be called and operated in the third-party application.
An embodiment of the present invention further provides a page display apparatus, which is applied to a client, and as shown in fig. 5, the apparatus includes:
an obtaining module 501, configured to obtain a page loading request for a target service;
a first loading module 502, configured to respond to the loading request, and load each display object in the page;
a second loading module 503, configured to, in the process of loading each display object, call and run a specified common function module from a specified shared location, and complete loading of the display object corresponding to the common function module; the common function module is the same function module of the target service and other services except the target service.
Applying the embodiment shown in fig. 5, a load request for a page of the target service is obtained; loading each display object in the page; in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service. It can be seen that, with the embodiment shown in fig. 5, the same function modules that are owned by a plurality of services are called and operated from the designated shared location as common function modules, and these common function modules do not need to be maintained by developers of each service, but can be maintained by dedicated developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme.
Optionally, the first loading module 502 is specifically configured to invoke and run a specified common function module from a specified shared location by accessing a target link; the target link is access address information which is generated after the codes corresponding to the public function module are packaged and is needed when the public function module is accessed from the specified shared position.
Optionally, the code corresponding to the common function module is written based on native JavaScript.
Optionally, the apparatus further comprises:
and the packaging module is used for packaging the codes corresponding to the common function module based on a gulp technology.
Optionally, the target link includes a JS link, or includes a JS link and a CSS link.
Since the page loading request may be issued in the client or may be issued by a third-party application, in order to adapt to the two issuing manners, as shown in fig. 6, another page display apparatus provided in the embodiment of the present invention may include:
an obtaining module 601, configured to obtain a page loading request for a target service;
a first loading module 602, configured to respond to the loading request and load each display object in the page;
a second load module 603 comprising: a first load unit 6031 and a second load unit 6032;
the first loading unit 6031 is configured to, when it is determined that the loading request is issued by a third application, call and run a specified common function module from a specified shared location by accessing a first target link corresponding to the third application; otherwise, the second load unit 6032 is triggered;
the second load unit 6032 is configured to call and run the specified common function module from the specified shared location by accessing the second target link.
The first target link is access address information required by a third application to access the public function module, and the second target link is access address information required by the client to access the public function module.
Applying the embodiment shown in fig. 6, a load request for a page of a target service is obtained; loading each display object in the page; in the process of loading each display object, when the loading request is judged to be sent by the third application, calling and operating the specified public function module from the specified shared position by accessing the first target link corresponding to the third application, and completing the loading of the display object corresponding to the public function module; otherwise, calling and operating the appointed public function module from the appointed sharing position by accessing the second target link, and completing the loading of the display object corresponding to the public function module. It can be seen that, with the embodiment shown in fig. 6, the same function modules that are owned by a plurality of services are called and operated from the designated shared location as common function modules, and these common function modules do not need to be maintained by developers of each service, but can be maintained by dedicated developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme. Moreover, when the page of the target service is opened from the third-party application, the specified public function module can be called and operated from the specified shared position by accessing the first target link, so that the pluggable service of the client is realized, namely the public function module of the target service can be called and operated in the third-party application.
An embodiment of the present invention further provides an electronic device, as shown in fig. 7, including a processor 701, a communication interface 702, a memory 703 and a communication bus 704, where the processor 701, the communication interface 702, and the memory 703 complete mutual communication through the communication bus 704,
a memory 703 for storing a computer program;
the processor 701 is configured to implement a page display method when executing a program stored in the memory 703, where the page display method is applied to a client, and includes:
obtaining a page loading request aiming at a target service;
responding to the loading request, and loading each display object in the page;
in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service.
Optionally, the calling and executing the specified common function module from the specified shared location includes:
calling and running the designated common function module from the designated sharing position by accessing the target link; the target link is access address information which is generated after the codes corresponding to the public function module are packaged and is needed when the public function module is accessed from the specified shared position.
Optionally, the code corresponding to the common function module is written based on native JavaScript.
Optionally, the method for packaging the code corresponding to the common function module includes:
and packaging the codes corresponding to the common function modules based on the gulp technology.
Optionally, the target link includes a JS link, or the target link includes a JS link and a cascading style sheet CSS link.
Optionally, the method for calling and running the specified common function module from the specified shared location by accessing the target link includes:
when the loading request is judged to be sent by the third application, calling and operating the appointed public function module from the appointed shared position by accessing the first target link corresponding to the third application;
otherwise, calling and operating the appointed public function module from the appointed shared position by accessing the second target link;
the first target link is access address information required by the third application to access the public function module, and the second target link is access address information required by the client to access the public function module.
Applying the embodiment shown in fig. 7, a load request for a page of the target service is obtained; loading each display object in the page; in the process of loading each display object, calling and operating a specified public function module from a specified sharing position to complete the loading of the display object corresponding to the public function module; the common function module is the same function module of the target service and other services except the target service. It can be seen that, with the embodiment shown in fig. 7, the same function modules that are owned by a plurality of services are called and operated from the designated shared location as common function modules, and these common function modules do not need to be maintained by developers of each service, but can be maintained by dedicated developers. Therefore, the maintenance cost of the same module of a plurality of services in the front-end architecture can be reduced through the scheme.
The communication bus mentioned in the electronic device may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
The communication interface is used for communication between the electronic equipment and other equipment.
The Memory may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the Integrated Circuit may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.
In another embodiment of the present invention, a computer-readable storage medium is further provided, in which instructions are stored, and when the instructions are executed on a computer, the computer is enabled to execute the page display method in any one of the above embodiments, so as to obtain the same technical effect.
In another embodiment of the present invention, there is also provided a computer program product containing instructions, which when run on a computer, causes the computer to execute the page display method of any one of the above embodiments to obtain the same technical effect.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the invention to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for embodiments such as the apparatus, the electronic device, and the storage medium, since they are substantially similar to the method embodiments, the description is relatively simple, and for the relevant points, reference may be made to the partial description of the method embodiments.
The above description is only for the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.

Claims (10)

1.一种页面显示方法,其特征在于,应用于客户端,所述方法包括:1. A page display method, characterized in that, applied to a client, the method comprising: 获得针对目标业务的一页面的加载请求;Obtain a page load request for the target business; 响应所述加载请求,加载所述页面中的各个显示对象;In response to the loading request, load each display object in the page; 在加载各个显示对象的过程中,从指定共享位置调用并运行指定的公共功能模块,完成所述公共功能模块所对应的显示对象的加载;所述公共功能模块为所述目标业务和所述目标业务以外的其他业务所具有的相同的功能模块。In the process of loading each display object, call and run the specified public function module from the specified shared location to complete the loading of the display object corresponding to the public function module; the public function module is the target service and the target The same functional modules that other businesses other than business have. 2.根据权利要求1所述的方法,其特征在于,所述从指定共享位置调用并执行指定的公共功能模块,包括:2. The method according to claim 1, wherein the calling and executing the specified public function module from the specified shared location comprises: 通过访问目标链接,从指定共享位置调用并运行指定的公共功能模块;其中,所述目标链接为对所述公共功能模块对应的代码进行打包后所生成的、用于从所述指定共享位置访问所述公共功能模块时所需的访问地址信息。By accessing the target link, call and run the specified public function module from the specified shared location; wherein, the target link is generated after packaging the code corresponding to the public function module and is used for accessing from the specified shared location The access address information required by the public function module. 3.根据权利要求2所述的方法,其特征在于,所述公共功能模块对应的代码基于原生JavaScript编写。3. The method according to claim 2, wherein the code corresponding to the common function module is written based on native JavaScript. 4.根据权利要求2所述的方法,其特征在于,对所述公共功能模块对应的代码打包的方式,包括:4. The method according to claim 2, wherein the method of packaging the code corresponding to the public function module comprises: 基于gulp技术,对所述公共功能模块对应的代码打包。Based on the gulp technology, the code corresponding to the public function module is packaged. 5.根据权利要求2所述的方法,其特征在于,所述目标链接包括JS链接,或者,所述目标链接包括JS链接和层叠样式表CSS链接。5. The method according to claim 2, wherein the target link comprises a JS link, or the target link comprises a JS link and a Cascading Style Sheet CSS link. 6.根据权利要求2所述的方法,其特征在于,通过访问目标链接,从指定共享位置调用并运行指定的公共功能模块,包括:6. The method according to claim 2, wherein, by accessing the target link, calling and running the specified public function module from the specified shared location, comprising: 当判断出所述加载请求由第三应用发出时,通过访问与所述第三方应用对应的第一目标链接,从指定共享位置调用并运行指定的公共功能模块;When it is determined that the loading request is sent by the third application, by accessing the first target link corresponding to the third-party application, call and run the specified public function module from the specified shared location; 否则,通过访问第二目标链接,从指定共享位置调用并运行指定的公共功能模块;Otherwise, call and run the specified public function module from the specified shared location by accessing the second target link; 其中,所述第一目标链接为第三应用对所述公共功能模块进行访问所需的访问地址信息,所述第二目标链接为所述客户端对所述公共功能模块进行访问所需的访问地址信息。Wherein, the first target link is the access address information required by the third application to access the public function module, and the second target link is the access required by the client to access the public function module Address information. 7.一种页面显示装置,其特征在于,应用于客户端,所述装置包括:7. A page display device, characterized in that, when applied to a client, the device comprises: 获取模块,用于获得针对目标业务的一页面的加载请求;an acquisition module, used to acquire a page loading request for the target business; 第一加载模块,用于响应所述加载请求,加载所述页面中的各个显示对象;a first loading module, configured to load each display object in the page in response to the loading request; 第二加载模块,用于在加载各个显示对象的过程中,从指定共享位置调用并运行指定的公共功能模块,完成所述公共功能模块所对应的显示对象的加载;所述公共功能模块为所述目标业务和所述目标业务以外的其他业务所具有的相同的功能模块。The second loading module is used to call and run the specified public function module from the specified shared location in the process of loading each display object, so as to complete the loading of the display object corresponding to the public function module; the public function module is all The target service and other services other than the target service have the same functional modules. 8.根据权利要求7所述的装置,其特征在于,所述第二加载模块,具体用于通过访问目标链接,从指定共享位置调用并运行指定的公共功能模块;其中,所述目标链接为对所述公共功能模块对应的代码进行打包后所生成的、用于从所述指定共享位置访问所述公共功能模块时所需的访问地址信息。8 . The apparatus according to claim 7 , wherein the second loading module is specifically configured to call and run a specified public function module from a specified shared location by accessing a target link; wherein, the target link is: 9 . The access address information generated after the code corresponding to the public function module is packaged and used for accessing the public function module from the designated shared location. 9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;9. An electronic device, characterized in that it comprises a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface, and the memory complete mutual communication through the communication bus; 存储器,用于存放计算机程序;memory for storing computer programs; 处理器,用于执行存储器上所存放的程序时,实现权利要求1-6任一所述的方法步骤。The processor is configured to implement the method steps described in any one of claims 1-6 when executing the program stored in the memory. 10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-6任一所述的方法步骤。10. A computer-readable storage medium, wherein a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the method steps of any one of claims 1-6 are implemented.
CN202010331522.5A 2020-04-24 2020-04-24 A page display method, device, electronic device and storage medium Active CN113553522B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010331522.5A CN113553522B (en) 2020-04-24 2020-04-24 A page display method, device, electronic device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010331522.5A CN113553522B (en) 2020-04-24 2020-04-24 A page display method, device, electronic device and storage medium

Publications (2)

Publication Number Publication Date
CN113553522A true CN113553522A (en) 2021-10-26
CN113553522B CN113553522B (en) 2024-12-03

Family

ID=78129572

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010331522.5A Active CN113553522B (en) 2020-04-24 2020-04-24 A page display method, device, electronic device and storage medium

Country Status (1)

Country Link
CN (1) CN113553522B (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114185537A (en) * 2021-12-06 2022-03-15 招联消费金融有限公司 Page processing method and device, computer equipment and storage medium
CN114357326A (en) * 2021-12-20 2022-04-15 广西交控智维科技发展有限公司 Business integration method and device for rail transit

Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6594691B1 (en) * 1999-10-28 2003-07-15 Surfnet Media Group, Inc. Method and system for adding function to a web page
CN101291304A (en) * 2008-06-13 2008-10-22 清华大学 A Portable Network Information Sharing Method
CN103530160A (en) * 2013-10-21 2014-01-22 迈普通信技术股份有限公司 Page loading method and device
CN106528587A (en) * 2016-09-12 2017-03-22 腾讯科技(深圳)有限公司 Page display method and apparatus in composite webpage system
CN107066631A (en) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 Display methods, device and the electronic equipment of the page
CN108090159A (en) * 2017-12-12 2018-05-29 福建中金在线信息科技有限公司 A kind of generation method of Website page, device, electronic equipment and storage medium
CN108108205A (en) * 2016-11-25 2018-06-01 腾讯科技(深圳)有限公司 Application page surface treatment method and apparatus
CN108197257A (en) * 2017-12-29 2018-06-22 深圳乐信软件技术有限公司 Html page generation method, device, equipment and storage medium
CN108427731A (en) * 2018-02-26 2018-08-21 平安普惠企业管理有限公司 Processing method, device, terminal device and the medium of page code
CN109491653A (en) * 2018-11-21 2019-03-19 泰康保险集团股份有限公司 Component sharing method under micro services framework, device, electronic equipment
CN109683892A (en) * 2018-12-11 2019-04-26 北京城市网邻信息技术有限公司 Page display method, device, computer equipment and storage medium
CN109918595A (en) * 2019-01-31 2019-06-21 广州视源电子科技股份有限公司 Method and device for acquiring public module
CN110073348A (en) * 2016-08-12 2019-07-30 脸谱公司 Method and system for accessing third-party services within an application
CN110297635A (en) * 2019-06-27 2019-10-01 百度在线网络技术(北京)有限公司 Display methods, device, equipment and the storage medium of the page
CN110599112A (en) * 2018-06-12 2019-12-20 北京顺智信科技有限公司 Method and device for developing and maintaining network page
CN110716783A (en) * 2019-10-10 2020-01-21 秒针信息技术有限公司 Front-end page generation and deployment method and device, storage medium and equipment
CN111008019A (en) * 2019-12-06 2020-04-14 北京百度网讯科技有限公司 Web-based running method, device, device and medium of applet

Patent Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6594691B1 (en) * 1999-10-28 2003-07-15 Surfnet Media Group, Inc. Method and system for adding function to a web page
CN101291304A (en) * 2008-06-13 2008-10-22 清华大学 A Portable Network Information Sharing Method
CN103530160A (en) * 2013-10-21 2014-01-22 迈普通信技术股份有限公司 Page loading method and device
CN110073348A (en) * 2016-08-12 2019-07-30 脸谱公司 Method and system for accessing third-party services within an application
CN106528587A (en) * 2016-09-12 2017-03-22 腾讯科技(深圳)有限公司 Page display method and apparatus in composite webpage system
CN108108205A (en) * 2016-11-25 2018-06-01 腾讯科技(深圳)有限公司 Application page surface treatment method and apparatus
CN107066631A (en) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 Display methods, device and the electronic equipment of the page
CN108090159A (en) * 2017-12-12 2018-05-29 福建中金在线信息科技有限公司 A kind of generation method of Website page, device, electronic equipment and storage medium
CN108197257A (en) * 2017-12-29 2018-06-22 深圳乐信软件技术有限公司 Html page generation method, device, equipment and storage medium
CN108427731A (en) * 2018-02-26 2018-08-21 平安普惠企业管理有限公司 Processing method, device, terminal device and the medium of page code
CN110599112A (en) * 2018-06-12 2019-12-20 北京顺智信科技有限公司 Method and device for developing and maintaining network page
CN109491653A (en) * 2018-11-21 2019-03-19 泰康保险集团股份有限公司 Component sharing method under micro services framework, device, electronic equipment
CN109683892A (en) * 2018-12-11 2019-04-26 北京城市网邻信息技术有限公司 Page display method, device, computer equipment and storage medium
CN109918595A (en) * 2019-01-31 2019-06-21 广州视源电子科技股份有限公司 Method and device for acquiring public module
CN110297635A (en) * 2019-06-27 2019-10-01 百度在线网络技术(北京)有限公司 Display methods, device, equipment and the storage medium of the page
CN110716783A (en) * 2019-10-10 2020-01-21 秒针信息技术有限公司 Front-end page generation and deployment method and device, storage medium and equipment
CN111008019A (en) * 2019-12-06 2020-04-14 北京百度网讯科技有限公司 Web-based running method, device, device and medium of applet

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
李福盛,曹宝香,闫伟: "基于Web Services的通用权限管理服务设计", 《沈阳师范大学学报》, vol. 27, no. 1, 15 January 2009 (2009-01-15), pages 67 - 70 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114185537A (en) * 2021-12-06 2022-03-15 招联消费金融有限公司 Page processing method and device, computer equipment and storage medium
CN114357326A (en) * 2021-12-20 2022-04-15 广西交控智维科技发展有限公司 Business integration method and device for rail transit

Also Published As

Publication number Publication date
CN113553522B (en) 2024-12-03

Similar Documents

Publication Publication Date Title
US11829783B2 (en) Dynamic loading of an extending application
CN108156022B (en) Service calling method and device and electronic equipment
US8301645B1 (en) Aggregated web analytics request systems and methods
US8935798B1 (en) Automatically enabling private browsing of a web page, and applications thereof
US20130212465A1 (en) Postponed rendering of select web page elements
US20140304588A1 (en) Creating page snapshots
CN108415804B (en) Method for acquiring information, terminal device and computer readable storage medium
US20180131779A1 (en) Recording And Triggering Web And Native Mobile Application Events With Mapped Data Fields
JP2011525659A (en) Advertisement presentation based on WEB page dialogue
JP2020505681A (en) Data acquisition method and device
US20120272133A1 (en) Handling unexpected responses to script executing in client-side application
US11455365B2 (en) Data processing method and apparatus
CN103577427A (en) Browser kernel based web page crawling method and device and browser containing device
US7912917B2 (en) Persisting forms data in a composite web application environment
KR20070001131A (en) Techniques for modifying the behavior of documents delivered over a computer network
CN107147645B (en) Method and device for acquiring network security data
CN110795651A (en) Method, device and electronic device for saving front-end data
EP3863252B1 (en) Advertisement anti-shielding method and device
CN113553522B (en) A page display method, device, electronic device and storage medium
CN113127788B (en) Page processing method, object processing method, device and equipment
CN112596838B (en) Method, device, equipment and storage medium for displaying universal Web page
CN113535417B (en) Data interaction device and method
CN115185798A (en) Data acquisition and analysis method and device, electronic equipment and storage medium
CN108399223B (en) Data acquisition method and device and electronic equipment
CN112256992A (en) Native rendering method and device for information stream fusing multi-link addresses

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant