具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
应当理解,尽管在本发明实施例中可能采用术语第一、第二、第三等来描述……,但这些……不应限于这些术语。这些术语仅用来将……区分开。例如,在不脱离本发明实施例范围的情况下,第一……也可以被称为第二……,类似地,第二……也可以被称为第一……。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者装置中还存在另外的相同要素。
下面结合附图详细说明本发明的可选实施例。
实施例1
如图1所示为本发明实施例提供的一种页面优化方法的工作流程图。这里,所述页面优化方法针对的是大数据量下的页面性能优化。所述页面优化方法的执行主体为用户终端,所述用户终端为任意智能电子设备,例如计算机、智能手机、平板电脑等。具体地,所述页面优化方法包括:
S11,预定义服务器在所述页面的显示标识及所述显示标识的属性,一个显示标识对应一台服务器,通过所述显示标识的不同属性表示所述服务器的不同执行状态;
在该步骤中,预先在用户终端定义出用来代表服务器的显示标识,并同时定义所述显示标识的多种属性,每一种属性用来表示所述服务器的一种执行状态。进一步,预先在所述用户终端存储所述显示标识的每种属性与所述服务器在不同执行状态的对应关系。其中,所述对应关系根据实际情况自定义。
在本发明一实施例中,预定义服务器在所述页面的显示标识及所述显示标识的属性,包括:
预定义一图形显示标识及所述图形显示标识的属性,所述属性包括所述图形填充颜色、填充图案或上述两种属性的结合。其中,所述图形显示标识为同一标识,也就是每台服务器都用同一个图形显示标识来表示。
在本发明一实施例中,通过图形进行标识的展现方式简单、方便且快速,所述图形显示标识具体不作不限。所述图形显示标识可以为几何数学图形,也可以为水果图案、动物图案等。优选的,所述显示标识为几何数学图形,能够缩小所述显示标识在页面的占用空间,提高页面信息密度,比如正方形、圆形、多边形等。所述显示标识的尺寸越小越好,以使用户能够清楚直观地看到即可。
在本发明一实施例中,所述显示标识的属性同样不作限制,可以是填充颜色、填充斑马线、波浪线、波点等图案、或者是颜色与图案两种的结合。
需要说明的是,在本发明另一实施例中,所述显示标识可以为多个不同的显示标识,每个显示标识可以标识服务器的一种执行状态,此时,可以对所述显示标识的属性不作定义。
其中,所述服务器的不同执行状态指的是在用户发布任意操作后,所述服务器执行所述发布操作的状态。所述发布操作包括新增文件、删除文件或修改文件,每进行一次发布操作,会产生一个新的版本号。在本发明一实施例中,所述不同执行状态包括未执行、执行中、执行成功及执行失败。所述未执行状态可以通过填充颜色为黄色的小方格表示,所述执行中状态可以通过填充颜色为蓝色的小方格表示,所述执行成功状态可以通过填充颜色为绿黄色的小方格表示,所述执行失败状态可以通过填充颜色为红色的小方格表示。当然,不限于上述四种执行状态,可根据实际情况自定义。
S12,接收页面启动指令,开启页面并通过第一接口获取每台所述服务器的特征数据,所述特征数据包括服务器标识、服务器当前所属状态及服务器当前操作版本;
在上述预定义步骤完成后,一旦用户执行打开页面操作,即可触发所述第一接口从服务器获取特征数据。这里,不限于用户打开页面就获取特征数据,也可以是用户点击所述页面中某个按钮来触发所述第一接口从服务器获取特征数据。
其中,所述第一接口用于获取所有运行服务器的数据,且只获取所述服务器最基本的三个属性,从而精简所述第一接口返回数据,提高所述第一接口返回数据的速度;进一步,通过上述三个属性能够很方便的了解一台机器是否有异常问题。具体地,所述服务器标识(ID)用来标识机器的唯一性,如pod名称。所述服务器当前所属状态指的是服务器目前的执行状态,如未执行、执行中、执行成功、执行失败。
所述服务器当前操作版本指的是每次用户进行发布操作后,服务器的操作版本。在本发明一实施例中,用户终端根据每次用户进行操作后产生的版本号获取服务器对应版本号,如果获取的版本号与产生的版本号不相同,则判断所述服务器处于未执行状态;如果相同,则判断处于执行中状态。
S13,根据所述服务器当前所属状态,结合预存储的所述显示标识的不同属性与所述服务器所属不同状态的映射关系,在所述页面显示多个所述显示标识及所述显示标识的当前属性。
具体地,当页面拿到所有服务器的特征数据后,需要以最简单、节省的方式将所述特征数据展现在页面上,因此,通过预定义的显示标识来表示一个服务器的数据,通过属性表示一个服务器所属的状态,这样能够以最小的代价将服务器的全量数据渲染出来。
在本发明一实施例中,当所述第一接口返回所述服务器当前执行状态,在预先存储的映射关系表中确定该服务器在前端页面展现的显示标识的属性,比如,执行状态为执行成功,则在图形中填充绿色。确定属性之后,通过加载一图形控件在所述页面展现所述显示标识及确定之后所述显示标识的属性,如绿色小方格。所述显示的显示标识的数量与所述第一接口获取的服务器的个数相同。
进一步,在所述页面显示多个所述显示标识及所述显示标识的当前属性,包括:根据预设的标识显示顺序在所述页面显示多个所述显示标识及所述显示标识的当前属性。所述预设的标识显示顺序以实现显示标识最小页面占用空间为目的,这样能够提升页面的信息密度,用户不用翻页就可以看到所有服务器的全量数据。优选地,将多个小方格按行依次排序,作为一个示例,图2示出了最终在页面展示全部显示标识的效果图,其中未填充图案的小方格代表执行成功的服务器;填充斜线的小方格代表执行失败的服务器。具体地,请参阅图3,所述根据预设的标识显示顺序在所述页面显示多个所述显示标识及所述显示标识的当前属性,包括:
S131,在所述页面定义第一位置及第二位置;其中,所述第一位置可以为页面最左侧边缘,所述第二位置为所述页面最右侧边缘。
S132,从第一位置开始沿着水平方向依次展现所述显示标识,直至到达第二位置;也就是说,逐行展示所述显示标识。
S133,跳转至下一行的第一位置,并重复上述步骤,直至将多个所述显示标识全部显示。具体地,当第一行展示完成后,跳转至第二行从左至右依次展示,如此显示直到将所有的显示标识展示完成。
进一步,所述页面优化方法包括:S14,响应于用户对所述显示标识的触发操作,在所述页面显示对应所述服务器的全量数据。具体地,请参阅图4,所述响应于用户对所述显示标识的触发操作,在所述页面显示对应所述服务器的全量数据,包括:
S141,响应于用户对所述显示标识的触发操作,在所述显示标识周围显示一弹框;其中,所述触发操作包括点击所述显示标识、将鼠标放置于所述显示标识位置等。
S142,同时通过第二接口调取对应所述服务器的全量数据;其中,所述第二接口每次只能调取一个服务器的数量。
S143,输出所述全量数据并显示于所述弹框。其中,所述全量数据包括节点IP地址、节点端口、pod名称、pod状态等。在本发明一实施例中,当所有显示标识在页面显示完成后,用户可以通过所述属性找到需要关注的服务器节点,如只想看看执行失败的服务器,则找红色小方格;将鼠标放在所述红色小方格上,加载一数据显示控件,页面就会弹出一个弹框,弹框里面展示该服务器的所有数据,由于每次所述第二接口仅拉取了一个服务器的数据,因此所述第二接口返回的速度会非常快。
最后,本发明实施例提供的页面优化方法具有以下有益效果:在大数据量下通过减少接口的数据量来提升页面显示速度,相比之前需要十秒才能出现的页面,本发明只需要一到两秒就可显示页面,速度提升至少5倍;第二,在大数据量下通过在页面展现点击控件来表示一个机器的数据,能够使页面的信息密度至少提升几百倍;进一步,能够使用户不用翻页即可看到全局数据。
实施例2
请参阅图5,本发明实施例提供一种页面优化系统500,该系统500针对的是大数据量下的页面性能优化。所述页面优化系统500应用于用户终端,所述用户终端为任意智能电子设备,例如计算机、智能手机、平板电脑等。具体地,所述系统500包括:预定义模块510,页面启动模块520,特征数据获取模块530及标识显示模块540。
所述预定义模块510,用于预定义服务器在所述页面的显示标识及所述显示标识的属性,一个显示标识对应一台服务器,通过所述显示标识的不同属性表示所述服务器的不同执行状态。其中,所述预定义模块510预先在用户终端定义出用来代表服务器的显示标识,并同时定义所述显示标识的多种属性,每一种属性用来表示所述服务器的一种执行状态。
进一步,所述预定义模块510预先在所述用户终端存储所述显示标识的每种属性与所述服务器不同执行状态的对应关系。其中,所述对应关系根据实际情况自定义。
在本发明一实施例中,所述预定义模块510可以预定义一图形显示标识及所述图形显示标识的属性,所述属性包括所述图形填充颜色、填充图案或上述两种属性的结合。其中,所述图形显示标识为同一标识,也就是每台服务器都用同一个图形显示标识来表示。
在本发明一实施例中,通过图形进行标识的展现方式简单、方便且快速,所述图形显示标识具体不作不限。所述图形显示标识可以为几何数学图形,也可以为水果图案、动物图案等。优选的,所述显示标识为几何数学图形,能够缩小所述显示标识在页面的占用空间,提高页面信息密度,比如正方形、圆形、多边形等。所述显示标识的尺寸越小越好,以使用户能够清楚直观地看到即可。
在本发明一实施例中,所述显示标识的属性同样不作限制,可以是填充颜色、填充斑马线、波浪线、波点等图案、或者是颜色与图案两种的结合。
需要说明的是,在本发明另一实施例中,所述显示标识可以为多个不同的显示标识,每个显示标识可以标识服务器的一种执行状态,此时,可以对所述显示标识的属性不作定义。
其中,所述服务器不同执行状态指的是在用户发布任意操作后,所述服务器执行所述发布操作的状态。所述发布操作包括新增文件、删除文件或修改文件,每进行一次发布操作,会产生一个新的版本号。在本发明一实施例中,所述不同执行状态包括未执行、执行中、执行成功及执行失败。所述未执行状态可以通过填充颜色为黄色的小方格表示,所述执行中状态可以通过填充颜色为蓝色的小方格表示,所述执行成功状态可以通过填充颜色为绿黄色的小方格表示,所述执行失败状态可以通过填充颜色为红色的小方格表示。当然,不限于上述四种执行状态,可根据实际情况自定义。
所述页面启动模块520,用于接收页面启动指令,开启页面。具体地,在上述预定义模块510定义完成后,所述页面启动模块520响应于用户的打开页面操作,向用户展示预设页面或空白页面。
所述特征数据获取模块530,用于通过第一接口获取每台所述服务器的特征数据,所述特征数据包括服务器标识、服务器当前所属状态及服务器当前操作版本。具体地,当所述页面启动模块520打开页面,即可触发所述特征数据获取模块530通过第一接口从服务器获取特征数据。这里,不限于用户打开页面就获取特征数据,也可以是用户点击所述页面中某个按钮来触发所述第一接口从服务器获取特征数据。
其中,所述第一接口用于获取所有运行服务器的数据,且只获取所述服务器最基本的三个属性,从而精简所述第一接口返回数据,提高所述第一接口返回数据的速度;进一步,通过上述三个属性能够很方便的了解一台机器是否有异常问题。具体地,所述服务器标识(ID)用来标识机器的唯一性,如pod名称。所述服务器当前所属状态指的是服务器目前的执行状态,如未执行、执行中、执行成功、执行失败。
所述服务器当前操作版本指的是每次用户进行发布操作后,服务器的操作版本。在本发明一实施例中,所述特征数据获取模块530根据每次用户进行操作后产生的版本号获取服务器对应版本号,如果获取的版本号与产生的版本号不相同,则判断所述服务器处于未执行状态;如果相同,则判断处于执行中状态。
所述标识显示模块540,用于根据所述服务器当前所属状态,结合预存储的所述显示标识的不同属性与所述服务器所属不同状态的映射关系,在所述页面显示多个所述显示标识及所述显示标识的当前属性。
具体地,当所述特征数据获取模块530拿到所有服务器的特征数据后,需要以最简单、节省的方式将所述特征数据展现在页面上,因此,所述标识显示模块540通过预定义的显示标识来表示一个服务器的数据,通过属性表示一个服务器所属的状态,这样能够以最小的代价将服务器的全量数据渲染出来。
在本发明一实施例中,当所述第一接口返回所述服务器当前执行状态,所述标识显示模块540在预先存储的映射关系表中确定该服务器在前端页面展现的显示标识的属性,比如,执行状态为执行成功,则在图形中填充绿色。确定属性之后,所述标识显示模块540通过加载一图形控件在所述页面展现所述显示标识及确定之后所述显示标识的属性,如绿色小方格。所述显示的显示标识的数量与所述第一接口获取的服务器的个数相同。
进一步,所述标识显示模块540可以根据预设的标识显示顺序在所述页面显示多个所述显示标识及所述显示标识的当前属性。所述预设的标识显示顺序以实现显示标识最小页面占用空间为目的,这样能够提升页面的信息密度,用户不用翻页就可以看到所有服务器的全量数据。优选地,将多个小方格按行依次排序。具体地,所述标识显示模块540可以在所述页面定义第一位置及第二位置;其中,所述第一位置可以为页面最左侧边缘,所述第二位置为所述页面最右侧边缘。
所述标识显示模块540还可以从第一位置开始沿着水平方向依次展现所述显示标识,直至到达第二位置;也就是说,逐行展示所述显示标识。
所述标识显示模块540还可以跳转至下一行的第一位置,并重复上述步骤,直至将多个所述显示标识全部显示。具体地,当第一行展示完成后,跳转至第二行从左至右依次展示,如此显示直到将所有的显示标识展示完成。
进一步,所述页面优化系统包括全量数据显示模块550,用于响应于用户对所述显示标识的触发操作,在所述页面显示对应所述服务器的全量数据。具体地,请参阅图4,所述全量数据显示模块550可以响应于用户对某一个所述显示标识的触发操作,加载一数据显示控件在所述显示标识周围显示一弹框;其中,所述触发操作包括点击所述显示标识、将鼠标放置于所述显示标识位置等。
所述全量数据显示模块550还可以同时通过第二接口调取对应所述服务器的全量数据;其中,所述第二接口每次只能调取一个服务器的数量。
所述全量数据显示模块550还可以输出所述全量数据并显示于所述弹框。其中,所述全量数据包括节点IP地址、节点端口、pod名称、pod状态等。在本发明一实施例中,当所有显示标识在页面显示完成后,用户可以通过所述属性找到需要关注的服务器节点,如只想看看执行失败的服务器,则找红色小方格;将鼠标放在所述红色小方格上,所述全量数据显示模块550就会在页面弹出一个弹框,弹框里面展示该服务器的所有数据,由于每次所述第二接口仅拉取了一个服务器的数据,因此所述第二接口返回的速度会非常快。
最后,本发明实施例提供的页面优化系统500具有以下有益效果:在大数据量下通过减少接口的数据量来提升页面显示速度,相比之前需要十秒才能出现的页面,本发明只需要一到两秒就可显示页面,速度提升至少5倍;第二,在大数据量下通过在页面展现点击控件来表示一个机器的数据,能够使页面的信息密度至少提升几百倍;进一步,能够使用户不用翻页即可看到全局数据。
实施例3
本公开实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有计算机可执行指令,该计算机可执行指令可执行上述任意方法实施例中的页面优化方法。
实施例4
本实施例提供一种电子设备,该设备用于页面优化方法,所述电子设备,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
预定义服务器在所述页面的显示标识及所述显示标识的属性,一个显示标识对应一台服务器,通过所述显示标识的不同属性表示所述服务器的不同执行状态;
接收页面启动指令,开启页面并通过第一接口获取每台所述服务器的特征数据,所述特征数据包括服务器标识、服务器当前所属状态及服务器当前操作版本;
根据所述服务器当前所属状态,结合预存储的所述显示标识的不同属性与所述服务器所属不同状态的映射关系,在所述页面显示多个所述显示标识及所述显示标识的当前属性。
实施例5
下面参考图6,其示出了适于用来实现本公开实施例的电子设备的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。