CN110399583B - 页面显示方法、装置、电子设备以及存储介质 - Google Patents
页面显示方法、装置、电子设备以及存储介质 Download PDFInfo
- Publication number
- CN110399583B CN110399583B CN201910517521.7A CN201910517521A CN110399583B CN 110399583 B CN110399583 B CN 110399583B CN 201910517521 A CN201910517521 A CN 201910517521A CN 110399583 B CN110399583 B CN 110399583B
- Authority
- CN
- China
- Prior art keywords
- control model
- html
- html control
- model data
- attribute information
- 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.)
- Active
Links
Images
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)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种页面显示方法、装置、电子设备以及存储介质,涉及计算机技术领域。所述方法包括:接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示该服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息和第一变化属性信息,接收第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示。本申请实施例提供的页面显示方法、装置、电子设备以及存储介质通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
Description
技术领域
本申请涉及计算机技术领域,更具体地,涉及一种页面显示方法、装置、电子设备以及存储介质。
背景技术
随着互联网技术的迅猛发展,为了减轻***维护和升级的支出成本,B/S(Browser/Server,浏览器/服务器)这种***应用结构应运而生。同时,一款成功的***取决于多方面因素,其中,用户友好的***交互显得尤为重要。但是,在这种情况下,需要软件开发人员投入大量的时间编写超文本标记语言(Hyper Text Markup Language,HTML)页面,来满足不同用户的定制化需求,开发成本较高。
发明内容
鉴于上述问题,本申请提出了一种页面显示方法、装置、电子设备以及存储介质,以解决上述问题。
第一方面,本申请实施例提供了一种页面显示方法,所述方法包括:接收配置指令;基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息;接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据进行解析并显示。
第二方面,本申请实施例提供了一种页面显示方法,所述方法包括:接收客户端发送的第一请求信息;根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息;响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据进行解析并显示。
第三方面,本申请实施例提供了一种页面显示装置,所述装置包括:接收模块,用于接收配置指令;发送模块,用于基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息;解析模型,用于接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据进行解析并显示。
第四方面,本申请实施例提供了一种页面显示装置,所述装置包括:接收模块,用于接收客户端发送的第一请求信息;获取模块,用于根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息;发送模块,用于响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据进行解析并显示。
第五方面,本申请实施例提供了一种电子设备,包括:存储器;一个或多个处理器,与所述存储器耦接;一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于执行上述方法。
第六方面,本申请实施例提供了一种计算机可读取存储介质,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行上述方法。
本申请实施例中,接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示该服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,接收第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本申请实施例提供的页面显示方法的应用环境示意图;
图2示出了本申请一个实施例提供的页面显示方法的时序图;
图3示出了本申请实施例提供的三路控制器开关的示意图;
图4示出了本申请实施例提供的双路控制器开关的示意图;
图5示出了本申请实施例提供的墙壁插座的资源属性界面示意图;
图6示出了本申请实施例提供的网关的资源属性界面示意图;
图7示出了本申请又一个实施例提供的页面显示方法的流程示意图;
图8示出了本申请再一个实施例提供的页面显示方法的流程示意图;
图9示出了本申请另一个实施例提供的页面显示方法的流程示意图;
图10示出了本申请又再一个实施例提供的页面显示方法的流程示意图;
图11示出了本申请一个实施例提供的页面显示装置的模块框图;
图12示出了本申请又一个实施例提供的页面显示装置的模块框图;
图13示出了本申请实施例提供的电子终端的结构框图;
图14示出了本申请实施例提供的云服务器的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。
下面将先对本申请所涉及的一种应用环境进行介绍。
请参阅图1,图1为适用于本申请实施例提供的页面显示方法的一种应用环境示意图。其中,图1所示的应用环境示意图包括第一设备100、服务器200以及第二设备300,且服务器200分别与第一设备100和第二设备300连接,其中,第一设备100可以通过无线网络或数据网络与服务器200连接,例如,第一设备100可以通过WiFi与服务器200连接,或者通过2G/3G/4G/5G网络与服务器200连接,以实现第一设备100与服务器200之间的数据交互。同样地,第二设备300可以通过无线网络或数据网络与服务器200连接,例如,第二设备300可以通过WiFi与服务器200连接,或者通过2G/3G/4G/5G网络与服务器200连接,以实现第二设备300与服务器200之间的数据交互。其中,该第一设备100和第二设备300可以包括个人电脑、智能手机、平板电脑等,在此不做限定。
其中,该第一设备100安装有客户端,该客户端用于提供一个与用户交互的界面,例如,提供HTML页面与用户交互,可以理解的,用户可以通过该HTML页面观看信息、查询信息、输入信息、下载信息等。相应地,该第二设备300用于供开发人员编写、维护、修改界面信息等,例如,供开发人员编写、维护、修改HTML页面。
请参阅图2,图2示出了本申请一个实施例提供的页面显示方法的时序图。该页面显示方法用于通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。下面将针对图2所示的流程进行详细的阐述,所述页面显示方法具体可以包括以下步骤:
步骤S110:客户端接收配置指令。
作为一种实施方式,当用户首次访问客户端时,客户端可以显示空白页,并接收用户针对该空白页的配置指令,其中,该配置指令可以包括第一条件,该第一条件可以包括在该空白页中显示的HTML控件的布局、各HTML控件的颜色、大小等,其中,该HTML控件包括HTML名称和HTML属性,例如下拉框<select>标签控件,其名称为select,其主要属性包括:
item子项:
<option>标签:定义可选的项目
vlaue{string}属性:选择项具体的名称
title{string}属性:鼠标移到选择项上去,要展示的信息。
作为另一种实施方式,当用户首次访问客户端时,客户端也可以显示默认的HTML页面,并接收用户针对该默认的HTML页面的配置指令,其中,该默认的HTML页面可以为仅具有HTML控件布局的页面,此时,该配置指令中的第一条件可以包括对默认的HTML页面中的HTML控件的颜色、大小等的设置。该默认的HTML页面也可以为具有HTML控件布局以及对各HTML控件的颜色、大小等具有默认值的页面,此时,该配置指令中的第一条件可以包括对默认的HTML页面中的HTML控件的颜色、大小等的更改、修订等。
另外,当用户非首次访问客户端时,客户端可以显示默认的HTML页面,也可以显示用户最近一次浏览时所显示的HTML页面,并接收用户针对显示的HTML页面的配置指令,在此不再赘述。
其中,在本实施例中,该客户端可以显示输入框,则用户可以在输入框中输入第一条件,例如,可以输入所期望的HTML控件的颜色、大小、固定属性信息及变化属性信息等,然后客户端基于用户输入的第一条件生成配置指令;该客户端也可以显示选择框,其中,该选择框中包括多个颜色、多个大小等,则用户可以在选择框中选择第一条件,例如,可以从多个颜色中选择某一个颜色作为HTML控件的颜色、从多个大小中选择某一个大小作为HTML控件的大小等,然后客户端基于用户选择的第一条件生成配置指令。
步骤S120:所述客户端基于所述配置指令发送第一请求信息至服务器。
进一步地,客户端在接收到配置指令后,可以基于该配置指令生成第一请求信息,然后通过无线网络或数据网络将该第一请求信息发送至服务器,其中,该第一请求信息至少携带有该配置指令(可以包括第一条件)。
步骤S130:所述服务器根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
在本实施例中,服务器在接收到客户端上传的第一请求信息时,可以对第一请求信息进行分析,以提取该第一请求信息中的第一条件,然后基于第一条件获取第一HTML控件模型数据并保存,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,其中,该第一HMTL控件模型可以包括第一固定属性信息和第一变化属性信息。可以理解的,该第一HTML控件模型中的第一固定属性信息可以由开发人员预先创建完成,该第一HTML控件模型中的第一变化属性信息可以在获取到第一条件后,对第一HTML控件模型中的各HTML控件进行定义获得,并将包括第一HTML控件模型的第一HTML控件模型数据上传至服务器。其中,该第一HTML控件模型的第一固定属性信息是固定不变的,而第一HTML控件模型的第一变化属性信息是可以根据配置指令中所包括的条件进行动态更新的,因此,开发人员可以根据用户的需求,在第一HTML控件模型上定义第一变化属性信息,而无需更改HTML页面代码,可以有效地减少开发人员的开发成本。
例如,开发人员可以通过开发设备(如图1的第二设备300)对HTML控件进行统一建模,获得第一HTML控件模型并上传至服务器,其中,HTML控件由名称和属性组成,例如一个常用的下拉框<select>标签控件,其名称为select,其主要属性包括:
item子项:
<option>标签:定义可选的项目
vlaue{string}属性:选择项具体的名称
title{string}属性:鼠标移到选择项上去,要展示的信息。
那么,开发人员可以对其进行建模,其中,建模数据可以采用常用的数据格式JSON,存入数据库中的模型记录可以为:
{"titile":"菜单","type":"select","options":[{"value":"1","label":"选项一"},{"value":"1","label":"选项二"}]},当然开发人员也可以添加其他的基于第一条件的定义的第一属性信息,例如颜色{"color":"red"}。
步骤S140:所述服务器响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端。
进一步地,服务器在获取到第一HTML控件模型数据后,可以响应该第一请求信息将第一HTML控件模型数据反馈至客户端。其中,该服务器可以直接将第一HTML控件模型数据反馈至客户端,也可以将第一HTML控件模型数据进行解析后反馈至客户端,可选地,在本实施例中,服务器直接将第一HTML控件模型数据反馈至客户端。
步骤S150:所述客户端接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据进行解析并显示。
在本实施例中,客户端接收到该第一HTML控件模型数据后,可以对该第一HTML控件模型数据进行解析,并将解析后的结果在客户端显示供用户浏览。作为一种方式,若该建模数据采用JSON数据格式,也就是说,若该第一HTML控件模型数据以JSON数据格式保存在服务器并下发到客户端,那么该客户端可以接收该JSON数据,并通过javascript技术遍历该JSON数据对第一HTML控件模型数据进行解析并显示。
例如,定义从服务器获取到的第一HTML控件模型数据记录集合为data=[{"titile":"菜单","type":"select","options":[{"value":"1","label":"选项一"},{"value":"1","label":"选项二"}]}],下拉框select标签在HTML中可以如下编写:
//遍历该data集合
<div v-for="item in data">
//判断标签名称
<div v-if="item.type=='select'">
//对HTML控件添加自定义样式
<div style="float:right;width:60%;padding:10px;">
<Select style="width:150px;"@on-change="update">
//遍历下拉框中的菜单选项
<Option v-for="im in item.options":value="im.value">{{im.label}}<Option>
</Select></div></div></div>
因此,可以确定在该第一HTML控件模型数据中,title显示为HTML控件的名称,type为HTML控件的类型,options为下拉框的选项属性,因此,该客户端可以显示一个完整的下拉框。
例如,对于同类设备资源属性界面的模型内容。如表1所示,对于功能相近的设备,例如对于表1中的三路控制器和双路控制器,开发人员不用开发多套不一样的用户界面内容,而是可以选择同类设备的相同属性信息(固定属性信息)进行归类整理,只需要添加变化的部分(变化属性信息)即可,即开发人员可以开发一套模型,选择不同的变化属性信息,根据变化属性信息表示不同的设备。
表1
1 | 卧室三路L08&L10 | 三路控制器 |
2 | 勿扰灯&清洁灯 | 双路控制器 |
进一步地,请参阅图2、图3和图4,其中,图3为三路控制器开关的信息,图4为双路控制器开关的信息,其中,图3和图4所示的第一HTML控件模型的第一固定属性信息包括电器类型、电器型号、电器数量,即为“select”,第一HTML控件模型的第一变化属性信息包括选择框中的数据。开发人员定义“select”的含义,并添加对应的第一固定属性信息以及确定第一变化属性信息,即当用户选择三路控制器时,客户端的显示可以如图3所示,当用户选择双路控制器时,客户端的显示可以如图4所示,开发人员不用为每个开关设备进行单独的控件界面设置,即针对开关设备只需设计一套共用的模型界面,用户的操作界面根据不同的开关设备选择不同的第一变化属性信息即可,以减少开发人员的开发成本。
又例如,对于不同设备的相同资源属性的模型内容。请参阅图2、图5和图6,其中,图5为墙壁插座的资源属性界面,图6为网关的资源属性界面,即开发人员只需开发一套关于资源界面的模板,设定资源名称、资源图片等第一固定属性信息,用户可以在资源名称、资源图片等第一固定属性信息中进行选择,即定义第一变化属性信息,例如在资源名称中选择设备名称、在资源图像中选择设备图片等。如图5中,资源是墙壁插座的资源名称86暗盒开关,即调取对应的资源图片,如图6中,资源是网关的资源名称夜灯,即调取对应的资源图片。当有新设备导入时,开发人员只需定义该设备的第一固定属性信息,即定义该设备的资源名称、资源图片等,并更新设备的第一变化属性信息,而不用单独为该设备开发一套全新的信息显示界面,以通过定义的信息,直接生成与设备相匹配的资源属性界面,减少开发人员的开发成本。
本申请一个实施例提供的页面显示方法,客户端接收配置指令,其中基于该配置指令发送第一请求信息至服务器,服务器根据该第一请求信息获取并保存第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息,响应该第一请求信息,将第一HTML控件模型数据发送至客户端,客户端接收该第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
请参阅图7,图7示出了本申请又一个实施例提供的页面显示方法的流程示意图。该页面显示方法用于通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。在具体的实施例中,所述页面显示方法应用于如图11所示的页面显示装置400以及配置有所述页面显示装置400的电子终端(第一设备100,如图13)。电子终端可以是移动终端、电脑等。下面将针对图7所示的流程进行详细的阐述,所述页面显示方法具体可以包括以下步骤:
步骤S210:接收配置指令。
步骤S220:基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
步骤S230:接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据进行解析并显示。
其中,步骤S210-步骤S230的具体描述请参阅步骤S110-步骤S150,在此不再赘述。
本申请又一个实施例提供的页面显示方法,接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示该服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息和第一变化属性信息,接收第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
请参阅图8,图8示出了本申请再一个实施例提供的页面显示方法的流程示意图。该方法应用于上述电子终端,下面将针对图8所示的流程进行详细的阐述,所述页面显示方法具体可以包括以下步骤:
步骤S310:获取HTML页面模板,并对所述HTML页面模板中的第一HTML控件进行布局。
在本实施例中,客户端可以从服务器获取HTML页面模板,也可以从电子终端的本地读取HTML页面模板。其中,当客户端从服务器获取HTML页面模板时,该HTML页面模板可以预先由开发人员编写完成后上传至服务器,并在服务器保存,当服务器接收到客户端发送的用于指示获取HTML页面模板的请求时,响应该请求将HTML页面模板发送至客户端;当客户端从电子终端的本地读取HTML页面模板时,该HTML页面模板可以预先由开发人员编写完成后上传至服务器保存,并由电子终端预先从服务器下载后保存在电子终端的本地。
作为一种实施方式,客户端在获取到HTML页面模板时,可以识别该HTML页面模板中的第一HTML控件,第一HTML控件可以包括名称及属性信息,属性信息包括固定属性信息及变化属性信息,其中,该第一HTML控件可以为该HTML页面模板中的所有HTML控件,在获取该第一HTML控件后,可以对该第一HTML控件进行布局,例如,对第一HTML控件的显示位置进行布局等。
步骤S320:获取预先创建的第二HTML控件模型,对所述第二HTML控件模型进行解析,并基于所述第一HTML控件的布局在所述HTML页面模板上显示,所述第二HTML控件模型包括第二固定属性信息及第二变化属性信息。
进一步地,客户端可以从服务器获取预先创建的第二HTML控件模型,也可以从电子终端的本地读取预先创建的第二HTML控件模型,第二HTML控件模型包括第二固定属性信息及第二变化属性信息。同样的,当客户端从服务器获取预先创建的第二HTML控件模型时,该第二HTML控件模型可以预先由开发人员编写完成后上传至服务器,并在服务器保存,当服务器接收到客户端发送的用于指示获取第二HTML控件模型的请求时,响应该请求将第二HTML控件模型发送至客户端;当客户端从电子终端的本地读取预先创建的第二HTML控件模型时,该第二HTML控件模型可以预先由开发人员编写完成后上传至服务器保存,并由电子终端预先从服务器下载后保存在电子终端的本地。
作为一种实施方式,客户端在获取到第二HTML控件模型时,可以对第二HTML控件模型进行解析,例如,可以利用javascript对第二HTML控件模型进行解析,并基于该第一HTML控件的布局将解析结果在HTML页面模板上显示,达到web浏览器页面响应式显示,即可以实现对服务器发送至客户端的HTML控件模型数据进行动态显示。
步骤S330:接收配置指令。
步骤S340:基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
步骤S350:接收所述第一HTML控件模型数据,通过javascript技术对所述第一HTML控件模型数据进行解析并显示。
其中,步骤S330-步骤S350的具体描述请参阅步骤S110-步骤S150,在此不再赘述。
步骤S360:当接收到更新指令时,响应所述更新指令发送第二请求信息至所述服务器,所述第二请求信息用于指示所述服务器更新所述第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。
作为一种实施方式,用户在浏览基于第一HTML控件模型数据形成的显示页面的过程中,如果有浏览需求的变更时,可以在客户端触发更新指令,其中,该更新指令可以在检测到用户输入的包括第二条件的语音信息时生成、可以在检测到用户输入的包括第二条件的文本信息时生成、也可以在检测到用户选择的包括第二条件的选择信息时生成,在此不做限定。在本实施例中,当客户端接收到更新指令时,可以响应该更新指令生成第二请求信息,可以理解的,此时,该第二请求信息至少携带有更新指令(可以包括第二条件),然后通过无线网络或数据网络将第二请求信息发送至服务器。
进一步地,服务器在接收到该第二请求信息时,可以基于该第二请求信息中的第二条件,将第一HTML控件模型数据更新为第二HTML控件模型数据并反馈至客户端,其中,该第二HTML控件模型数据可以包括预先创建的第二HTML控件模型,该第二HTML控件模型包括第二固定属性信息及第二变化属性信息,其中,该第一固定属性信息和第二固定属性信息可以相同。可以理解的,服务器在接收到第二请求信息后,可以获取到该第二请求信息中携带的第二条件,然后通过将第一HTML控件模型数据中第一变化属性信息进行更改,获得第二变化属性信息,然后基于第二固定属性信息和第二变化属性信息,获得第二HTML控件模型数据并反馈。
作为一种可实施的方式,服务器在接收到第二请求信息时,可以获取该第二请求信息所携带的第二条件,然后将第二条件发送至开发人员对应的开发设备,以指示开发人员将第一HTML控件模型数据更新为第二HTML控件模型数据,可以理解的,开发人员只需要在已创建的第一HTML控件模型对第一变化属性信息进行更新或修改,即可获得第二HTML控件模型数据,可以有效地减少开发人员的开发成本。
例如,假设需求进行变更,从需要展示一个菜单变更为需要展示两个菜单,只需要将数据库中的模型记录修改为:[{"titile":"菜单一","type":"select","options":[{"value":"1","label":"选项一"},{"value":"1","label":"选项二"}]},{"titile":"菜单二","type":"select","options":[{"value":"1","label":"选项一"},{"value":"1","label":"选项二"}]}],而无需在对编写好的HTML页面进行修改,多个下拉框同理。当然还可以根据类似的操作方法,添加其他的HTML控件。
可以理解的是,客户端还可以基于用户触发的更新指令,从服务器获取其他更多的HTML控件模型数据,在本实施例中,不以HTML控件模型数据的个数为限制。例如,当用户触发的更新指令包括第三条件时,客户端可以从服务器获取第三HTML控件模型数据,其中,该第三HTML控件模型数据包括预先创建的第三HTML控件模型,所述第三HTML控件模型包括第三固定属性信息及第三变化属性信息;再例如,当用户触发的更新指令包括第四条件时,客户端可以从服务器获取第四HTML控件模型数据,其中,该第四HTML控件模型数据包括预先创建的第四HTML控件模型,所述第四HTML控件模型包括第四固定属性信息及第四变化属性信息,在此不再赘述。
本申请再一个实施例提供的页面显示方法,获取HTML页面模板,并对该HTML页面模板中的第一HTML控件进行布局,获取预先创建的第二HTML控件模型,对该第二HTML控件模型进行解析,并基于该第一HTML控件的布局在HTML页面模板上显示。接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,接收该第一HTML控件模型数据,通过javascript技术对该第一HTML控件模型数据进行解析并显示。当接收到更新指令时,响应该更新指令发送第二请求信息至服务器,该第二请求信息用于指示服务器更新第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。相较于图3所示的页面显示方法,本实施例还利用javascript解析模型数据,不需要提前编译页面,并且在页面需求变更时,可以根据模型数据动态显示变更数据,无需更改页面代码,可以有效减少开发成本。
请参阅图9,图9示出了本申请另一个实施例提供的页面显示方法的流程示意图。该方法应用于上述电子终端,下面将针对图9所示的流程进行详细的阐述,所述页面显示方法具体可以包括以下步骤:
步骤S410:获取并显示HTML自定义页面。
在本实施例中,客户端可以从服务器获取HTML自定义页面并显示,也可以从电子终端的本地读取该HTML自定义页面并显示。其中,当客户端从服务器获取HTML自定义页面时,该HTML自定义页面可以预先由开发人员编写完成后上传至服务器,并在服务器保存,当服务器接收到客户端发送的用于指示获取HTML自定义页面的请求时,响应该请求将HTML自定义页面发送至客户端;当客户端从电子终端的本地读取HTML自定义页面时,该HTML自定义页面可以预先由开发人员编写完成后上传至服务器保存,并由电子终端预先从服务器下载后保存在电子终端的本地。
步骤S420:当检测到作用于所述HTML自定义页面的配置操作时,响应所述配置操作对所述HTML自定义页面中的第二HTML控件进行布局。
进一步地,客户端在显示HTML自定义页面时,对作用于该HTML自定义页面上的操作进行监测,当检测到该操作为对HTML自定义页面的配置操作时,可以响应该配置操作,获取HTML自定义页面中的第二HTML控件,并对该第二HTML控件进行布局,例如,对第二HTML控件的显示位置进行布局等,从而满足用户的定制化风格页面,提升用户体验。
步骤S430:获取预先创建的第三HTML控件模型,对所述第三HTML控件模型进行解析,并基于所述第二HTML控件的布局在所述HTML自定义页面上显示,所述第三HTML控件模型包括第三固定属性信息及第三变化属性信息。
进一步地,服务器可以从服务器获取预先创建的第三HTML控件模型,也可以从电子终端的本地读取预先创建的第三HTML控件模型,所述第三HTML控件模型包括第三固定属性信息及第三变化属性信息。同样的,当客户端从服务器获取预先创建的第三HTML控件模型时,该第三HTML控件模型可以预先由开发人员编写完成后上传至服务器,并在服务器保存,当服务器接收到客户端发送的用于指示获取第三HTML控件模型的请求时,响应该请求将第三HTML控件模型发送至客户端;当客户端从电子终端的本地读取预先创建的第三HTML控件模型时,该第三HTML控件模型可以预先由开发人员编写完成后上传至服务器保存,并由电子终端预先从服务器下载后保存在电子终端的本地。
作为一种实施方式,客户端在获取到第三HTML控件模型时,可以对第三HTML控件模型进行解析,例如,可以利用javascript对第三HTML控件模型进行解析,并基于该第二HTML控件的布局将解析结果在HTML页面模板上显示,达到web浏览器页面响应式显示,即可以实现对服务器发送至客户端的HTML控件模型数据进行动态显示。
步骤S440:接收配置指令。
步骤S450:基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
步骤S460:接收所述第一HTML控件模型数据,通过javascript技术对所述第一HTML控件模型数据进行解析并显示。
其中,步骤S440-步骤S460的具体描述请参阅步骤S110-步骤S150,在此不再赘述。
步骤S470:当接收到更新指令时,响应所述更新指令发送第二请求信息至所述服务器,所述第二请求信息用于指示所述服务器更新所述第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。
其中,步骤S470的具体描述请参阅步骤S360,在此不再赘述。
本申请另一个实施例提供的页面显示方法,获取并显示HTML自定义页面,当检测到作用于该HTML自定义页面的配置操作时,响应该配置操作对该HTML自定义页面的第二HTML控件进行布局,获取预先创建的第三HTML控件模型,对该第三HTML控件模型进行解析,并基于该第二HTML控件的布局在HTML自定义页面上显示。接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,接收该第一HTML控件模型数据,通过javascript技术对该第一HTML控件模型数据进行解析并显示。当接收到更新指令时,响应该更新指令发送第二请求信息至服务器,该第二请求信息用于指示服务器更新第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。相较于图8所示的页面显示方法,本实施例还提供HTML自定义页面供用户手动布局,提升用户体验。
请参阅图10,图10示出了本申请又再一个实施例提供的页面显示方法的流程示意图。该页面显示方法用于通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。在具体的实施例中,所述页面显示方法应用于如图12所示的页面显示装置500以及配置有所述页面显示装置500的服务器200(图14)。下面将针对图10所示的流程进行详细的阐述,所述页面显示方法具体可以包括以下步骤:
步骤S510:接收客户端发送的第一请求信息。
步骤S520:根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
步骤S530:响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据进行解析并显示。
其中,步骤S510-步骤S530的具体描述请参阅步骤S110-步骤S150,在此不再赘述。
此外,需要说明的是,该第一HTML控件模型、第二HTML控件模型、第三HTML控件模型以及第四HTML控件模型中的“第一”、“第二”“第三”以及“第四”可以仅用于区分描述,并不限定第一HTML控件模型、第二HTML控件模型不同、第三HTML控件模型以及第四HTML控件模型不同,即该第一HTML控件模型、第二HTML控件模型、第三HTML控件模型以及第四HTML控件模型可以为开发人员预先创建的同一HTML控件模型。
本申请又再一个实施例提供的页面显示方法,接收客户端发送的第一请求信息,根据该第一请求信息获取并保存第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,响应该第一请求信息,将该第一HTML控件模型数据发送至客户端,该第一HTML控件模型数据用于指示客户端对该第一HTML控件模型进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
请参阅图11,图11示出了本申请一个实施例提供的页面显示装置400的模块框图。该页面显示装置400应用于上述电子终端,下面将针对图11所示的框图进行阐述,所述页面显示装置400包括:接收模块410、发送模块420以及解析模块430,其中:
接收模块410,用于接收配置指令。
发送模块420,用于基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
解析模型430,用于接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据进行解析并显示。进一步地,所述解析模块430包括:解析子模块,其中:
解析子模块,用于通过javascript技术对所述第一HTML控件模型数据进行解析并显示。进一步地,所述第一HTML控件模型数据以JSON数据格式保存在所述服务器,所述解析子模块包括:解析单元,其中:
解析单元,用于接收JSON数据,通过所述javascript技术遍历所述JSON数据对所述第一HTML控件模型数据进行解析并显示。
进一步地,所述页面显示装置400还包括:第一布局模块、第一显示模块、页面获取模块、第二布局模块、第二显示模块以及数据更新模块,其中:
第一布局模块,用于获取HTML页面模板,并对所述HTML页面模板中的第一HTML控件进行布局。
第一显示模块,用于获取预先创建的第二HTML控件模型,对所述第二HTML控件模型进行解析,并基于所述第一HTML控件的布局在所述HTML页面模板上显示,所述第二HTML控件模型包括第二固定属性信息及第二变化属性信息。
页面获取模块,用于获取并显示HTML自定义页面。
第二布局模块,用于当检测到作用于所述HTML自定义页面的配置操作时,响应所述配置操作对所述HTML自定义页面中的第二HTML控件进行布局。
第二显示模块,用于获取预先创建的第三HTML控件模型,对所述第三HTML控件模型进行解析,并基于所述第二HTML控件的布局在所述HTML自定义页面上显示,所述第三HTML控件模型包括第三固定属性信息及第三变化属性信息。
数据更新模块,用于当接收到更新指令时,响应所述更新指令发送第二请求信息至所述服务器,所述第二请求信息用于指示所述服务器更新所述第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。
本申请一个实施例提供的页面显示装置,接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示该服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,接收第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
本申请实施例提供的页面显示装置能够实现图3到图9的方法实施例所实现的各个过程,为避免重复,对于其中的详细内容这里不再赘述,对应的详细内容可以参见前述的方法实施例。
请参阅图12,图12示出了本申请又一个实施例提供的页面显示装置500的模块框图。该页面显示装置500应用于上述服务器,下面将针对图12所示的框图进行阐述,所述页面显示装置500包括:接收模块510、获取模块520以及发送模块530,其中:
接收模块510,用于接收客户端发送的第一请求信息。
获取模块520,用于根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及第一变化属性信息。
发送模块530,用于响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据进行解析并显示。
本申请又一个实施例提供的页面显示装置,接收客户端发送的第一请求信息,根据该第一请求信息获取并保存第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,响应该第一请求信息,将该第一HTML控件模型数据发送至客户端,该第一HTML控件模型数据用于指示客户端对该第一HTML控件模型进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
本申请实施例提供的页面显示装置能够实现图10的方法实施例所实现的各个过程,为避免重复,对于其中的详细内容这里不再赘述,对应的详细内容可以参见前述的方法实施例。
图13为实现本申请各个实施例的一种电子终端(第一设备)的硬件结构示意图。
该电子终端100包括但不限于:射频单元101、网络模块102、音频输出单元103、输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图13中示出的电子终端结构并不构成对电子终端的限定,移动终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。在本申请实施例中,电子终端包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载电子终端、可穿戴设备、以及计步器等。
其中,处理器110,用于接收配置指令,基于该配置指令发送第一请求信息至服务器,该第一请求信息用于指示该服务器反馈第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,接收第一HTML控件模型数据,对第一HTML控件模型数据进行解析并显示。
应理解的是,本申请实施例中,射频单元101可用于收发信息或通话过程中,信号的接收和发送,具体的,将来自基站的下行数据接收后,给处理器110处理;另外,将上行的数据发送给基站。通常,射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元101还可以通过无线通信***与网络和其他设备通信。
电子终端100通过网络模块102为用户提供了无线的宽带互联网访问,如帮助用户收发电子邮件、浏览网页和访问流式媒体等。
音频输出单元103可以将射频单元101或网络模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元103还可以提供与电子终端100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元103包括扬声器、蜂鸣器以及受话器等。
输入单元104用于接收音频或视频信号。输入单元104可以包括图形处理器(GraphicsProcessingUnit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或网络模块102进行发送。麦克风1042可以接收声音,并且能够将这样的声音处理为音频数据。处理后的音频数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。
电子终端100还包括至少一种传感器105,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度,接近传感器可在电子终端100移动到耳边时,关闭显示面板1061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别电子终端姿态(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;传感器105还可以包括指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等,在此不再赘述。
显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061,可以采用液晶显示器(LiquidCrystalDisplay,LCD)、有机发光二极管(OrganicLight-EmittingDiode,OLED)等形式来配置显示面板1061。
用户输入单元107可用于接收输入的数字或字符信息,以及产生与电子终端100的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元107包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作)。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器110,接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071,用户输入单元107还可以包括其他输入设备1072。具体地,其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。
进一步的,触控面板1071可覆盖在显示面板1061上,当触控面板1071检测到在其上或附近的触摸操作后,传送给处理器110以确定触摸事件的类型,随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中,触控面板1071与显示面板1061是作为两个独立的部件来实现电子终端的输入和输出功能,但是在某些实施例中,可以将触控面板1071与显示面板1061集成而实现电子终端的输入和输出功能,具体此处不做限定。
接口单元108为外部装置与电子终端100连接的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到电子终端100内的一个或多个元件或者可以用于在电子终端100和外部装置之间传输数据。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器109可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器110是电子终端的控制中心,利用各种接口和线路连接整个电子终端的各个部分,通过运行或执行存储在存储器109内的软件程序和/或模块,以及调用存储在存储器109内的数据,执行电子终端的各种功能和处理数据,从而对电子终端进行整体监控。处理器110可包括一个或多个处理单元;优选的,处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作***、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
电子终端100还可以包括给各个部件供电的电源111(比如电池),优选的,电源111可以通过电源管理***与处理器110逻辑相连,从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。
另外,电子终端100包括一些未示出的功能模块,在此不再赘述。
本申请实施例还提供一种电子终端100,包括处理器110,存储器109,存储在存储器109上并可在所述处理器110上运行的计算机程序,该计算机程序被处理器110执行时实现上述页面显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本申请实施例提供了一种云服务器,该云服务器包括处理器和存储器,该存储器中存储有至少一条指令、至少一段程序、代码集或指令集,该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的页面显示方法。
存储器可用于存储软件程序以及模块,处理器通过运行存储在存储器的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、功能所需的应用程序等;存储数据区可存储根据所述设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器还可以包括存储器控制器,以提供处理器对存储器的访问。
图14是本申请实施例提供的一种可以实施上述页面显示方法的云服务器的硬件结构框图。如图14所示,该云服务器1100(服务器200)可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器(ProcessingUnits,CPU)1110(处理器1110可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器1130,一个或一个以上存储应用程序1123或数据1122的存储介质1120(例如一个或一个以上海量存储设备)。其中,存储器1130和存储介质1120可以是短暂存储或持久存储。存储在存储介质1120的程序可以包括一个或一个以上模块,每个模块可以包括对服务器中的一系列指令操作。更进一步地,处理器1110可以设置为与存储介质1120通信,在云服务器1100上执行存储介质1120中的一系列指令操作。云服务器1100还可以包括一个或一个以上电源1160,一个或一个以上有线或无线网络接口1150,一个或一个以上输入输出接口1140,和/或,一个或一个以上操作***1121,例如WindowsServerTM,MacOSXTM,UnixTM,LinuxTM,FreeBSDTM等等。
输入输出接口1140可以用于经由一个网络接收或者发送数据。上述的网络具体实例可包括云服务器1100的通信供应商提供的无线网络。在一个实例中,输入输出接口1140包括一个网络适配器(NetworkInterfaceController,NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,输入输出接口1140可以为射频(RadioFrequency,RF)模块,其用于通过无线方式与互联网进行通讯。
本领域普通技术人员可以理解,图14所示的结构仅为示意,其并不对上述电子设备的结构造成限定。例如,云服务器1100还可包括比图14中所示更多或者更少的组件,或者具有与图14所示不同的配置。
本申请实施例提供的服务器,接收客户端发送的第一请求信息,根据该第一请求信息获取并保存第一HTML控件模型数据,其中,该第一HTML控件模型数据包括预先创建的第一HTML控件模型,该第一HTML控件模型包括第一固定属性信息及第一变化属性信息,响应该第一请求信息,将该第一HTML控件模型数据发送至客户端,该第一HTML控件模型数据用于指示客户端对该第一HTML控件模型进行解析并显示,从而通过预先创建HTML控件模型,并根据业务需求定义HTML控件模型的属性信息,减少开发和运维成本,提升用户体验。
本申请实施例还提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述组件页面显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。其中,所述的计算机可读存储介质,如只读存储器(Read-OnlyMemory,简称ROM)、随机存取存储器(RandomAccessMemory,简称RAM)、磁碟或者光盘等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件设备的形式体现出来,该计算机软件设备存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。
Claims (11)
1.一种页面显示方法,其特征在于,所述方法包括:
接收针对首次访问的空白页面所对应的配置指令,所述配置指令包括针对HTML控件的变化属性进行自定义配置的第一条件;
基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器根据所述第一条件反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及基于所述第一条件定义的第一变化属性信息;
接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据中的所述第一固定属性信息和所述第一变化属性信息进行解析,得到自定义配置的控件页面并显示。
2.根据权利要求1所述的方法,其特征在于,所述接收配置指令之前,还包括:
获取HTML页面模板,并对所述HTML页面模板中的第一HTML控件进行布局;
获取预先创建的第二HTML控件模型,对所述第二HTML控件模型进行解析,并基于所述第一HTML控件的布局在所述HTML页面模板上显示,所述第二HTML控件模型包括第二固定属性信息及第二变化属性信息。
3.根据权利要求1所述的方法,其特征在于,所述接收配置指令之前,还包括:
获取并显示HTML自定义页面;
当检测到作用于所述HTML自定义页面的配置操作时,响应所述配置操作对所述HTML自定义页面中的第二HTML控件进行布局;
获取预先创建的第三HTML控件模型,对所述第三HTML控件模型进行解析,并基于所述第二HTML控件的布局在所述HTML自定义页面上显示,所述第三HTML控件模型包括第三固定属性信息及第三变化属性信息。
4.根据权利要求1所述的方法,其特征在于,所述对所述第一HTML控件模型数据进行解析并显示,包括:
通过javascript技术对所述第一HTML控件模型数据进行解析并显示。
5.根据权利要求4所述的方法,其特征在于,所述第一HTML控件模型数据以JSON数据格式保存在所述服务器,所述通过javascript技术对所述第一HTML控件模型数据进行解析并显示,包括:
接收JSON数据,通过所述javascript技术遍历所述JSON数据对所述第一HTML控件模型数据进行解析并显示。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述方法还包括:
当接收到更新指令时,响应所述更新指令发送第二请求信息至所述服务器,所述第二请求信息用于指示所述服务器更新所述第一HTML控件模型数据,获得第二HTML控件模型数据并反馈。
7.一种页面显示方法,其特征在于,所述方法包括:
接收客户端发送的第一请求信息,其中,所述第一请求信息携带有配置指令,所述配置指令为针对首次访问空白页面进行配置的指令,所述配置指令包括针对HTML控件的变化属性进行自定义配置的第一条件;
根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及基于所述第一条件定义的第一变化属性信息;
响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据中的所述第一固定属性信息和所述第一变化属性信息进行解析,得到自定义配置的控件页面并显示。
8.一种页面显示装置,其特征在于,所述装置包括:
接收模块,用于接收针对首次访问的空白页面所对应的配置指令,所述配置指令包括针对HTML控件的变化属性进行自定义配置的第一条件;
发送模块,用于基于所述配置指令发送第一请求信息至服务器,所述第一请求信息用于指示所述服务器根据所述第一条件反馈第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及基于所述第一条件定义的第一变化属性信息;
解析模型,用于接收所述第一HTML控件模型数据,对所述第一HTML控件模型数据中的所述第一固定属性信息和所述第一变化属性信息进行解析,得到自定义配置的控件页面并显示。
9.一种页面显示装置,其特征在于,所述装置包括:
接收模块,用于接收客户端发送的第一请求信息,其中,所述第一请求信息携带有配置指令,所述配置指令为针对首次访问空白页面进行配置的指令,所述配置指令包括针对HTML控件的变化属性进行自定义配置的第一条件;
获取模块,用于根据所述第一请求信息获取并保存第一HTML控件模型数据,其中,所述第一HTML控件模型数据包括预先创建的第一HTML控件模型,所述第一HTML控件模型包括第一固定属性信息及基于所述第一条件定义的第一变化属性信息;
发送模块,用于响应所述第一请求信息,将所述第一HTML控件模型数据发送至所述客户端,所述第一HTML控件模型数据用于指示所述客户端对所述第一HTML控件模型数据中的所述第一固定属性信息和所述第一变化属性信息进行解析,得到自定义配置的控件页面并显示。
10.一种电子设备,其特征在于,包括:
存储器;
一个或多个处理器,与所述存储器耦接;
一个或多个程序,其中,所述一个或多个程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于执行如权利要求1-7任一项所述的方法。
11.一种计算机可读取存储介质,其特征在于,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910517521.7A CN110399583B (zh) | 2019-06-14 | 2019-06-14 | 页面显示方法、装置、电子设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910517521.7A CN110399583B (zh) | 2019-06-14 | 2019-06-14 | 页面显示方法、装置、电子设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110399583A CN110399583A (zh) | 2019-11-01 |
CN110399583B true CN110399583B (zh) | 2022-04-19 |
Family
ID=68323235
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910517521.7A Active CN110399583B (zh) | 2019-06-14 | 2019-06-14 | 页面显示方法、装置、电子设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110399583B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111752921A (zh) * | 2020-06-23 | 2020-10-09 | 广西壮族自治区农业科学院农业科技信息研究所 | 一种种质资源信息管理*** |
CN114462366A (zh) * | 2020-10-21 | 2022-05-10 | 腾讯科技(深圳)有限公司 | 模板配置信息处理方法、装置、***、电子设备及介质 |
CN112506589A (zh) * | 2020-12-07 | 2021-03-16 | 东莞市盟大塑化科技有限公司 | 一种数据请求方法、模块、设备及存储介质 |
CN112330308B (zh) * | 2021-01-05 | 2021-04-16 | 广州互联网法院 | 案件审理***、方法及电子设备 |
CN113342417A (zh) * | 2021-06-15 | 2021-09-03 | 京东数科海益信息科技有限公司 | 插件配置方法、装置和设备 |
CN113253996B (zh) * | 2021-06-23 | 2021-12-21 | 北京泰迪熊移动科技有限公司 | 一种卡片构建方法、电子设备、服务器及存储介质 |
CN114153516B (zh) * | 2021-10-18 | 2022-12-09 | 深圳追一科技有限公司 | 数字人显示面板配置方法、装置、电子设备及存储介质 |
CN117901887A (zh) * | 2024-01-30 | 2024-04-19 | 重庆赛力斯凤凰智创科技有限公司 | 车控控件显示方法、装置、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108256124A (zh) * | 2018-02-26 | 2018-07-06 | 成都步速者科技股份有限公司 | 网站建立方法、装置、服务器及存储介质 |
CN108363576A (zh) * | 2018-02-26 | 2018-08-03 | 成都步速者科技股份有限公司 | 互动实现方法、装置、服务器及存储介质 |
CN109582304A (zh) * | 2017-09-28 | 2019-04-05 | 北京迪文科技有限公司 | 一种基于人机交互***的ui控件生成方法及装置 |
CN109614101A (zh) * | 2018-11-12 | 2019-04-12 | 深圳和而泰数据资源与云技术有限公司 | 页面生成方法、***、装置、计算机设备及存储介质 |
-
2019
- 2019-06-14 CN CN201910517521.7A patent/CN110399583B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109582304A (zh) * | 2017-09-28 | 2019-04-05 | 北京迪文科技有限公司 | 一种基于人机交互***的ui控件生成方法及装置 |
CN108256124A (zh) * | 2018-02-26 | 2018-07-06 | 成都步速者科技股份有限公司 | 网站建立方法、装置、服务器及存储介质 |
CN108363576A (zh) * | 2018-02-26 | 2018-08-03 | 成都步速者科技股份有限公司 | 互动实现方法、装置、服务器及存储介质 |
CN109614101A (zh) * | 2018-11-12 | 2019-04-12 | 深圳和而泰数据资源与云技术有限公司 | 页面生成方法、***、装置、计算机设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN110399583A (zh) | 2019-11-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110399583B (zh) | 页面显示方法、装置、电子设备以及存储介质 | |
CN110795666B (zh) | 一种网页生成方法、装置、终端及存储介质 | |
CN111178012A (zh) | 一种表单渲染方法、装置、设备及存储介质 | |
CN107247691B (zh) | 一种文本信息的显示方法、装置、移动终端及存储介质 | |
CN105867751B (zh) | 操作信息处理方法和装置 | |
KR20180094088A (ko) | 그래픽 코드 디스플레이 방법 및 장치 | |
CN108039963B (zh) | 一种容器配置方法、装置及存储介质 | |
CN109947650B (zh) | 脚本步骤处理方法、装置和*** | |
CN105975190B (zh) | 一种图形界面的处理方法、装置及*** | |
CN106780684B (zh) | 一种动画效果实现方法及装置 | |
CN110865758B (zh) | 一种显示方法及电子设备 | |
WO2017084452A1 (zh) | 图形界面中标签页的处理方法和装置 | |
CN112882772B (zh) | 移动终端应用界面的配置方法、移动终端及存储介质 | |
CN107666406B (zh) | 智能卡片显示方法及装置 | |
CN109739402B (zh) | 快应用处理方法及终端设备 | |
CN111124412B (zh) | 一种游戏页面绘制方法、装置、设备及存储介质 | |
CN105373534B (zh) | 列表展示方法、装置及列表展示端 | |
CN108073647B (zh) | 网页显示方法及装置 | |
CN111026350A (zh) | 一种显示控制方法及电子设备 | |
CN111127595A (zh) | 图像处理方法及电子设备 | |
CN113377469A (zh) | 移动应用的业务界面显示方法、装置、终端及存储介质 | |
CN109992337B (zh) | 网页页面展示方法、装置及存储介质 | |
CN111124709A (zh) | 一种文本处理方法及电子设备 | |
CN111090489A (zh) | 一种信息控制方法及电子设备 | |
CN113313804A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |