页面的扩展方法、装置、存储介质和终端设备与流程

1.本技术涉及计算机领域，尤其涉及一种页面的扩展方法、系统、装置、存储介质和终端设备。


背景技术：

2.在页面的设计过程中，在某个版本的页面发布出去后，如果要修改页面的内容，采用采用的方法是直接修改页面代码，实现修改页面功能的删除、增减或修改，这种修改页面代码的方式成本较高。而且一旦修改页面代码，原来的页面就变成新页面，无法再恢复到原来的页面。


技术实现要素：

3.本技术提供一种页面的扩展方法、装置、存储介质和终端设备，解决相关技术中由于修改网页的功能成本较高且复用性差的问题。
4.第一方面，本技术提供了一种页面的扩展方法，包括：
5.接收到针对页面代码的渲染指令后，获取所述页面代码关联的扩展脚本；
6.确定所述扩展脚本的使能状态；
7.在所述使能状态为生效状态时，基于所述页面代码和所述扩展脚本进行网页渲染；其中，所述扩展脚本用于修改所述页面代码的元素、事件或数据。
8.第二方面，本技术提供了一种页面的扩展装置，包括：
9.获取单元，用于接收到针对页面的渲染指令后，获取所述页面关联的扩展脚本；
10.确定单元，用于确定所述扩展脚本的使能状态；
11.修改单元，在所述使能状态为生效状态时，基于所述网页的原始代码和所述扩展脚本进行网页渲染；其中，所述扩展脚本用于修改所述页面的元素、事件或数据。
12.本技术又一方面提供了一种装置，可以实现上述第一方面的页面的扩展方法。可以通过软件、硬件、或者通过硬件执行相应的软件实现上述方法。
13.在一种可能的实现方式中，所述装置的结构中包括处理器、存储器；所述处理器被配置为支持所述装置执行上述页面的扩展方法中相应的功能。存储器用于与处理器耦合，其保存所述装置必要的程序(指令)和/或数据。可选的，所述装置还可以包括通信接口用于支持所述装置与其他网元之间的通信。
14.在另一种可能的实现方式中，所述装置，可以包括执行上述方法中相应动作的单元模块。
15.在又一种可能的实现方式中，包括处理器和收发装置，所述处理器与所述收发装置耦合，所述处理器用于执行计算机程序或指令，以控制所述收发装置进行信息的接收和发送；当所述处理器执行所述计算机程序或指令时，所述处理器还用于实现上述方法。其中，所述收发装置可以为收发器、收发电路或输入输出接口。
16.本技术又一方面提供了一种装置，该装置包括：存储器和处理器；其中，所述存储
器中存储一组程序代码，且所述处理器用于调用所述存储器中存储的程序代码，执行各方面所述的方法。
17.本技术又一方面提供了一种终端设备，包括上述的装置。终端设备包括但不限于手机、电脑、平板电脑、个人计算机、服务器或工作站等。
18.本技术的又一方面提了供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。
19.本技术的又一方面提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。
20.根据以上的实施例，在需要修改页面的功能时，通过在页面代码设置外挂的扩展脚本，控制扩展脚本的生效或失效，实现在不修改原始的页面代码情况下，对页面的元素、数据或事件修改，达到修改页面内容的目的，相比于直接修改页面代码，修改的成本较低。根据实际情况使扩展脚本生效或者失效，从而可以使原页面增加新功能成为新页面，也可以保持原始的页面代码不变，从而使原始的页面代码进行复用，提高页面设计的灵活性。
附图说明
21.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
22.图1是本技术实施例提供的一种网络架构图；
23.图2是本技术实施例提供的一种页面的扩展方法的流程示意图；
24.图3是本技术实施例提供的一种扩展装置的结构示意图；
25.图4是本技术实施例提供的一种终端设备的结构示意图。
具体实施方式
26.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。同时，在本技术的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本技术。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本技术的描述。
27.图1示出了可以应用于本技术的页面的扩展方法或页面的扩展装置的示例性系统架构。
28.如图1所示，系统架构可以包括：终端设备101和终端设备102。终端设备101和终端设备102之间可以通过网络进行通信，网络用于上述各个单元之间提供通信链路的介质。网络可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆的，无线通信链路包括蓝牙通信链路、无线保真(wireless-fidelity，wi-fi)通信链路或微波通信链路等。
29.其中，服务器102上部署有页面代码，终端系统通过浏览器获取页面代码，对页面
代码进行渲染后显示网页。
30.需要说明的是，终端设备101和终端设备102可以是硬件，也可以是软件。当终端设备101和终端设备102为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当终端设备101和终端设备102为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不做具体限定。
31.应理解，图1中的终端设备、网络和终端设备的数目仅是示意性的。根据实现需要，可以是任意数量的终端设备、网络和终端设备。
32.为了说明本技术所述的技术方案，下面通过具体实施例来进行说明。
33.参见图2，图2是本技术实施例提供的页面的扩展方法的流程示意图，在本技术实施例中，所述方法包括：
34.s201、接收到针对页面代码的渲染指令后，获取页面代码关联的扩展脚本。
35.其中，页面代码表示创建页面使用的编程语言，页面代码可以包括html，javascript、asp、php或cgi等。选择指令可以基于用户的相关操作触发的，例如：在网页的设计阶段，用户通过网页设计工具编写网页代码，网页设计工具上有预览按钮，用户通过鼠标点击预览按钮后，网页设计工具生成渲染指令，调用浏览器对页面代码进行渲染。本技术的页面代码设置有扩展脚本，扩展脚本用于以外挂的形式修改页面代码的元素、事件或数据，扩展脚本包括视图配置文件和逻辑配置文件，视图配置文件用于对页面代码中的元素进行插入、替换和删除，逻辑配置文件用于对页面代码的方法、数据和时间进行修改。扩展脚本和页面代码设置于不同的容器中，例如：扩展脚本设置于外部的代码仓库中，不同的页面代码关联有不同的扩展脚本。
36.进一步的，视图配置文件包括如下字段中的一种或多种：
37.相对路径、路由、元素标识、生效方式、放置方式、版本、作者和创建日期；其中，所述生效方式包括：插入、追加、前置、替换和删除；所述放置方式包括：置顶和置底。
38.举例来说，视图配置文件包括以下字段：
39.1、yjplid：要扩展页面的相对路径，属于必填信息。
40.2、routepath:页面的路由，属于选填信息。
41.3、target:指定页面下的某个元素，与type、place配合使用，属于选填信息。
42.4、type:扩展的视图模板生效方式，当target不为空时生效。可选值有：
43.a、insert：将扩展视图模板插入到target指定的元素上面或者下面，成为其兄弟节点。
44.b、append：将扩展视图模板插入到target指定的元素下面，成为其最后一个子节点。
45.d、prepend：将扩展视图模板插入到target指定的元素下面，成为其第一个子节点。
46.e、relace：替换target指定的元素为扩展视图模板。
47.f、delete：删除target指定的元素。
48.5、place:当type值为insert时生效，可选值有：
49.a、top：将扩展视图模板插入到target指定的元素上面。
50.b、bottom：将扩展视图模板插入到target指定的元素下面。
51.6、version：版本
52.7、creator：作者
53.8、date：创建日期。
54.在一个或多个可能的实施例中，还包括：
55.根据页面的生命周期使用钩子设置扩展脚本。
56.例如：采用如下的钩子来设置扩展脚本：
57.1、beforecreate：页面数据还未初始化，可用于扩展页面数据。
58.2、created：页面数据与初始化，dom(document object model，文档对象模型)还没挂载，可用于扩展页面渲染模板，自定义页面视图。
59.3、mounted：页面dom已挂载，可基于dom信息进行扩展。
60.4、beforedestroy：页面销毁之前调用，可用于释放与dom相关的资源，如解绑dom事件。
61.5、destroyed：页面实例销毁后调用，可用于释放与dom无关的相关资源如定时器事件。
62.s202、确定扩展脚本的使能状态。
63.其中，页面代码的扩展脚本的使能状态分为失效状态和生效状态，具体的使能状态可以根据实际需求来预先设定，在失效状态下，仅根据页面代码进行渲染。
64.在一个或多个可能的实施例中，所述确定所述扩展脚本的使能状态，包括：
65.在所述页面代码中查询扩展指示符；
66.在所述扩展指示符的值为预设值时，确定所述扩展脚本为使能状态。
67.其中，页面代码中设置有扩展指示符，扩展指示符的数量可以为一个或多个，每个扩展指示符关联一个扩展脚本，扩展指示符可以为占位符，在扩展指示符的值为预设值时，确定关联的扩展脚本为生效状态，否则，扩展脚本为失效状态。例如：扩展指示符表示为“&s＝1”，预设值为1，那么可以确定该扩展指示符关联的扩展脚本为生效状态；又例如：扩展指示符表示为“&s＝0”，预设值为1，那么可以确定该扩展指示符关联的扩展脚本为失效状态。
68.进一步的，在所述使能状态为失效状态的情况下，基于用户的备份指令，将所述页面代码存储到网页模板库中，以便用于可以重复使用页面代码，提高页面设计的效率。
69.s203、在使能状态为生效状态时，基于网页代码和扩展脚本进行网页渲染。
70.其中，在扩展脚本为生效状态下，将网页代码和扩展脚本的代码进行合并，利用合并后的代码进行网页渲染得到修改后的网页。
71.实施本技术实施例的有益效果：通过在页面代码设置外挂的扩展脚本，控制扩展脚本的生效或失效，实现在不修改原始的页面代码情况下，对页面的元素、数据或事件修改，达到修改页面内容的目的。根据实际情况使扩展脚本生效或者失效，从而可以使原页面增加新功能成为新页面，也可以保持原始的页面代码不变，从而使原始的页面代码进行复用，提高页面设计的灵活性。
72.上述图2详细阐述了页面的扩展方法。相应的本技术实施例的一种扩展装置的结构示意图。
73.请参见图3，图3是本技术实施例提供的一种装置3的结构示意图，该扩展装置3(简称装置3)可以包括：获取单元301、确定单元302和渲染单元303。
74.获取单元301，用于接收到针对页面的渲染指令后，获取所述页面关联的扩展脚本；
75.确定单元302，用于确定所述扩展脚本的使能状态；
76.渲染单元303，在所述使能状态为生效状态时，基于所述网页的原始代码和所述扩展脚本进行网页渲染；其中，所述扩展脚本用于修改所述页面的元素、事件或数据。
77.在一个或多个可能的实施例中，所述确定所述扩展脚本的使能状态，包括：
78.在所述页面代码中查询扩展指示符；
79.在所述扩展指示符的值为预设值时，确定所述扩展脚本为生效状态。
80.在一个或多个可能的实施例中，所述扩展脚本包括：视图配置文件和逻辑配置文件。
81.在一个或多个可能的实施例中，所述视图配置文件包括如下字段中的一种或多种：
82.相对路径、路由、元素标识、生效方式、放置方式、版本、作者和创建日期；其中，所述生效方式包括：插入、追加、前置、替换和删除；所述放置方式包括：置顶和置底。
83.在一个或多个可能的实施例中，所述扩展脚本存储在外置的代码仓库中。
84.在一个或多个可能的实施例中，还包括：
85.备份单元，用于在所述使能状态为失效状态的情况下，基于用户的备份指令，将所述页面代码存储到网页模板库中。
86.在一个或多个可能的实施例中，还包括：
87.设置单元，用于根据页面的生命周期使用钩子设置扩展脚本。
88.本技术实施例和图2的方法实施例基于同一构思，其带来的技术效果也相同，具体过程可参照图2的方法实施例的描述，此处不再赘述。
89.装置3可以是终端设备，所述装置3也可以为实现相关功能的现场可编程门阵列(field-programmable gate array，fpga)，专用集成芯片，系统芯片(system on chip，soc)，中央处理器(central processor unit，cpu)，网络处理器(network processor，np)，数字信号处理电路，微控制器(micro controller unit，mcu)，还可以采用可编程控制器(programmable logic device，pld)或其他集成芯片。
90.请参见图4，为本技术实施例提供了一种终端设备的结构示意图。如图4所示，所述终端设备400可以包括：至少一个处理器401，至少一个网络接口404，用户接口403，存储器405，至少一个通信总线402。
91.其中，通信总线402用于实现这些组件之间的连接通信。
92.可选的，用户接口403可以包括显示屏(display)、摄像头(camera)，可选用户接口403还可以包括标准的有线接口、无线接口。
93.其中，网络接口404可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。
94.其中，处理器401可以包括一个或者多个处理核心。处理器401利用各种接口和线路连接整个终端设备400内的各个部分，通过运行或执行存储在存储器405内的指令、程序、代码集或指令集，以及调用存储在存储器405内的数据，执行终端设备400的各种功能和处理数据。可选的，处理器401可以采用数字信号处理(digital signal processing，dsp)、现场可编程门阵列(field-programmable gate array，fpga)、可编程逻辑阵列
(programmable logic array，pla)中的至少一种硬件形式来实现。处理器401可集成中央处理器(central processing unit，cpu)、图像处理器(graphics processing unit，gpu)和调制解调器等中的一种或几种的组合。其中，cpu主要处理操作系统、用户界面和应用程序等；gpu用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器401中，单独通过一块芯片进行实现。
95.其中，存储器405可以包括随机存储器(random access memory，ram)，也可以包括只读存储器(read-only memory)。可选的，该存储器405包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器405可用于存储指令、程序、代码、代码集或指令集。存储器405可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器405可选的还可以是至少一个位于远离前述处理器401的存储装置。如图4所示，作为一种计算机存储介质的存储器405中可以包括操作系统、网络通信模块、用户接口模块以及应用程序。
96.在图4所示的终端设备400中，用户接口403主要用于为用户提供输入的接口，获取用户输入的数据；而处理器401可以用于调用存储器405中存储的应用程序，并具体执行图2的方法实施例。
97.本实施例的构思和图2的方法实施例相同，其带来的技术效果也相同，具体过程可参照图2实施例的描述，此处不再赘述。
98.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
99.以上所揭露的仅为本技术较佳实施例而已，当然不能以此来限定本技术之权利范围，因此依本技术权利要求所作的等同变化，仍属本技术所涵盖的范围。