CN110059278A - Web页面配置方法、服务器及计算机可读存储介质 - Google Patents

Web页面配置方法、服务器及计算机可读存储介质 Download PDF

Info

Publication number
CN110059278A
CN110059278A CN201910184614.2A CN201910184614A CN110059278A CN 110059278 A CN110059278 A CN 110059278A CN 201910184614 A CN201910184614 A CN 201910184614A CN 110059278 A CN110059278 A CN 110059278A
Authority
CN
China
Prior art keywords
page
web
rendering
module
framework
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
Application number
CN201910184614.2A
Other languages
English (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.)
Ping An Puhui Enterprise Management Co Ltd
Original Assignee
Ping An Puhui Enterprise Management 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 Ping An Puhui Enterprise Management Co Ltd filed Critical Ping An Puhui Enterprise Management Co Ltd
Priority to CN201910184614.2A priority Critical patent/CN110059278A/zh
Publication of CN110059278A publication Critical patent/CN110059278A/zh
Pending legal-status Critical Current

Links

Classifications

    • 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (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

本发明涉及UI设计技术，公开了一种Web页面配置方法、服务器及计算机可读存储介质，所述方法包括：将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中；接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；及根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。本发明将Web页面封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，且可提高页web面加载速度。

Description

Web页面配置方法、服务器及计算机可读存储介质
技术领域
本发明涉及计算机应用技术领域，尤其涉及Web页面配置方法、服务器及计算机可读存储介质。
背景技术
现有的网页项目构建一般是采用多页面或者一个单页的形式，这两种情况均存在一定局限性。多页面应用需要的资源是在多次请求中分步加载，给服务端造成比较大的压力，数据直接存在缓存中或通过URl传递，不利于数据的管理，且存在一定安全隐患。单页面应用是把资源和逻辑放到一个页面当中，不同功能模块之间耦合性强，而且难以剥离，不便于日后扩展和复用。
发明内容
有鉴于此，本发明提出一种Web页面配置方法、服务器及计算机可读存储介质，将Web页面封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用。
首先，为实现上述目的，本发明提出一种服务器，所述服务器包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的Web页面配置***，所述Web页面配置***被所述处理器执行时实现如下步骤：
将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照web前端与web后端进行封装；
接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；及
根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
可选地，所述接收页面访问请求，并根据所述页面访问请求接收页面加载指令的步骤之后还包括：
根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页。
可选地，所述对加载的单页进行渲染的步骤包括：
获取加载的单页的页面框架及页面模块；
分别对所述页面框架和所述页面模块进行渲染；及
将渲染后的页面框架和渲染后的页面模块组合成页面。
可选地，所述分别对所述页面框架和所述页面模块进行渲染的步骤包括：
判断本地是否缓存有渲染后的页面模块；
若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
此外，为实现上述目的，本发明还提供一种Web页面配置方法，应用于服务器，所述Web页面配置方法包括：
将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照web前端与web后端进行封装；
接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；及
根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
可选地，所述接收页面访问请求，并根据所述页面访问请求接收页面加载指令的步骤之后还包括：
根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页。
可选地，所述对加载的单页进行渲染的步骤包括：
获取加载的单页的页面框架及页面模块；
分别对所述页面框架和所述页面模块进行渲染；及
将渲染后的页面框架和渲染后的页面模块组合成页面。
可选地，所述分别对所述页面框架和所述页面模块进行渲染的步骤包括：
判断本地是否缓存有渲染后的页面模块；
若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
可选地，所述根据所述页面加载指令加载一个或者多个单页的步骤包括：
判断多个单页之间是否存在有公共代码；
当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
进一步地，为实现上述目的，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质存储有Web页面配置***，所述Web页面配置***可被至少一个处理器执行，以使所述至少一个处理器执行如上述Web页面配置方法的步骤。
相较于现有技术，本发明所提出的Web页面配置方法、服务器及计算机可读存储介质，将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照web前端与web后端进行封装；接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供，本发明技术方案将Web页面封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，且可提高页web面加载速度。
附图说明
图1是本发明服务器一可选的硬件架构的示意图；
图2是本发明Web页面配置***第一实施例的程序模块示意图；
图3是本发明Web页面配置***第二实施例的程序模块示意图；
图4为本发明Web页面配置方法第一实施例的实施流程示意图；
图5为本发明Web页面配置方法第二实施例的实施流程示意图。
附图标记：
服务器 2
网络 3
存储器 11
处理器 12
网络接口 13
Web页面配置*** 100
封装模块 101
接收模块 102
渲染模块 103
加载模块 104
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
需要说明的是，在本发明中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本发明要求的保护范围之内。
参阅图1所示，是本发明应用服务器2一可选的硬件架构的示意图。
本实施例中，所述应用服务器2可包括，但不仅限于，可通过***总线相互通信连接存储器11、处理器12、网络接口13。需要指出的是，图2仅示出了具有组件11-13的应用服务器2，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
其中，所述应用服务器2可以是机架式服务器、刀片式服务器、塔式服务器或机柜式服务器等计算设备，该应用服务器2可以是独立的服务器，也可以是多个服务器所组成的服务器集群。
所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器11可以是所述应用服务器2的内部存储单元，例如该应用服务器2的硬盘或内存。在另一些实施例中，所述存储器11也可以是所述应用服务器2的外部存储设备，例如该应用服务器2上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，所述存储器11还可以既包括所述应用服务器2的内部存储单元也包括其外部存储设备。本实施例中，所述存储器11通常用于存储安装于所述应用服务器2的操作***和各类应用软件，例如Web页面配置***100的程序代码等。此外，所述存储器11还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器12在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器12通常用于控制所述应用服务器2的总体操作。本实施例中，所述处理器12用于运行所述存储器11中存储的程序代码或者处理数据，例如运行所述的Web页面配置***100等。
所述网络接口13可包括无线网络接口或有线网络接口，该网络接口13通常用于在所述应用服务器2与其他电子设备之间建立通信连接。
至此，己经详细介绍了本发明相关设备的硬件结构和功能。下面，将基于上述介绍提出本发明的各个实施例。
首先，本发明提出一种Web页面配置***100。
参阅图2所示，是本发明Web页面配置***100第一实施例的程序模块图。
本实施例中，所述Web页面配置***100包括一系列的存储于存储器11上的计算机程序指令，当该计算机程序指令被处理器12执行时，可以实现本发明各实施例的Web页面配置操作。在一些实施例中，基于该计算机程序指令各部分所实现的特定的操作，Web页面配置***100可以被划分为一个或多个模块。例如，在图2中，Web页面配置***100可以被接收成封装模块101、接收模块102及渲染模块103。其中：
所述封装模块101用于将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照Web前端与Web后端进行封装。
在一实施例中，所述预设Web服务器可以是指通过特定的接口和服务能够与前端设备完成数据交互功能的服务器。所述封装模块101可以通过存储代码的方式将所述多个单页存储于所述Web服务器中。所述Web页面的元素可以是表格(布局)，层，导航条，链接、文字、图片、音频、动画、视频等等。举例而言，若将导航条封装成一个单页的话，所述导航条中的每个项目即为所述元素。需要说明的是，本发明中不对所述元素的划分进行限制，对于所述导航条来说，也可以将其看作是一个所述元素。所述预设规则可以是按照web页面功能组件进行封装和/或按照web前端与web后端进行封装。
在一实施例中，所述封装模块101将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中的具体方式包括：
D1.当所述封装模块101将构成所述目标Web页面的多个元素按照所述web页面功能组件进行封装时，所述封装模块101将web前端和web后端的元素封装成多个单页，并将封装得到的单页存储于所述预设Web服务器，每一单页对应所述web页面的一功能组件；
D2.当所述封装模块101将构成所述目标web页面的多个元素按照所述web前端与web后端进行封装时，所述封装模块101将web前端的元素封装成一个或者多个单页，将web后端的元素封装成一个或者多个单页，并将所述单页存储于预设Web服务器。
在一实施例中，所述封装模块101可以修改web打包入口的Entry属性来构建所述多个单页，所述封装模块101根据每一个单页下对应js文件名称设置名称-输出目录的映射关系表，并复制每个单页下的html和css文件到对应的输出目录中，同时根据路径匹配关系保证每个html中只引入本单页的js文件和css文件。可以理解，当目录结构发生变更时，打包脚本中路径需要同步修改，所述封装模块101可以通过glob工具库匹配出所述输出目录中所有页面的html，js，css文件，并按照所述预设规则重新映射到对应的输出目录，以减少手动修改配置的工作量。
在一实施例中，为了使得封装的所述单页能在后续页面加载过程中顺利进行加载与渲染，所述封装模块101可以在封装成所述多个单页后对每一所述单页进行代码测试与单元测试，可以采用JavaScript(JS)测试框架对代码进行化代码测试。所述单元测试可以包括对所述单页进行功能测试和UI测试。
所述接收模块102用于接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识。
在一实施例中，用户可以输入预设页面地址发起页面访问请求。所述预设页面地址可以是按照固定格式进行编写的字符串。例如，所述预设页面地址可以是统一资源定位符(Uniform Resource Locator，URL)。所述固定格式可以限定所述预设页面地址的组成部分以及各个组成部分的排列顺序。例如，所述预设页面地址中可以包括协议标识、服务器标识和资源标识。其中，所述协议标识例如可以是http、https等数据传输协议的代表字符。所述服务器标识可以是服务器的名称或者服务器的IP地址。所述资源标识可以是待访问的页面中的资源在服务器中的存储名称或者是在服务器中被分配的编号。当所述接收模块102接收到所述页面访问请求后，根据所述页面访问请求生成所述页面加载指令。所述页面加载指令可以用于进行后续单页加载。所述页面加载指令可以包括一个或者多个需加载的单页标识。
所述渲染模块103用于根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
在一实施例中，所述渲染模块103根据所述页面加载指令加载一个或者多个单页的具体方式包括：
S1.判断多个单页之间是否存在有公共代码；
S2.当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
在一实施例中，当所述渲染模块103需要加载多个单页时，所述渲染模块103还可以判断多个单页之间是否存在有公共代码。所述公共代码部分只需要加载一次，例如多个单页都使用同一css样式，则对多个单页进行加载时，所述渲染模块103只需要加载一次css样式代码。若多个单页之间存在有所述公共代码，则所述渲染模块103把所述些公共代码部分抽离出来放置到单独的文件中进行加载，以防止重复加载。
在一实施例中，所述渲染即根据页面数据中的页面格式数据将页面数据中的页面内容数据排版成用于显示的页面的过程。所述渲染模块103可以根据所述页面加载指令从所述输出目录中调用并加载与所述页面加载指令匹配的所述单页。所述渲染模块103加载对所述单页时，同时还可以对所述单页进行所述渲染。
在一实施例中，所述渲染模块103可以通过对页面框架和页面模块进行异步化渲染，以加快模块渲染的速度，提高页面加载速度。比如，所述渲染模块103可以先渲染所述页面框架，然后渲染所述页面模块，最后将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，所述渲染模块103分别对所述页面框架和所述页面模块进行渲染的具体方式包括：
S11.判断本地是否缓存有渲染后的页面模块；
S12.若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
S13.若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，当进行页面渲染时，所述渲染模块103可以先判断本地是否缓存有渲染后的页面模块。若本地缓存有渲染后的页面模块，则所述渲染模块103可以对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中。若本地没有缓存渲染后的页面模块，则所述渲染模块103可以分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，所述渲染模块103对加载的单页进行渲染的具体方式包括：
S21.获取加载的单页的页面框架及页面模块；
S22.分别对所述页面框架和所述页面模块进行渲染；
S23.将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，页面模块标识可以标识页面模块在页面框架中的位置。所述渲染模块103可以依据所述页面模块标识，将渲染后的页面模块填充到渲染后的页面框架中形成所述组合页面，再将所述组合页面发送至所述浏览器。
上述Web页面配置***，将Web页面按照预设规则封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，且可提高页web面加载速度。
参阅图3所示，是本发明Web页面配置***100第二实施例的程序模块图。本实施例中，所述Web页面配置***100包括一系列的存储于存储器11上的计算机程序指令，当该计算机程序指令被处理器12执行时，可以实现本发明各实施例的Web页面配置操作。在一些实施例中，基于该计算机程序指令各部分所实现的特定的操作，Web页面配置***100可以被划分为一个或多个模块。例如，在图3中，Web页面配置***100可以被接收成封装模块101、接收模块102、渲染模块103及加载模块104。所述各程序模块101-103与本发明Web页面配置***100第一实施例相同，并在此基础上增加加载模块104。其中：
所述封装模块101用于将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照Web前端与Web后端进行封装。
在一实施例中，所述预设Web服务器可以是指通过特定的接口和服务能够与前端设备完成数据交互功能的服务器。所述封装模块101可以通过存储代码的方式将所述多个单页存储于所述Web服务器中。所述Web页面的元素可以是表格(布局)，层，导航条，链接、文字、图片、音频、动画、视频等等。举例而言，若将导航条封装成一个单页的话，所述导航条中的每个项目即为所述元素。需要说明的是，本发明中不对所述元素的划分进行限制，对于所述导航条来说，也可以将其看作是一个所述元素。所述预设规则可以是按照web页面功能组件进行封装和/或按照web前端与web后端进行封装。
在一实施例中，所述封装模块101将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中的具体方式包括：
D1.当所述封装模块101将构成所述目标Web页面的多个元素按照所述web页面功能组件进行封装时，所述封装模块101将web前端和web后端的元素封装成多个单页，并将封装得到的单页存储于所述预设Web服务器，每一单页对应所述web页面的一功能组件；
D2.当所述封装模块101将构成所述目标web页面的多个元素按照所述web前端与web后端进行封装时，所述封装模块101将web前端的元素封装成一个或者多个单页，将web后端的元素封装成一个或者多个单页，并将所述单页存储于预设Web服务器。
在一实施例中，所述封装模块101可以修改web打包入口的Entry属性来构建所述多个单页，所述封装模块101根据每一个单页下对应js文件名称设置名称-输出目录的映射关系表，并复制每个单页下的html和css文件到对应的输出目录中，同时根据路径匹配关系保证每个html中只引入本单页的js文件和css文件。可以理解，当目录结构发生变更时，打包脚本中路径需要同步修改，所述封装模块101可以通过glob工具库匹配出所述输出目录中所有页面的html，js，css文件，并按照所述预设规则重新映射到对应的输出目录，以减少手动修改配置的工作量。
在一实施例中，为了使得封装的所述单页能在后续页面加载过程中顺利进行加载与渲染，所述封装模块101可以在封装成所述多个单页后对每一所述单页进行代码测试与单元测试，可以采用JavaScript(JS)测试框架对代码进行化代码测试。所述单元测试可以包括对所述单页进行功能测试和UI测试。
所述接收模块102用于接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识。
在一实施例中，用户可以输入预设页面地址发起页面访问请求。所述预设页面地址可以是按照固定格式进行编写的字符串。例如，所述预设页面地址可以是统一资源定位符(Uniform Resource Locator，URL)。所述固定格式可以限定所述预设页面地址的组成部分以及各个组成部分的排列顺序。例如，所述预设页面地址中可以包括协议标识、服务器标识和资源标识。其中，所述协议标识例如可以是http、https等数据传输协议的代表字符。所述服务器标识可以是服务器的名称或者服务器的IP地址。所述资源标识可以是待访问的页面中的资源在服务器中的存储名称或者是在服务器中被分配的编号。当所述接收模块102接收到所述页面访问请求后，根据所述页面访问请求生成所述页面加载指令。所述页面加载指令可以用于进行后续单页加载。所述页面加载指令可以包括一个或者多个需加载的单页标识。
所述渲染模块103用于根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
在一实施例中，所述渲染模块103根据所述页面加载指令加载一个或者多个单页的具体方式包括：
S1.判断多个单页之间是否存在有公共代码；
S2.当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
在一实施例中，当所述渲染模块103需要加载多个单页时，所述渲染模块103还可以判断多个单页之间是否存在有公共代码。所述公共代码部分只需要加载一次，例如多个单页都使用同一css样式，则对多个单页进行加载时，所述渲染模块103只需要加载一次css样式代码。若多个单页之间存在有所述公共代码，则所述渲染模块103把所述些公共代码部分抽离出来放置到单独的文件中进行加载，以防止重复加载。
在一实施例中，所述渲染即根据页面数据中的页面格式数据将页面数据中的页面内容数据排版成用于显示的页面的过程。所述渲染模块103可以根据所述页面加载指令从所述输出目录中调用并加载与所述页面加载指令匹配的所述单页。所述渲染模块103加载对所述单页时，同时还可以对所述单页进行所述渲染。
在一实施例中，所述渲染模块103可以通过对页面框架和页面模块进行异步化渲染，以加快模块渲染的速度，提高页面加载速度。比如，所述渲染模块103可以先渲染所述页面框架，然后渲染所述页面模块，最后将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，所述渲染模块103分别对所述页面框架和所述页面模块进行渲染的具体方式包括：
S11.判断本地是否缓存有渲染后的页面模块；
S12.若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
S13.若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，当进行页面渲染时，所述渲染模块103可以先判断本地是否缓存有渲染后的页面模块。若本地缓存有渲染后的页面模块，则所述渲染模块103可以对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中。若本地没有缓存渲染后的页面模块，则所述渲染模块103可以分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，所述渲染模块103对加载的单页进行渲染的具体方式包括：
S21.获取加载的单页的页面框架及页面模块；
S22.分别对所述页面框架和所述页面模块进行渲染；
S23.将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，页面模块标识可以标识页面模块在页面框架中的位置。所述渲染模块103可以依据所述页面模块标识，将渲染后的页面模块填充到渲染后的页面框架中形成所述组合页面，再将所述组合页面发送至所述浏览器。
所述加载模块104用于根据实施于所述目标Web页面的不同操作，从所述Web服务器获取并加载与所述操作相对应的单页。
在一实施例中，所述操作的类型可以包括点击、手势。所述点击可以包括单击和双击。所述手势可以包括向上滑动、向下滑动、向左滑动和向右滑动等。举例而言，当在一具有搜索引擎的web页面中，用户单击web页面的搜索按钮之后，所述加载模块104根据用户单击web页面搜索按钮的操作并加载搜索结果页面。可以理解，所述加载模块104加载所述搜索结果页面即需要加载的新单页。假设共有60条搜索结果，当前页面只显示了10条搜索结果，可以通过单击下一页查看其他搜索结果页面。可以理解，其他搜索结果页面也可以是需要加载的新单页。
上述Web页面配置***，将Web页面按照预设规则封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，可以根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页，且可提高页web面加载速度。
此外，本发明还提出一种Web页面配置方法。
参阅图4所示，是本发明Web页面配置方法第一实施例的实施流程示意图。在本实施例中，根据不同的需求，图4所示的流程图中的步骤的执行顺序可以改变，某些步骤可以省略。
步骤S400，将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照Web前端与Web后端进行封装。
在一实施例中，所述预设Web服务器可以是指通过特定的接口和服务能够与前端设备完成数据交互功能的服务器。可以通过存储代码的方式将所述多个单页存储于所述Web服务器中。所述Web页面的元素可以是表格(布局)，层，导航条，链接、文字、图片、音频、动画、视频等等。举例而言，若将导航条封装成一个单页的话，所述导航条中的每个项目即为所述元素。需要说明的是，本发明中不对所述元素的划分进行限制，对于所述导航条来说，也可以将其看作是一个所述元素。所述预设规则可以是按照web页面功能组件进行封装和/或按照web前端与web后端进行封装。
在一实施例中，将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中的具体方式包括：
D1.当将构成所述目标Web页面的多个元素按照所述web页面功能组件进行封装时，将web前端和web后端的元素封装成多个单页，并将封装得到的单页存储于所述预设Web服务器，每一单页对应所述web页面的一功能组件；
D2.当将构成所述目标web页面的多个元素按照所述web前端与web后端进行封装时，将web前端的元素封装成一个或者多个单页，将web后端的元素封装成一个或者多个单页，并将所述单页存储于预设Web服务器。
在一实施例中，可以修改web打包入口的Entry属性来构建所述多个单页，根据每一个单页下对应js文件名称设置名称-输出目录的映射关系表，并复制每个单页下的html和css文件到对应的输出目录中，同时根据路径匹配关系保证每个html中只引入本单页的js文件和css文件。可以理解，当目录结构发生变更时，打包脚本中路径需要同步修改，可以通过glob工具库匹配出所述输出目录中所有页面的html，js，css文件，并按照所述预设规则重新映射到对应的输出目录，以减少手动修改配置的工作量。
在一实施例中，为了使得封装的所述单页能在后续页面加载过程中顺利进行加载与渲染，可以在封装成所述多个单页后对每一所述单页进行代码测试与单元测试，可以采用JavaScript(JS)测试框架对代码进行化代码测试。所述单元测试可以包括对所述单页进行功能测试和UI测试。
步骤S402，接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识。
在一实施例中，用户可以输入预设页面地址发起页面访问请求。所述预设页面地址可以是按照固定格式进行编写的字符串。例如，所述预设页面地址可以是统一资源定位符(Uniform Resource Locator，URL)。所述固定格式可以限定所述预设页面地址的组成部分以及各个组成部分的排列顺序。例如，所述预设页面地址中可以包括协议标识、服务器标识和资源标识。其中，所述协议标识例如可以是http、https等数据传输协议的代表字符。所述服务器标识可以是服务器的名称或者服务器的IP地址。所述资源标识可以是待访问的页面中的资源在服务器中的存储名称或者是在服务器中被分配的编号。当接收到所述页面访问请求后，根据所述页面访问请求生成所述页面加载指令。所述页面加载指令可以用于进行后续单页加载。所述页面加载指令可以包括一个或者多个需加载的单页标识。
步骤S404，根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
在一实施例中，根据所述页面加载指令加载一个或者多个单页的具体方式包括：
S1.判断多个单页之间是否存在有公共代码；
S2.当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
在一实施例中，当需要加载多个单页时，还可以判断多个单页之间是否存在有公共代码。所述公共代码部分只需要加载一次，例如多个单页都使用同一css样式，则对多个单页进行加载时，只需要加载一次css样式代码。若多个单页之间存在有所述公共代码，则把所述些公共代码部分抽离出来放置到单独的文件中进行加载，以防止重复加载。
在一实施例中，所述渲染即根据页面数据中的页面格式数据将页面数据中的页面内容数据排版成用于显示的页面的过程。可以根据所述页面加载指令从所述输出目录中调用并加载与所述页面加载指令匹配的所述单页。加载对所述单页时，同时还可以对所述单页进行所述渲染。
在一实施例中，可以通过对页面框架和页面模块进行异步化渲染，以加快模块渲染的速度，提高页面加载速度。比如，可以先渲染所述页面框架，然后渲染所述页面模块，最后将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，所述分别对所述页面框架和所述页面模块进行渲染的具体方式包括：
S11.判断本地是否缓存有渲染后的页面模块；
S12.若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
S13.若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，当进行页面渲染时，可以先判断本地是否缓存有渲染后的页面模块。若本地缓存有渲染后的页面模块，则可以对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中。若本地没有缓存渲染后的页面模块，则可以分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，对加载的单页进行渲染的具体方式包括：
S21.获取加载的单页的页面框架及页面模块；
S22.分别对所述页面框架和所述页面模块进行渲染；
S23.将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，页面模块标识可以标识页面模块在页面框架中的位置。可以依据所述页面模块标识，将渲染后的页面模块填充到渲染后的页面框架中形成所述组合页面，再将所述组合页面发送至所述浏览器。
上述Web页面配置方法，将Web页面按照预设规则封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，且可提高页web面加载速度。
参阅图5所示，是本发明Web页面配置方法第二实施例的实施流程示意图。在本实施例中，根据不同的需求，图5所示的流程图中的步骤的执行顺序可以改变，某些步骤可以省略。
步骤S400，将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照Web前端与Web后端进行封装。
在一实施例中，所述预设Web服务器可以是指通过特定的接口和服务能够与前端设备完成数据交互功能的服务器。可以通过存储代码的方式将所述多个单页存储于所述Web服务器中。所述Web页面的元素可以是表格(布局)，层，导航条，链接、文字、图片、音频、动画、视频等等。举例而言，若将导航条封装成一个单页的话，所述导航条中的每个项目即为所述元素。需要说明的是，本发明中不对所述元素的划分进行限制，对于所述导航条来说，也可以将其看作是一个所述元素。所述预设规则可以是按照web页面功能组件进行封装和/或按照web前端与web后端进行封装。
在一实施例中，将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中的具体方式包括：
D1.当将构成所述目标Web页面的多个元素按照所述web页面功能组件进行封装时，将web前端和web后端的元素封装成多个单页，并将封装得到的单页存储于所述预设Web服务器，每一单页对应所述web页面的一功能组件；
D2.当将构成所述目标web页面的多个元素按照所述web前端与web后端进行封装时，将web前端的元素封装成一个或者多个单页，将web后端的元素封装成一个或者多个单页，并将所述单页存储于预设Web服务器。
在一实施例中，可以修改web打包入口的Entry属性来构建所述多个单页，根据每一个单页下对应js文件名称设置名称-输出目录的映射关系表，并复制每个单页下的html和css文件到对应的输出目录中，同时根据路径匹配关系保证每个html中只引入本单页的js文件和css文件。可以理解，当目录结构发生变更时，打包脚本中路径需要同步修改，可以通过glob工具库匹配出所述输出目录中所有页面的html，js，css文件，并按照所述预设规则重新映射到对应的输出目录，以减少手动修改配置的工作量。
在一实施例中，为了使得封装的所述单页能在后续页面加载过程中顺利进行加载与渲染，可以在封装成所述多个单页后对每一所述单页进行代码测试与单元测试，可以采用JavaScript(JS)测试框架对代码进行化代码测试。所述单元测试可以包括对所述单页进行功能测试和UI测试。
步骤S402，接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识。
在一实施例中，用户可以输入预设页面地址发起页面访问请求。所述预设页面地址可以是按照固定格式进行编写的字符串。例如，所述预设页面地址可以是统一资源定位符(Uniform Resource Locator，URL)。所述固定格式可以限定所述预设页面地址的组成部分以及各个组成部分的排列顺序。例如，所述预设页面地址中可以包括协议标识、服务器标识和资源标识。其中，所述协议标识例如可以是http、https等数据传输协议的代表字符。所述服务器标识可以是服务器的名称或者服务器的IP地址。所述资源标识可以是待访问的页面中的资源在服务器中的存储名称或者是在服务器中被分配的编号。当接收到所述页面访问请求后，根据所述页面访问请求生成所述页面加载指令。所述页面加载指令可以用于进行后续单页加载。所述页面加载指令可以包括一个或者多个需加载的单页标识。
步骤S404，根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
在一实施例中，根据所述页面加载指令加载一个或者多个单页的具体方式包括：
S1.判断多个单页之间是否存在有公共代码；
S2.当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
在一实施例中，当需要加载多个单页时，还可以判断多个单页之间是否存在有公共代码。所述公共代码部分只需要加载一次，例如多个单页都使用同一css样式，则对多个单页进行加载时，只需要加载一次css样式代码。若多个单页之间存在有所述公共代码，则把所述些公共代码部分抽离出来放置到单独的文件中进行加载，以防止重复加载。
在一实施例中，所述渲染即根据页面数据中的页面格式数据将页面数据中的页面内容数据排版成用于显示的页面的过程。可以根据所述页面加载指令从所述输出目录中调用并加载与所述页面加载指令匹配的所述单页。加载对所述单页时，同时还可以对所述单页进行所述渲染。
在一实施例中，可以通过对页面框架和页面模块进行异步化渲染，以加快模块渲染的速度，提高页面加载速度。比如，可以先渲染所述页面框架，然后渲染所述页面模块，最后将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，分别对所述页面框架和所述页面模块进行渲染的具体方式包括：
S11.判断本地是否缓存有渲染后的页面模块；
S12.若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
S13.若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，当接收浏览器发送的页面框架渲染请求时，可以先判断本地是否缓存有渲染后的页面模块。若本地缓存有渲染后的页面模块，则可以对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中。若本地没有缓存渲染后的页面模块，则可以分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
在一实施例中，当进行页面渲染时，还可以先判断本地是否缓存有渲染后的页面框架。若本地缓存有渲染后的页面框架，则可以直接向所述浏览器发送渲染后的页面框架。若本地没有缓存渲染后的页面框架，则所述渲染模块103可以渲染所述页面框架，将渲染后的页面框架发送至所述浏览器，同时将渲染后的页面框架缓存至本地。可以理解，当获取到渲染后的页面框架，还可以利用JavaScript引擎解析渲染后的页面框架，以获得页面模块标识。
在一实施例中，对加载的单页进行渲染的具体方式包括：
S21.获取加载的单页的页面框架及页面模块；
S22.分别对所述页面框架和所述页面模块进行渲染；
S23.将渲染后的页面框架和渲染后的页面模块组合成页面。
在一实施例中，页面模块标识可以标识页面模块在页面框架中的位置。可以依据所述页面模块标识，将渲染后的页面模块填充到渲染后的页面框架中形成所述组合页面，再将所述组合页面发送至所述浏览器。
步骤S406，根据实施于所述目标Web页面的不同操作，从所述Web服务器获取并加载与所述操作相对应的单页。
在一实施例中，所述操作的类型可以包括点击、手势。所述点击可以包括单击和双击。所述手势可以包括向上滑动、向下滑动、向左滑动和向右滑动等。举例而言，当在一具有搜索引擎的web页面中，用户单击web页面的搜索按钮之后，所述加载模块104根据用户单击web页面搜索按钮的操作并加载搜索结果页面。可以理解，所述加载模块104加载所述搜索结果页面即需要加载的新单页。假设共有60条搜索结果，当前页面只显示了10条搜索结果，可以通过单击下一页查看其他搜索结果页面。可以理解，其他搜索结果页面也可以是需要加载的新单页。
上述Web页面配置方法，将Web页面按照预设规则封装成多个单页，每个单页之间保持相对独立，方便页面扩展和复用，可以根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页，且可提高页web面加载速度。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种Web页面配置方法，应用于服务器，其特征在于，所述方法包括：
将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照web前端与web后端进行封装；
接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；及
根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
2.如权利要求1所述的Web页面配置方法，其特征在于，所述接收页面访问请求，并根据所述页面访问请求接收页面加载指令的步骤之后还包括：
根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页。
3.如权利要求1或2所述的Web页面配置方法，其特征在于，所述对加载的单页进行渲染的步骤包括：
获取加载的单页的页面框架及页面模块；
分别对所述页面框架和所述页面模块进行渲染；及
将渲染后的页面框架和渲染后的页面模块组合成页面。
4.如权利要求3所述的Web页面配置方法，其特征在于，所述分别对所述页面框架和所述页面模块进行渲染的步骤包括：
判断本地是否缓存有渲染后的页面模块；
若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
5.如权利要求1所述的Web页面配置方法，其特征在于，所述根据所述页面加载指令加载一个或者多个单页的步骤包括：
判断多个单页之间是否存在有公共代码；
当多个所述单页之间存在有公共代码时，对多个所述单页的公共代码进行抽离，以对多个所述单页的公共代码进行单次加载。
6.一种服务器，其特征在于，所述服务器包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的Web页面配置***，所述Web页面配置***被所述处理器执行时实现如下步骤：
将构成目标Web页面的多个元素按照预设规则封装成多个单页，并将多个所述单页存储于预设Web服务器中，其中所述预设规则包括按照web页面功能组件进行封装和/或按照web前端与web后端进行封装；
接收页面访问请求，并根据所述页面访问请求生成页面加载指令，其中所述页面加载指令包括有一个或者多个需加载的单页标识；及
根据所述页面加载指令加载一个或者多个单页，并对加载的单页进行渲染，以将渲染后得到的页面作为页面显示内容提供。
7.如权利要求6所述的服务器，其特征在于，所述接收页面访问请求，并根据所述页面访问请求接收页面加载指令的步骤之后还包括：
根据实施于所述目标Web页面的不同操作，从所述Web服务器封装并加载与所述操作相对应的单页。
8.如权利要求6或7所述的服务器，其特征在于，所述对加载的单页进行渲染的步骤包括：
获取加载的单页的页面框架及页面模块；
分别对所述页面框架和所述页面模块进行渲染；及
将渲染后的页面框架和渲染后的页面模块组合成页面。
9.如权利要求8所述的服务器，其特征在于，所述分别对所述页面框架和所述页面模块进行渲染的步骤包括：
判断本地是否缓存有渲染后的页面模块；
若有，则对所述页面框架进行渲染，并将缓存的所述渲染后的页面模块填充到渲染后的页面框架中；
若无，则分别对所述页面框架和所述页面模块进行渲染，将渲染后的页面模块缓存至本地，并将渲染后的页面模块填充到渲染后的页面框架中。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有Web页面配置***，所述Web页面配置***可被至少一个处理器执行，以使所述至少一个处理器执行如权利要求1-5中任一项所述的Web页面配置方法的步骤。
CN201910184614.2A 2019-03-12 2019-03-12 Web页面配置方法、服务器及计算机可读存储介质 Pending CN110059278A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910184614.2A CN110059278A (zh) 2019-03-12 2019-03-12 Web页面配置方法、服务器及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910184614.2A CN110059278A (zh) 2019-03-12 2019-03-12 Web页面配置方法、服务器及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN110059278A true CN110059278A (zh) 2019-07-26

Family

ID=67316966

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910184614.2A Pending CN110059278A (zh) 2019-03-12 2019-03-12 Web页面配置方法、服务器及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN110059278A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111752536A (zh) * 2019-09-24 2020-10-09 北京京东尚科信息技术有限公司 页面开发方法、装置、设备及存储介质
CN112068895A (zh) * 2020-08-10 2020-12-11 深圳市鼎盛光电有限公司 代码配置方法、装置、视频播放设备及存储介质
CN112257006A (zh) * 2020-11-11 2021-01-22 汉海信息技术(上海)有限公司 页面信息的配置方法、装置、设备及计算机可读存储介质
CN112835576A (zh) * 2021-01-18 2021-05-25 北京致远互联软件股份有限公司 一种页面封装方法
CN113419724A (zh) * 2021-06-28 2021-09-21 北京致远互联软件股份有限公司 一种可视化页面布局方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104573025A (zh) * 2015-01-12 2015-04-29 北京京东尚科信息技术有限公司 一种提高页面加载速度的方法及***
CN106933640A (zh) * 2017-04-26 2017-07-07 携程旅游网络技术（上海）有限公司 在移动终端的浏览器内加载Web页面的方法及***
CN107168713A (zh) * 2017-05-24 2017-09-15 深圳市茁壮网络股份有限公司 一种单页应用设计方法及***
CN107562425A (zh) * 2017-08-07 2018-01-09 上海斐讯数据通信技术有限公司 基于Hybrid应用的单页面应用创建方法及装置
CN108228288A (zh) * 2016-12-22 2018-06-29 航天信息股份有限公司 一种组件***及其调用方法和装置
CN108664305A (zh) * 2018-05-04 2018-10-16 平安科技（深圳）有限公司 实现页面功能复用的方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104573025A (zh) * 2015-01-12 2015-04-29 北京京东尚科信息技术有限公司 一种提高页面加载速度的方法及***
CN108228288A (zh) * 2016-12-22 2018-06-29 航天信息股份有限公司 一种组件***及其调用方法和装置
CN106933640A (zh) * 2017-04-26 2017-07-07 携程旅游网络技术（上海）有限公司 在移动终端的浏览器内加载Web页面的方法及***
CN107168713A (zh) * 2017-05-24 2017-09-15 深圳市茁壮网络股份有限公司 一种单页应用设计方法及***
CN107562425A (zh) * 2017-08-07 2018-01-09 上海斐讯数据通信技术有限公司 基于Hybrid应用的单页面应用创建方法及装置
CN108664305A (zh) * 2018-05-04 2018-10-16 平安科技（深圳）有限公司 实现页面功能复用的方法及装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111752536A (zh) * 2019-09-24 2020-10-09 北京京东尚科信息技术有限公司 页面开发方法、装置、设备及存储介质
CN112068895A (zh) * 2020-08-10 2020-12-11 深圳市鼎盛光电有限公司 代码配置方法、装置、视频播放设备及存储介质
CN112068895B (zh) * 2020-08-10 2023-12-19 深圳市鼎盛光电有限公司 代码配置方法、装置、视频播放设备及存储介质
CN112257006A (zh) * 2020-11-11 2021-01-22 汉海信息技术(上海)有限公司 页面信息的配置方法、装置、设备及计算机可读存储介质
CN112835576A (zh) * 2021-01-18 2021-05-25 北京致远互联软件股份有限公司 一种页面封装方法
CN113419724A (zh) * 2021-06-28 2021-09-21 北京致远互联软件股份有限公司 一种可视化页面布局方法

Similar Documents

Publication Publication Date Title
CN110059278A (zh) Web页面配置方法、服务器及计算机可读存储介质
CN108279932B (zh) 一种移动终端动态配置用户界面方法和装置
CN110059277A (zh) 首页加载优化方法、服务器及计算机可读存储介质
US7870482B2 (en) Web browser extension for simplified utilization of web services
CN108845950A (zh) 测试装置、测试的方法及存储介质
CN110647699A (zh) Web页面的渲染方法、装置、计算机设备和存储介质
CN109388766A (zh) 页面加载的方法和装置
CN102402518A (zh) 一种访问网页的方法及装置
CN108932332A (zh) 静态资源的加载方法及装置
CN111984902A (zh) 可视化页面配置方法、***、计算机设备和存储介质
US8516041B1 (en) Pre-fetching asynchronously requested content
CN103838558B (zh) 网站建站***及方法、访问网站的方法及网页适配***
CN106649395A (zh) 网页更新方法和装置
CN107301137A (zh) Rset接口实现方法和装置及电子设备和计算机可读存储介质
WO2023005163A1 (zh) 应用页面的加载方法、存储介质、及其相关设备
CN111859224A (zh) 基于节点服务器的服务端渲染方法、装置和计算机设备
CN103543991A (zh) 一种扩展浏览器功能的方法及浏览器***
US20150317405A1 (en) Web Page Variation
CN112612982A (zh) 网页预加载方法、装置及计算机设备
CN101860734A (zh) 一种ajax实现动态图像增量传输与显示的方法
CN107864384A (zh) 重定向云桌面上互联网视频播放的方法及装置
CN102622376A (zh) 用于合并层叠样式表文件的方法和设备
CN112087370A (zh) 发布GitHub Issues的方法、***、电子设备和计算机可读存储介质
CN112084446A (zh) 一种网页编辑方法、编辑器、电子设备和可读存储介质
CN106708479A (zh) 一种页面渲染方法及装置

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