[發(fā)明專利]一種組件展示方法、組件展示系統(tǒng)及存儲介質

在審

• 申請?zhí)枺?/td>: 201910057732.7
• 申請日: 2019-01-22
• 公開（公告）號: CN111459476A
• 公開（公告）日: 2020-07-28
• 發(fā)明（設計）人: 楊彬
• 申請（專利權）人: 北大方正集團有限公司;北京北大方正電子有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/451
• 代理公司: 北京友聯(lián)知識產權代理事務所(普通合伙) 11343
• 代理人: 尚志峰;汪海屏

本發(fā)明提出了一種組件展示方法、組件展示系統(tǒng)及存儲介質。其中，組件展示方法包括：接收組件上傳請求，在組件上傳請求中獲取組件信息和顯示信息；根據(jù)組件信息查找待上傳組件，進行待上傳組件的預覽，將待上傳組件進行顯示以供用戶選擇；接收目標上傳組件的信息，將目標上傳組件按照顯示信息上傳至展示頁面，生成頁面發(fā)布路徑。采用本發(fā)明的技術方案，能夠集自定義、個性化、可配置、可視化功能于一體將組件進行展示，無需專業(yè)后臺人員進行組件操作即可滿足用戶針對不同組件的個性化需求。

技術領域

本發(fā)明涉及計算機網(wǎng)絡技術領域，具體而言，涉及一種組件展示方法、組件展示系統(tǒng)及存儲介質。

背景技術

針對大屏產品的組件可視化領域，相關技術中，當用戶需要搭建大屏產品的組件頁面時，只能通過擁有一定可視化經(jīng)驗的開發(fā)人員進行搭建，而對于面向普通用戶的平臺研發(fā)不足，即普通用戶基于此實現(xiàn)可視化需求十分困難，并且也不能通過非常友好的人機交互滿足用戶對可視化效果的需求。

發(fā)明內容

本發(fā)明旨在至少解決現(xiàn)有技術或相關技術中存在的技術問題之一。

為此，本發(fā)明的一個方面在于提出了一種組件展示方法。

本發(fā)明的另一個方面在于提出了一種組件展示系統(tǒng)。

本發(fā)明的再一個方面在于提出了一種計算機可讀存儲介質。

有鑒于此，根據(jù)本發(fā)明的一個方面，提出了一種組件展示方法，包括：接收組件上傳請求，在組件上傳請求中獲取組件信息和顯示信息；根據(jù)組件信息查找待上傳組件，進行待上傳組件的預覽，將待上傳組件進行顯示以供用戶選擇；接收目標上傳組件的信息，將目標上傳組件按照顯示信息上傳至展示頁面，生成頁面發(fā)布路徑。

本發(fā)明提供的組件展示方法，接收用戶的組件上傳請求，該組件上傳請求中包含組件信息和顯示信息，顯示信息可以為顯示比例、大屏畫布比例大小等，大屏即由多個屏幕拼接出來，例如由八塊屏幕拼接、十塊屏幕拼接等。根據(jù)組件信息查找用戶需要上傳的多個待上傳組件并對待上傳組件進行預覽，也就是將待上傳組件進行顯示以供用戶選擇。進一步地，接收用戶選擇的目標上傳組件，將該目標上傳組件按照顯示信息，即用戶需要的顯示形式，將目標上傳組件展示在展示頁面中，生成頁面發(fā)布路徑。采用本發(fā)明的技術方案，能夠集自定義、個性化、可配置、可視化功能于一體將組件進行展示，無需后臺開發(fā)人員進行組件操作即可滿足用戶針對不同組件的個性化需求。

根據(jù)本發(fā)明的上述組件展示方法，還可以具有以下技術特征：

在上述技術方案中，優(yōu)選地，還包括：當存在多個目標上傳組件時，將多個目標上傳組件進行打包，并將打包后的多個目標上傳組件上傳至展示頁面。

在該技術方案中，使用webpack打包技術，實現(xiàn)組件的定制化打包，其中webpack打包技術為Javascript應用程序的模塊打包器。例如，在用戶需要文件加密時，將多個組件打包為一個文件，避免業(yè)務邏輯暴露。將多個組件進行打包也可以減小文件大小，降低占用空間。

在上述任一技術方案中，優(yōu)選地，還包括：接收主題變更請求，按照主題變更請求中的變更信息對目標上傳組件和/或展示頁面進行更新。

在該技術方案中，引入sass將組件或頁面的顏色、樣式等統(tǒng)一抽離，其中sass為CSS(Cascading Style Sheets，層疊樣式表)擴展語言，實現(xiàn)了組件和展示頁面一鍵換膚功能，能夠將組件和展示頁面的顏色信息、樣式信息、亮度信息等按照用戶需求進行更改。

在上述任一技術方案中，優(yōu)選地，還包括：對待上傳組件進行全局化注冊。

在該技術方案中，通過對組件進行全局化注冊，使組件可在展示頁面上使用，使得對某一組件有需求的不同用戶均可對該組件進行操作。例如，用戶在需要某一組件時，可輸入組件名稱，組件處于本地緩存數(shù)據(jù)中，通過組件名稱為用戶匹配組件，可方便多用戶協(xié)作開發(fā)。