[发明专利]一种组件展示方法、组件展示系统及存储介质

说明书

本发明提出了一种组件展示方法、组件展示系统及存储介质。其中，组件展示方法包括：接收组件上传请求，在组件上传请求中获取组件信息和显示信息；根据组件信息查找待上传组件，进行待上传组件的预览，将待上传组件进行显示以供用户选择；接收目标上传组件的信息，将目标上传组件按照显示信息上传至展示页面，生成页面发布路径。采用本发明的技术方案，能够集自定义、个性化、可配置、可视化功能于一体将组件进行展示，无需专业后台人员进行组件操作即可满足用户针对不同组件的个性化需求。

技术领域

本发明涉及计算机网络技术领域，具体而言，涉及一种组件展示方法、组件展示系统及存储介质。

背景技术

针对大屏产品的组件可视化领域，相关技术中，当用户需要搭建大屏产品的组件页面时，只能通过拥有一定可视化经验的开发人员进行搭建，而对于面向普通用户的平台研发不足，即普通用户基于此实现可视化需求十分困难，并且也不能通过非常友好的人机交互满足用户对可视化效果的需求。

发明内容

本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。

为此，本发明的一个方面在于提出了一种组件展示方法。

本发明的另一个方面在于提出了一种组件展示系统。

本发明的再一个方面在于提出了一种计算机可读存储介质。

有鉴于此，根据本发明的一个方面，提出了一种组件展示方法，包括：接收组件上传请求，在组件上传请求中获取组件信息和显示信息；根据组件信息查找待上传组件，进行待上传组件的预览，将待上传组件进行显示以供用户选择；接收目标上传组件的信息，将目标上传组件按照显示信息上传至展示页面，生成页面发布路径。

本发明提供的组件展示方法，接收用户的组件上传请求，该组件上传请求中包含组件信息和显示信息，显示信息可以为显示比例、大屏画布比例大小等，大屏即由多个屏幕拼接出来，例如由八块屏幕拼接、十块屏幕拼接等。根据组件信息查找用户需要上传的多个待上传组件并对待上传组件进行预览，也就是将待上传组件进行显示以供用户选择。进一步地，接收用户选择的目标上传组件，将该目标上传组件按照显示信息，即用户需要的显示形式，将目标上传组件展示在展示页面中，生成页面发布路径。采用本发明的技术方案，能够集自定义、个性化、可配置、可视化功能于一体将组件进行展示，无需后台开发人员进行组件操作即可满足用户针对不同组件的个性化需求。

根据本发明的上述组件展示方法，还可以具有以下技术特征：

在上述技术方案中，优选地，还包括：当存在多个目标上传组件时，将多个目标上传组件进行打包，并将打包后的多个目标上传组件上传至展示页面。

在该技术方案中，使用webpack打包技术，实现组件的定制化打包，其中webpack打包技术为Javascript应用程序的模块打包器。例如，在用户需要文件加密时，将多个组件打包为一个文件，避免业务逻辑暴露。将多个组件进行打包也可以减小文件大小，降低占用空间。

在上述任一技术方案中，优选地，还包括：接收主题变更请求，按照主题变更请求中的变更信息对目标上传组件和/或展示页面进行更新。

在该技术方案中，引入sass将组件或页面的颜色、样式等统一抽离，其中sass为CSS(Cascading Style Sheets，层叠样式表)扩展语言，实现了组件和展示页面一键换肤功能，能够将组件和展示页面的颜色信息、样式信息、亮度信息等按照用户需求进行更改。

在上述任一技术方案中，优选地，还包括：对待上传组件进行全局化注册。

在该技术方案中，通过对组件进行全局化注册，使组件可在展示页面上使用，使得对某一组件有需求的不同用户均可对该组件进行操作。例如，用户在需要某一组件时，可输入组件名称，组件处于本地缓存数据中，通过组件名称为用户匹配组件，可方便多用户协作开发。