CN110413922A - 页面信息显示方法、装置、计算机设备和存储介质 - Google Patents
页面信息显示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN110413922A CN110413922A CN201910572384.7A CN201910572384A CN110413922A CN 110413922 A CN110413922 A CN 110413922A CN 201910572384 A CN201910572384 A CN 201910572384A CN 110413922 A CN110413922 A CN 110413922A
- Authority
- CN
- China
- Prior art keywords
- information
- display
- message box
- server
- displayed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 32
- 230000001960 triggered effect Effects 0.000 claims abstract description 21
- 238000009877 rendering Methods 0.000 claims description 31
- 238000004590 computer program Methods 0.000 claims description 28
- 230000004048 modification Effects 0.000 claims description 22
- 238000012986 modification Methods 0.000 claims description 22
- 230000007246 mechanism Effects 0.000 claims description 14
- 238000012544 monitoring process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 5
- 230000001360 synchronised effect Effects 0.000 description 5
- 230000006399 behavior Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 206010034719 Personality change Diseases 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9558—Details of hyperlinks; Management of linked annotations
-
- 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
Abstract
本申请涉及一种页面信息显示方法、装置、计算机设备和存储介质。所述方法包括:获取携带有控件信息的控件增加指令并发送给服务器;接收服务器返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器根据控件信息生成;当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,触发信息包括信息框中的信息和样式标识;接收服务器根据显示请求返回的显示样式表;基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。采用本方法能够提高工作效率。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种页面信息显示方法、装置、计算机设备和存储介质。
背景技术
随着社会经济的进步,带动了各种产业的发展。而为了便于管理产业的相关业务,大多数企业都有相关的业务系统。然而,传统的业务系统大多使用框架EasyUI进行开发,但是框架EasyUI的DataGrid控件功能无法使得业务人员对业务系统的列表页面信息进行个性化操作后再显示。而由于无法个性化将业务系统的列表页面信息进行显示,导致业务系统中列表页面中记录的信息过多时,使得列表页面中的信息杂乱无章,从而影响对业务系统的操作,导致工作效率低下。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高工作效率的页面信息显示方法、装置、计算机设备和存储介质。
一种页面信息显示方法,所述方法包括:
获取携带有控件信息的控件增加指令并发送给服务器;
接收服务器返回的显示页面,所述显示页面包括信息框和所述信息框对应的点击事件;所述显示页面由所述服务器根据所述控件信息生成;
当所述信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,所述触发信息包括所述信息框中的信息和样式标识;
接收服务器根据所述显示请求返回的显示样式表;
基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示。
在其中一个实施例中,当所述信息框对应的点击事件被触发之前,还包括:
当所述信息框接收到待显示信息时,获取配置规则;
若根据所述配置规则确定所述待显示信息满足自动渲染要求时,则生成自动渲染请求;
基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式;
根据所述显示样式对所述待显示信息进行渲染后显示。
在其中一个实施例中,所述当所述信息框接收到待显示信息时,获取配置规则之后,还包括:
若根据所述配置规则确定所述待显示信息满足缩略显示要求,则触发气泡显示机制;
基于所述气泡显示机制向所述服务器获取气泡、所述信息框的显示长度以及隐藏符号;
根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框。
在其中一个实施例中,所述根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框包括:
根据所述显示长度从所述待显示信息中获取显示信息,将所述显示信息和所述隐藏符号输入至所述信息框中;
获取所述气泡的显示尺寸和显示方式;
根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中,并将所述气泡与所述信息框链接。
在其中一个实施例中,根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中,并将所述气泡与所述信息框链接包括:
根据所述显示方式将所述待显示信息进行排列得到排列信息;
若所述排列信息的尺寸不满足所述显示尺寸,则生成修改指令;
根据所述修改指令向服务器获取新气泡,所述新气泡由服务器根据所述排列信息的尺寸修改生成;
将所述排列信息输入至所述新气泡中,并将所述新气泡与所述信息框链接。
在其中一个实施例中,所述基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示,包括:
根据所述样式标识从所述显示样式表中获取对应的显示样式;
获取所述显示样式的样式描述;
根据所述样式描述对所述信息框中的信息进行渲染后显示。
一种页面信息显示装置,其特征在于,所述装置包括:
获取模块,用于获取携带有控件信息的控件增加指令并发送给服务器;
接收模块,用于接收服务器返回的显示页面,所述显示页面包括信息框和所述信息框对应的点击事件;所述显示页面由所述服务器根据所述控件信息生成;
采集模块,用于当所述信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,所述触发信息包括所述信息框中的信息和样式标识;
所述接收模块还用于接收服务器根据所述显示请求返回的显示样式表;
显示模块,用于基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示。
在其中一个实施例中,所述装置还包括:
配置模块,用于当所述信息框接收到待显示信息时,获取配置规则;若根据所述配置规则确定所述待显示信息满足自动渲染要求时,则生成自动渲染请求;基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式;根据所述显示样式对所述待显示信息进行渲染后显示。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述任意一项所述页面信息显示方法。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述页面信息显示方法。
上述页面信息显示方法、装置、计算机设备和存储介质,用户终端通过携带有控件信息的控件增加指令向服务器获取包括信息框和对应点击事件的显示页面,从而确保用户终端显示的页面是能够支持个性化操作的显示页面。然后当信息框对应的点击事件被触发时,采集信息框中的信息以及样式标识,并生成显示请求指示服务器返回显示样式表,从而确保能够获取到渲染的样式。基于所采集的样式标识从显示样式表中获取对应的显示样式,根据显示样式将信息框中的信息进行渲染后显示,从而确保根据不同的用户操作自动渲染信息框中的信息,完成页面信息个性化的显示,便于用户记忆业务处理情况,提高工作效率。
附图说明
图1为一个实施例中页面信息显示方法的应用场景图;
图2为一个实施例中页面信息显示方法的流程示意图;
图3为另一个实施例中页面信息显示方法的流程示意图;
图4为一个实施例中页面信息显示装置的结构框图;
图5为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的页面信息显示方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。终端102获取携带有控件信息的控件增加指令并发送给服务器104;终端102接收服务器104返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器104根据控件信息生成;终端102当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器104,触发信息包括信息框中的信息和样式标识;终端102接收服务器104根据显示请求返回的显示样式表;终端102基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中,如图2所示,提供了一种页面信息显示方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤S202,获取携带有控件信息的控件增加指令并发送给服务器。
其中,控件信息是指所新增的页面控件的控件信息,包括控件类型,控件名称以及控件所链接的信息框。控件所链接的信息框即是将该控件与该信息框进行绑定,对信息框增加对应的控件,使得信息框能够被用户点击。例如,当用户对该信息框有个性化操作需求时,通过触发该控件下发指令。而控件增加指令则是指用于指示服务器根据控件信息生成显示页面的请求。具体的,用户通过用户终端操作将新增页面控件的控件信息传送给用户终端,当用户终端获取到用户上传的所要新增的页面控件的控件信息后,同步生成控件增加指令,并将控件增加指令和控件信息发送给服务器。
步骤S204,接收服务器返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器根据控件信息生成。
其中,显示页面是指各种业务系统的所能显示的功能页面,例如在金融行业,有催收系统,可以理解为显示页面即为催收系统中能够显示的页面,可以为记录有各种业务案件列表的业务案件列表页面等。信息框则是显示页面中用于显示信息的区域,信息框设置有对应的控件和点击事件,信息框中的每个控件都有对应的点击事件。而同一个控件根据不同的触发方式可以触发不同的点击事件,例如对信息框中的控件进行右键操作或双击操作,能够触发不同的点击事件。而不同的点击事件可以完成信息框中信息的不同显示,例如信息框中的信息进行置顶、置灰、高亮标记、更改字体颜色、大小以及样式等。即当用户想要对信息框所对应的信息进行个性化操时,通过不同的触发方式点击信息框,即可触发该信息框对应的控件启动对应的点击事件。例如,信息框1对应控件1和点击事件1,而控件1的触发方式为右键,而点击事件1被右键触发时的页面信息显示是置顶,则当用户通过操作右键点击该信息框1时,触发控件1而启动点击事件1将信息框1对应的页面信息进行置顶操作。而点击事件的触发方式根据不同移动终端的形式(移动终端、个人计算机等)包括但不限于触控、右键点击、左键点击等。点击事件包括埋点规则和事件监听任务。埋点规则用于采集当点击事件被启动时的用户行为数据,即采集该点击事件被启动时的触发信息。事件监听任务则是服务器用于监听该点击事件是否被启动。
具体地,当终端获取到携带有控件信息的控件增加指令后,通过该控件增加指令向服务器加载显示页面,也就是将携带有控件信息的控件增加指令发送给服务器。当服务器接收到携带有控件信息的控件增加指令后,即根据控件信息生成显示页面返回给终端显示。即,服务器首先获取显示页面的控件列表,根据控件信息中的控件类型和控件名称在控件列表中新增控件,然后根据控件信息中的链接信息框将新增控件与指定的信息框进行链接。而当显示页面所要新增的控件新增完成后,服务器则获取预先配置的埋点规则和事件监听任务,将埋点规则和事件监听任务设置在显示页面的控件处,完成控件对应点击事件的设置。当新增控件、埋点规则以及事件监听任务均设置完成后显示页面才生成完成。而由于显示页面中的信息都有一个对应显示的信息框,则将新增控件与信息框进行链接后,当该控件被触发而启动对应的点击事件后,则是将该信息框中的信息进行个性化显示。
步骤S206,当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,触发信息包括信息框中的信息和样式标识。
其中,显示请求是指用于指示服务器更改信息框中信息的显示样式的指令。显示请求是指当用户通过在终端操作点击显示页面中的信息框而触发了该信息框对应的控件,则启动点击事件。终端通过点击事件中的埋点规则采集信息框中的信息和样式标识,即触发信息,而服务器也根据事件监听任务监听到此控件的点击事件被触发了,则向终端发送反馈指令。终端根据反馈指令生成显示请求,将埋点规则所采集的触发信息随着显示请求一并发送给服务器。本实施例通过事件监听任务向终端发送将埋点所采集的触发信息反馈的反馈指令,保证了触发信息的实时上传。
步骤S208,接收服务器根据显示请求返回的显示样式表。
其中,显示样式表是预先配置保存在服务器的,当服务器接收到显示请求后,即可确定终端用户需要进行页面信息的个性化显示,则响应显示请求从数据库中获取预存的显示样式表返回给终端,终端即可接收到服务器返回的显示样式表。
步骤S210,基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。
其中,触发信息包括信息框中的信息和样式标识,信息框中的信息是指进行个性化显示的信息。样式标识是指从显示样式表中获取对应的样式的编号。当终端用户通过操作点击到信息框对应的控件时同步触发启动点击事件,终端根据点击事件中的埋点规则采集信息框中的信息和样式标识。例如:若用户在终端点击信息框,触发了该信息框对应的控件从而启动了点击事件。而该控件触发的点击事件对应的个性化操作是标黄,则终端调用该点击事件对应的埋点规则采集该信息框中的信息,即等待进行个性化显示的信息、以及获取标黄样式对应的样式标识。则用户终端根据样式标识从显示样式表中获取对应的显示样式后,将信息框中对应的信息渲染成该显示样式后进行显示。
在一个实施例中,基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示包括步骤:根据样式标识从显示样式表中获取对应的显示样式;获取显示样式的样式描述;根据样式描述对信息框中的信息进行渲染后显示。
具体地,终端根据样式标识从显示样式表中查找对应的显示样式,获取该显示样式对应的样式描述。根据样式描述将信息框中的信息进行渲染。或者用户终端可以重新获取信息框中的信息,并将重新获取的信息框中信息,与点击事件的埋点规则所采集的信息框中的信息进行比较,确定二者是否为相同的信息。若二者是相同的信息后,根据显示样式的样式描述将信息框对应的页面信息进行渲染,渲染完成后显示在终端的显示装置上。通过比较信息防止终端获取错误或者埋点规则采集错误。其中,样式描述是对显示样式的信息描述,提供该样式对应的字体颜色、大小或者背景颜色等。首先根据样式标识获取到的显示样式的样式描述,然后根据样式描述获取本次渲染的字体颜色、大小或者背景颜色等信息,然后根据上述信息对信息框对应的信息进行绘制,绘制成对应的显示文字,也就是经过渲染后的信息。然后将渲染后的信息显示在该信息框中。
上述页面信息显示方法,用户终端通过携带有控件信息的控件增加指令向服务器获取包括信息框和对应点击事件的显示页面,从而确保用户终端显示的页面是能够支持个性化操作的显示页面。然后当信息框对应的点击事件被触发时,采集信息框中的信息以及样式标识,并生成显示请求指示服务器返回显示样式表,从而确保能够获取到渲染的样式。基于所采集的样式标识从显示样式表中获取对应的显示样式,根据显示样式将信息框中的信息进行渲染后显示,从而确保根据不同的用户操作自动渲染信息框中的信息,完成页面信息个性化的显示,便于用户记忆业务处理情况,提高工作效率。
在一个实施例中,如图3所示,提供另一种页面信息显示方式。在步骤S206之前还包括以下步骤:
步骤S302,当信息框接收到待显示信息时,获取配置规则。
其中,待显示信息是指用户在对应信息框中实时输入需要显示在显示页面的信息。配置规则是指存储了信息对应的判定规则,用于判定被输入的信息是否满足自动渲染要求的规则文件。具体地,当用户通过在显示页面的信息框中输入信息时,即待显示信息,则获取配置规则判断该待显示信息是否满足自动渲染要求。例如,催收系统中的金额管理列表是用于管理客户还款事项的页面,页面所记载的信息包括还款金额和未还款金额等。而当用户通过终端输入某客户的还款金额时,则获取配置规则。从配置规则中获取关于还款金额对应的判定规则。而该判定规则规定当还款金额小于预设值时,需要将输入的还款金额标黑显示。则根据配置规则将用户输入的还款金额与预设值进行比较,若小于预设值,则表示该还款金额满足了自动渲染成黑的要求。
步骤S304,若根据配置规则确定待显示信息满足自动渲染要求时,则生成自动渲染请求。
具体地,则当根据配置规则判定所输入的待显示信息满足自动渲染要求后,终端生成自动渲染请求发送给服务器。用于指示服务器反馈自动渲染的显示样式的请求指令。
步骤S306,基于自动渲染请求向服务器获取待显示信息对应的显示样式。
具体地,当终端生成自动渲染请求后,将该自动渲染请求发送给服务器,并且自动渲染请求中携带有对应的样式标识。服务器根据样式标识返回对应的显示样式。例如,根据配置规则将用户输入的还款金额与预设值进行比较时,而判定还款金额小于预设值需要将还款金额标黑显示,则终端获取标黑样式的样式标识,将标黑样式标识随自动渲染请求发送给服务器。服务器根据样式标识从预存的显示样式表中获取标黑样式对应的显示样式返回给终端。
步骤S308,根据显示样式对待显示信息进行渲染后显示。
具体地,终端接收到对应的显示样式后,从该显示样式中获取对应的样式描述,根据样式描述通过的字体颜色完成样式渲染,将输入的信息渲染后再显示在信息框中。在本实施例中,不需要通过用户触发控件启动点击事件完成页面渲染显示,实时输入信息即可实现自动渲染,进一步提高工作效率。
在一个实施例中,信息框接收到待显示信息时,获取配置规则之后,还包括步骤:若根据配置规则确定待显示信息满足缩略显示要求,则触发气泡显示机制;基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号;根据气泡、显示长度和隐藏符号将待显示信息输入至信息框。
其中,缩略显示要求是指判断所输入的待显示信息的显示长度是否大于信息框的显示长度。气泡显示机制则是将所输入的待显示信息完整的用气泡进行隐藏显示。隐藏符号则是提醒用户该信息框的信息没有显示完整,并且有对应的气泡。具体地,终端用户通过输入框输入待显示的信息,输入完成后上传给终端。当终端获取到用户上传的待显示信息时,根据所输入的待显示信息确定待显示信息的字段长度。若根据配置规则判断所输入的待显示信息的字段长度大于信息框隐藏显示的预设上限值时,则触发气泡显示机制。根据触发气泡显示机制向服务器获取气泡、待显示信息对应信息框的显示长度和隐藏符号。根据气泡、待显示信息对应信息框的显示长度和隐藏符号完成待显示信息的缩略显示。其中,若本次输入的信息大于对应信息框的显示长度,但是没有大于配置规则中信息框隐藏显示的预设上限值,则终端显示输入的待显示信息时,根据待显示信息的字段长度将部分待显示信息不用隐藏符号代替而隐藏,当点击信息框时即可查看完整的信息。
在一个实施例中,根据气泡、显示长度和隐藏符号将待显示信息输入至信息框包括步骤:根据显示长度从待显示信息中获取显示信息,将显示信息和隐藏符号输入至信息框中;获取气泡的显示尺寸和显示方式;根据显示尺寸和显示方式将待显示信息输入至气泡中,并将气泡与信息框链接。
其中,显示信息是指显示在信息框的部分待显示信息,而其他的待显示信息即为隐藏信息。隐藏符号是指替代隐藏信息的标记,例如省略号等。显示尺寸是指气泡能够显示的信息的大小。显示方式是指信息在气泡中的排列方式。具体地,当终端获取到气泡、显示长度和隐藏符号后,根据显示长度从输入的待显示信息中获取部分信息为显示信息,将显示信息与隐藏符号进行组合显示在对应的信息框中。例如,显示信息可以为从开头截取,则隐藏符号在显示信息后面。显示信息也可以从后面开始截取,则隐藏符号在显示信息之前。显示信息还可以为从中间截取,则显示信息前面和后面均有隐藏符号在。信息框中的显示完成后,则根据气泡的显示尺寸和显示方式将完整的待显示信息进行排列后输入至气泡中,将该气泡与对应的信息框链接,也就是与隐藏符号进行链接。当用户点击信息框中的隐藏符号后,即可弹出气泡显示完整的信息。
在一个实施例中,根据显示尺寸和显示方式将待显示信息输入至气泡中,并将气泡与信息框链接包括步骤:根据显示方式将待显示信息进行排列得到排列信息;若排列信息的尺寸不满足显示尺寸,则生成修改指令;根据修改指令向服务器获取新气泡,新气泡由服务器根据排列信息的尺寸修改生成;将排列信息输入至新气泡中,并将新气泡与信息框链接。
具体地,当根据气泡的显示方式将待显示信息进行排列后得到的排列信息后,将排列信息输入至气泡中时确定排列信息的尺寸是否大于气泡的显示尺寸,若大于,则表示待显示信息无法完整显示在气泡中,终端同步生成修改指令,将排列信息的尺寸同步发送给服务器。服务器接收到修改指令后,根据排列信息的尺寸修改气泡的显示尺寸生成新气泡,或者重新获取满足排列信息尺寸的新气泡返回给终端。终端将排列信息输入至新气泡中,将新气泡与信息框链接。若不大于,则表示待显示信息可以完成显示在气泡中,则将排列信息输入至气泡。
应该理解的是,虽然图2-3的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2-3中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图4所示,提供了一种页面信息显示装置,包括:获取模块402、接收模块404、采集模块406和显示模块408,其中:
获取模块402,用于获取携带有控件信息的控件增加指令并发送给服务器。
接收模块404,用于接收服务器返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器根据控件信息生成。
采集模块406,用于当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,触发信息包括信息框中的信息和样式标识。
接收模块404还用于接收服务器根据显示请求返回的显示样式表。
显示模块418,用于基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。
在一个实施例中,页面信息显示装置还包括配置模块,用于当信息框接收到待显示信息时,获取配置规则;若根据配置规则确定待显示信息满足自动渲染要求,则生成自动渲染请求;基于自动渲染请求向服务器获取待显示页面信息对应的显示样式;根据显示样式对待显示信息进行渲染后显示。
在一个实施例中,配置模块还用于若根据配置规则确定待显示信息满足缩略显示要求,则触发气泡显示机制;基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号;根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。
在一个实施例中,配置模块还用于根据显示长度从待显示信息中获取显示信息,将显示信息和隐藏符号输入至信息框中;获取气泡的显示尺寸和显示方式;根据显示尺寸和显示方式将待显示信息输入至气泡中,并将气泡与信息框链接。
在一个实施例中,配置模块还用于根据显示方式将待显示信息进行排列得到排列信息;若排列信息的尺寸不满足显示尺寸,则生成修改指令;根据修改指令向服务器获取新气泡,新气泡由服务器根据排列信息的尺寸修改生成;将排列信息输入至新气泡中,并将新气泡与所述信息框链接。
在一个实施例中,显示模块410还用于根据样式标识从显示样式表中获取对应的显示样式;获取显示样式的样式描述;根据样式描述对信息框中的信息进行渲染后显示。
关于页面信息显示装置的具体限定可以参见上文中对于页面信息显示方法的限定,在此不再赘述。上述页面信息显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面信息显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图5中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
获取携带有控件信息的控件增加指令并发送给服务器;
接收服务器返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器根据控件信息生成;
当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,触发信息包括信息框中的信息和样式标识;
接收服务器根据显示请求返回的显示样式表;
基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:当信息框接收到待显示信息时,获取配置规则;若根据配置规则确定待显示信息满足自动渲染要求,则生成自动渲染请求;基于自动渲染请求向服务器获取待显示页面信息对应的显示样式;根据显示样式对待显示信息进行渲染后显示。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:当信息框接收到待显示信息时,获取配置规则;若根据配置规则确定待显示信息满足自动渲染要求时,则生成自动渲染请求;基于自动渲染请求向服务器获取待显示信息对应的显示样式;根据显示样式对待显示信息进行渲染后显示。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:若根据配置规则确定待显示信息满足缩略显示要求,则触发气泡显示机制;基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号;根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:根据显示长度从待显示信息中获取显示信息,将显示信息和隐藏符号输入至信息框中;获取气泡的显示尺寸和显示方式;根据显示尺寸和显示方式将待显示信息输入至气泡中,并将气泡与信息框链接。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:根据显示方式将待显示信息进行排列得到排列信息;若排列信息的尺寸不满足显示尺寸,则生成修改指令;根据修改指令向服务器获取新气泡,新气泡由服务器根据排列信息的尺寸修改生成;将排列信息输入至新气泡中,并将新气泡与所述信息框链接。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:根据样式标识从显示样式表中获取对应的显示样式;获取显示样式的样式描述;根据样式描述对信息框中的信息进行渲染后显示。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
获取携带有控件信息的控件增加指令并发送给服务器;
接收服务器返回的显示页面,显示页面包括信息框和信息框对应的点击事件;显示页面由服务器根据控件信息生成;
当信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,触发信息包括信息框中的信息和样式标识;
接收服务器根据显示请求返回的显示样式表;
基于样式标识从显示样式表中获取显示样式,并根据显示样式对信息框中的信息进行渲染后显示。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:当信息框接收到待显示信息时,获取配置规则;若根据配置规则确定待显示信息满足自动渲染要求,则生成自动渲染请求;基于自动渲染请求向服务器获取待显示页面信息对应的显示样式;根据显示样式对待显示信息进行渲染后显示。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:当信息框接收到待显示信息时,获取配置规则;若根据配置规则确定待显示信息满足自动渲染要求时,则生成自动渲染请求;基于自动渲染请求向服务器获取待显示信息对应的显示样式;根据显示样式对待显示信息进行渲染后显示。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:若根据配置规则确定待显示信息满足缩略显示要求,则触发气泡显示机制;基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号;根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。在一个实施例中,计算机程序被处理器执行时还实现以下步骤:根据显示长度从待显示信息中获取显示信息,将显示信息和隐藏符号输入至信息框中;获取气泡的显示尺寸和显示方式;根据显示尺寸和显示方式将待显示信息输入至气泡中,并将气泡与信息框链接。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:根据显示方式将待显示信息进行排列得到排列信息;若排列信息的尺寸不满足显示尺寸,则生成修改指令;根据修改指令向服务器获取新气泡,新气泡由服务器根据排列信息的尺寸修改生成;将排列信息输入至新气泡中,并将新气泡与所述信息框链接。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:根据样式标识从显示样式表中获取对应的显示样式;获取显示样式的样式描述;根据样式描述对信息框中的信息进行渲染后显示。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面信息显示方法,所述方法包括:
获取携带有控件信息的控件增加指令并发送给服务器;
接收服务器返回的显示页面,所述显示页面包括信息框和所述信息框对应的点击事件;所述显示页面由所述服务器根据所述控件信息生成;
当所述信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,所述触发信息包括所述信息框中的信息和样式标识;
接收服务器根据所述显示请求返回的显示样式表;
基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示。
2.根据权利要求1所述的方法,其特征在于,所述当所述信息框对应的点击事件被触发之前,还包括:
当所述信息框接收到待显示信息时,获取配置规则;
若根据所述配置规则确定所述待显示信息满足自动渲染要求,则生成自动渲染请求;
基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式;
根据所述显示样式对所述待显示信息进行渲染后显示。
3.根据权利要求2所述的方法,其特征在于,所述当所述信息框接收到待显示信息时,获取配置规则之后,还包括:
若根据所述配置规则确定所述待显示信息满足缩略显示要求,则触发气泡显示机制;
基于所述气泡显示机制向所述服务器获取气泡、所述信息框的显示长度以及隐藏符号;
根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框。
4.根据权利要求3所述的方法,其特征在于,所述根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框包括:
根据所述显示长度从所述待显示信息中获取显示信息,将所述显示信息和所述隐藏符号输入至所述信息框中;
获取所述气泡的显示尺寸和显示方式;
根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中,并将所述气泡与所述信息框链接。
5.根据权利要求4所述的方法,其特征在于,根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中,并将所述气泡与所述信息框链接包括:
根据所述显示方式将所述待显示信息进行排列得到排列信息;
若所述排列信息的尺寸不满足所述显示尺寸,则生成修改指令;
根据所述修改指令向服务器获取新气泡,所述新气泡由服务器根据所述排列信息的尺寸修改生成;
将所述排列信息输入至所述新气泡中,并将所述新气泡与所述信息框链接。
6.根据权利要求1所述的方法,其特征在于,基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示,包括:
根据所述样式标识从所述显示样式表中获取对应的显示样式;
获取所述显示样式的样式描述;
根据所述样式描述对所述信息框中的信息进行渲染后显示。
7.一种页面信息显示装置,其特征在于,所述装置包括:
获取模块,用于获取携带有控件信息的控件增加指令并发送给服务器;
接收模块,用于接收服务器返回的显示页面,所述显示页面包括信息框和所述信息框对应的点击事件;所述显示页面由所述服务器根据所述控件信息生成;
采集模块,用于当所述信息框对应的点击事件被触发时,采集触发信息并生成显示请求发送至服务器,所述触发信息包括所述信息框中的信息和样式标识;
所述接收模块还用于接收服务器根据所述显示请求返回的显示样式表;
显示模块,用于基于所述样式标识从所述显示样式表中获取显示样式,并根据所述显示样式对所述信息框中的信息进行渲染后显示。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括:
配置模块,用于当所述信息框接收到待显示信息时,获取配置规则;若根据所述配置规则确定所述待显示信息满足自动渲染要求,则生成自动渲染请求;基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式;根据所述显示样式对所述待显示信息进行渲染后显示。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910572384.7A CN110413922A (zh) | 2019-06-28 | 2019-06-28 | 页面信息显示方法、装置、计算机设备和存储介质 |
PCT/CN2019/117308 WO2020258650A1 (zh) | 2019-06-28 | 2019-11-12 | 页面信息显示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910572384.7A CN110413922A (zh) | 2019-06-28 | 2019-06-28 | 页面信息显示方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110413922A true CN110413922A (zh) | 2019-11-05 |
Family
ID=68359920
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910572384.7A Pending CN110413922A (zh) | 2019-06-28 | 2019-06-28 | 页面信息显示方法、装置、计算机设备和存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110413922A (zh) |
WO (1) | WO2020258650A1 (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111125578A (zh) * | 2019-11-22 | 2020-05-08 | 拉扎斯网络科技(上海)有限公司 | 页面显示方法、页面显示装置、存储介质和电子设备 |
WO2020258650A1 (zh) * | 2019-06-28 | 2020-12-30 | 平安科技(深圳)有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
CN112685678A (zh) * | 2021-01-07 | 2021-04-20 | 腾讯科技(深圳)有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
CN112887376A (zh) * | 2021-01-14 | 2021-06-01 | 广东电网有限责任公司广州供电局 | feed流去重方法、装置、系统、计算机设备和存储介质 |
CN113836465A (zh) * | 2021-09-17 | 2021-12-24 | 深圳追一科技有限公司 | 控件显示方法、系统、计算机设备和存储介质 |
CN111832773B (zh) * | 2020-05-29 | 2024-05-17 | 北京嘀嘀无限科技发展有限公司 | 信息显示方法、装置、存储介质和电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107203303A (zh) * | 2016-03-18 | 2017-09-26 | 阿里巴巴集团控股有限公司 | 一种界面显示方法及装置 |
CN107241633A (zh) * | 2017-06-07 | 2017-10-10 | 珠海市魅族科技有限公司 | 一种焦点提示方法及装置、计算机装置及可读存储介质 |
US20180157391A1 (en) * | 2016-12-02 | 2018-06-07 | Alibaba Group Holding Limited | Page Information Personalization Method, Apparatus and System |
CN108874810A (zh) * | 2017-05-10 | 2018-11-23 | 北京京东尚科信息技术有限公司 | 信息采集的方法和装置 |
CN109597960A (zh) * | 2018-12-26 | 2019-04-09 | 深圳互联先锋科技有限公司 | 一种个性化网站系统及配置方法 |
CN109725901A (zh) * | 2018-05-31 | 2019-05-07 | 中国平安人寿保险股份有限公司 | 前端代码的开发方法、装置、设备和计算机存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101980154B (zh) * | 2010-11-02 | 2014-01-08 | 深圳市融创天下科技股份有限公司 | 一种界面控件树的创建和绘制的方法、系统及移动终端 |
CN104267964B (zh) * | 2014-10-10 | 2017-10-24 | 北京嘉和美康信息技术有限公司 | 一种模板生成装置 |
CN108132814A (zh) * | 2017-12-22 | 2018-06-08 | 平安养老保险股份有限公司 | 应用程序的页面加载方法、装置、计算机设备和存储介质 |
CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
CN110413922A (zh) * | 2019-06-28 | 2019-11-05 | 平安科技(深圳)有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
-
2019
- 2019-06-28 CN CN201910572384.7A patent/CN110413922A/zh active Pending
- 2019-11-12 WO PCT/CN2019/117308 patent/WO2020258650A1/zh active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107203303A (zh) * | 2016-03-18 | 2017-09-26 | 阿里巴巴集团控股有限公司 | 一种界面显示方法及装置 |
US20180157391A1 (en) * | 2016-12-02 | 2018-06-07 | Alibaba Group Holding Limited | Page Information Personalization Method, Apparatus and System |
CN108874810A (zh) * | 2017-05-10 | 2018-11-23 | 北京京东尚科信息技术有限公司 | 信息采集的方法和装置 |
CN107241633A (zh) * | 2017-06-07 | 2017-10-10 | 珠海市魅族科技有限公司 | 一种焦点提示方法及装置、计算机装置及可读存储介质 |
CN109725901A (zh) * | 2018-05-31 | 2019-05-07 | 中国平安人寿保险股份有限公司 | 前端代码的开发方法、装置、设备和计算机存储介质 |
CN109597960A (zh) * | 2018-12-26 | 2019-04-09 | 深圳互联先锋科技有限公司 | 一种个性化网站系统及配置方法 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020258650A1 (zh) * | 2019-06-28 | 2020-12-30 | 平安科技(深圳)有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
CN111125578A (zh) * | 2019-11-22 | 2020-05-08 | 拉扎斯网络科技(上海)有限公司 | 页面显示方法、页面显示装置、存储介质和电子设备 |
CN111125578B (zh) * | 2019-11-22 | 2024-03-12 | 拉扎斯网络科技(上海)有限公司 | 页面显示方法、页面显示装置、存储介质和电子设备 |
CN111832773B (zh) * | 2020-05-29 | 2024-05-17 | 北京嘀嘀无限科技发展有限公司 | 信息显示方法、装置、存储介质和电子设备 |
CN112685678A (zh) * | 2021-01-07 | 2021-04-20 | 腾讯科技(深圳)有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
CN112685678B (zh) * | 2021-01-07 | 2023-11-07 | 腾讯科技(深圳)有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
CN112887376A (zh) * | 2021-01-14 | 2021-06-01 | 广东电网有限责任公司广州供电局 | feed流去重方法、装置、系统、计算机设备和存储介质 |
CN113836465A (zh) * | 2021-09-17 | 2021-12-24 | 深圳追一科技有限公司 | 控件显示方法、系统、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020258650A1 (zh) | 2020-12-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110413922A (zh) | 页面信息显示方法、装置、计算机设备和存储介质 | |
US20220215068A1 (en) | Task-Centric User Interfaces For Searching And Managing Search Results, And Software Therefor | |
CN108874926A (zh) | 海量数据查询方法、装置、计算机设备和存储介质 | |
CN108345456A (zh) | 页面代码生成方法、装置、计算机设备和存储介质 | |
CN108920354A (zh) | 埋点管理方法、装置、计算机设备和存储介质 | |
CN109815471A (zh) | 合同文本生成方法、装置、计算机设备和存储介质 | |
CN110456956A (zh) | 截图方法、装置、计算机设备和存储介质 | |
CN108363587A (zh) | 应用程序运行监控方法、装置、计算机设备和存储介质 | |
CN108509109A (zh) | 票据信息录入方法、装置、计算机设备和存储介质 | |
CN110119352A (zh) | 应用程序的ui调试方法、装置、计算机设备和存储介质 | |
CN104704468A (zh) | Web应用程序的跨系统安装 | |
CN109634607A (zh) | 一种代码自动生成的方法及装置 | |
US11720376B2 (en) | Methods and systems for content generation via templates with rules and/or triggers | |
CN109300012A (zh) | 产品数据推送方法、装置、计算机设备和存储介质 | |
CN108595919A (zh) | 软件激活方法、装置、系统和存储介质 | |
CN110895532B (zh) | 信息收集方法和系统 | |
CN109493048A (zh) | 基于区块链的财务记账方法、装置、设备及存储介质 | |
CN109960633A (zh) | 一种数据可视化埋点方法、存储介质及智能终端 | |
CN108334395A (zh) | 信息处理方法、装置、计算机设备和存储介质 | |
CN111258466A (zh) | 数据可视化方法、装置、计算机设备和存储介质 | |
CN110177039A (zh) | 消息分享方法、装置、计算机设备和存储介质 | |
CN113342249B (zh) | 可实时预览的内容管理方法、装置、设备及存储介质 | |
CN111309991A (zh) | 查询语句生成方法、装置和数据查询方法、系统 | |
CN107562710B (zh) | 一种图表处理装置及方法 | |
CN112433650A (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 |