【技术实现步骤摘要】
本申请涉及计算机应用，尤其涉及一种页面展示方法、装置、电子设备及可读存储介质。
技术介绍
1、随着计算机技术的发展，各种应用能够为生产生活提供诸多遍历，为了提高用户体验，可以为应用提供多个样式，这样，可以在需要的时候，为应用改变样式，现有技术中，在应用的内部写入不同样式的代码，如web应用换肤，每套皮肤有对应的层叠样式表(css，cascading style sheets)，这些css样式需要提前在应用写在应用内部，导致应用的代码量较多，较为臃肿。
技术实现思路
1、有鉴于此，本申请实施例提供一种页面展示方法、装置、电子设备及可读存储介质，在兼顾前端页面样式的改变的同时，便于减少前端的代码。
2、第一方面，本申请实施例提供一种页面展示方法，应用于前端，包括：向后端发送业务请求，以使所述后端根据所述业务请求和第一预设规则，确定页面的目标样式，并向所述前端发送；接收所述后端发送的所述页面的目标样式；根据所述页面的目标样式，展示所述页面。
3、根据本申请实施例的一种具体实现方式，所述页面包括元件实例，所述元件实例归属于元件实例模板；所述元件实例模板包括一个或多个元件实例；所述元件实例模板对应页面的样式；所述向后端发送业务请求，以使所述后端根据所述业务请求和第一预设规则，确定页面的目标样式，包括：向后端发送所述页面所使用的当前元件实例模板的标识，以使所述后端根据所述当前元件实例模板的标识和第二预设规则，在预设的元件实例模板库中，确定具有所述当前元件实例模板的标识的
4、根据本申请实施例的一种具体实现方式，所述元件实例模板为预定格式的数据结构，所述预定格式的数据结构包括元件实例模板的标识、元件实例模板中各元件实例的属性及属性值；所述属性值对应页面样式；所述根据所述目标元件实例模板，展示所述页面，包括：使用所述目标元件实例模板中各个元件实例的属性值，更新所述当前元件实例模板中各元件实例的属性值；其中，所述目标元件实例模板中各个元件实例与所述当前元件实例模板中各个元件实例相同；所述目标元件实例模板中各个元件实例的属性与所述当前元件实例模板中各个元件实例的属性相同，所述目标元件实例模板中各个元件实例的属性对应的属性值与所述当前元件实例模板中各个元件实例的属性对应的属性值不同；根据更新后的所述当前元件实例模板，展示所述页面。
5、根据本申请实施例的一种具体实现方式，所述预定格式的数据结构还包括子元件实例、所述子元件实例的属性及属性值以及所述子元件实例与其所归属的元件实例的父子关系；其中，所述根据所述目标元件实例模板，展示所述页面，还包括：使用所述目标元件实例模板中各个元件实例的子元件实例的属性值，更新所述当前元件实例模板中各元件实例的子元件实例的属性值；其中，所述目标元件实例模板中的子元件实例与所述当前元件实例模板中子元件实例相同；所述目标元件实例模板中的子元件实例的属性与所述当前元件实例模板中子元件实例的属性相同，所述目标元件实例模板中子元件实例的属性对应的属性值与所述当前元件实例模板中子元件实例的属性对应的属性值不同。
6、根据本申请实施例的一种具体实现方式，在向后端发送业务请求之前，所述方法还包括：对预设的当前元件实例模板进行渲染，以使所述页面展示所述预设的当前元件实例模板对应的样式。
7、根据本申请实施例的一种具体实现方式，在对预设的当前元件实例模板进行渲染之前，所述方法还包括：使用格式转换工具，对预设的当前元件实例模板对应的预定格式的数据结构，进行格式转换，得到目标格式的数据；其中，对预设的当前元件实例模板进行渲染，包括：对所述目标格式的数据进行渲染。
8、根据本申请实施例的一种具体实现方式，所述预定格式的数据结构为json格式；所述目标格式为html格式。
9、第二方面，本申请实施例提供一种页面展示方法，应用于后端，包括：接收前端发送的业务请求；根据所述业务请求和第一预设规则，确定页面的目标样式；向所述前端发送所述页面的目标样式，以使所述前端根据所述页面的目标样式，展示所述页面。
10、根据本申请实施例的一种具体实现方式，所述页面包括元件实例，所述元件实例归属于元件实例模板；所述元件实例模板包括一个或多个元件实例；所述元件实例模板对应页面的样式；所述业务请求中包括页面所使用的当前元件实例模板的标识；其中，所述根据所述业务请求和第一预设规则，确定页面的目标样式，包括：根据所述当前元件实例模板的标识和第二预设规则，在预设的元件实例模板库中，确定具有所述当前元件实例模板的标识的目标元件实例模板；其中，所述向所述前端发送所述页面的目标样式，以使所述前端根据所述页面的目标样式，展示所述页面，包括：向所述前端发送所述目标元件实例模板，以使所述前端根据所述目标元件实例模板，展示所述页面。
11、根据本申请实施例的一种具体实现方式，所述元件实例模板为预定格式的数据结构，所述预定格式的数据结构包括元件实例模板的标识、元件实例模板中各元件实例的属性及属性值；所述属性值对应页面样式；所述根据所述当前元件实例模板的标识和第二预设规则，在预设的元件实例模板库中，确定具有所述当前元件实例模板的标识的目标元件实例模板，包括：根据所述当前元件实例模板的标识，在预设的元件实例模板库中，确定具有所述当前元件实例模板的标识的目标元件实例模板；其中，所述目标元件实例模板中各个元件实例与所述当前元件实例模板中各个元件实例相同；所述目标元件实例模板中各个元件实例的属性与所述当前元件实例模板中各个元件实例的属性相同，所述目标元件实例模板中各个元件实例的属性对应的属性值与所述当前元件实例模板中各个元件实例的属性对应的属性值不同。
12、根据本申请实施例的一种具体实现方式，所述预定格式的数据结构还包括子元件实例、所述子元件实例的属性及属性值以及所述子元件实例与其所归属的元件实例的父子关系；所述目标元件实例模板中的子元件实例与所述当前元件实例模板中子元件实例相同；所述目标元件实例模板中的子元件实例的属性与所述当前元件实例模板中子元件实例的属性相同，所述目标元件实例模板中子元件实例的属性对应的属性值与所述当前元件实例模板中子元件实例的属性对应的属性值不同。
13、根据本申请实施例的一种具体实现方式，所述根据所述当前元件实例模板的标识和第二预设规则，在预设的元件实例模板库中，确定具有所述当前元件实例模板的标识的目标元件实例模板，包括：根据所述当前元件实例模板的标识，在预设的元件实例模板库中，确定多个初始的目标元件实例模板；每个初始的目标元件实例模板的标识与所述业务请求中的所述当前元件实例模板的标识相同；根据预设的样式确定因素，在所述初始的目标元件实例模板中，确定最终的目标元件实例模板。
14、根据本申请实施例的一种具体实现方式，所述预设的样式确定因素包括：用户的属性、用户所处的环境和/或用户所使用业务的属本文档来自技高网...
【技术保护点】
1.一种页面展示方法，其特征在于，应用于前端，包括：
2.根据权利要求1所述的方法，其特征在于，所述页面包括元件实例，所述元件实例归属于元件实例模板；所述元件实例模板包括一个或多个元件实例；所述元件实例模板对应页面的样式；
3.根据权利要求2所述的方法，其特征在于，所述元件实例模板为预定格式的数据结构，所述预定格式的数据结构包括元件实例模板的标识、元件实例模板中各元件实例的属性及属性值；所述属性值对应页面样式；
4.根据权利要求3所述的方法，其特征在于，所述预定格式的数据结构还包括子元件实例、所述子元件实例的属性及属性值以及所述子元件实例与其所归属的元件实例的父子关系；
5.根据权利要求3所述的方法，其特征在于，在向后端发送业务请求之前，所述方法还包括：
6.根据权利要求5所述的方法，其特征在于，在对预设的当前元件实例模板进行渲染之前，所述方法还包括：
7.根据权利要求6所述的方法，其特征在于，所述预定格式的数据结构为JSON格式；所述目标格式为HTML格式。
8.一种页面展示方法，其特征在于，应
9.根据权利要求8所述的方法，其特征在于，所述页面包括元件实例，所述元件实例归属于元件实例模板；所述元件实例模板包括一个或多个元件实例；所述元件实例模板对应页面的样式；所述业务请求中包括页面所使用的当前元件实例模板的标识；
10.根据权利要求9所述的方法，其特征在于，所述元件实例模板为预定格式的数据结构，所述预定格式的数据结构包括元件实例模板的标识、元件实例模板中各元件实例的属性及属性值；所述属性值对应页面样式；
...【技术特征摘要】
1.一种页面展示方法，其特征在于，应用于前端，包括：
2.根据权利要求1所述的方法，其特征在于，所述页面包括元件实例，所述元件实例归属于元件实例模板；所述元件实例模板包括一个或多个元件实例；所述元件实例模板对应页面的样式；
3.根据权利要求2所述的方法，其特征在于，所述元件实例模板为预定格式的数据结构，所述预定格式的数据结构包括元件实例模板的标识、元件实例模板中各元件实例的属性及属性值；所述属性值对应页面样式；
4.根据权利要求3所述的方法，其特征在于，所述预定格式的数据结构还包括子元件实例、所述子元件实例的属性及属性值以及所述子元件实例与其所归属的元件实例的父子关系；
5.根据权利要求3所述的方法，其特征在于，在向后端发送业务请求之前，所述方法还包括：
6...
【专利技术属性】
技术研发人员：董凡东，毕迎迎，贾朝晖，
申请(专利权)人：鼎道智联北京科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。