[發(fā)明專利]基于Vue實(shí)現(xiàn)電視Launcher系統(tǒng)web端預(yù)覽組件的方法

有效

• 申請?zhí)枺?/td>: 202110571106.7
• 申請日: 2021-05-25
• 公開（公告）號: CN113242471B
• 公開（公告）日: 2022-07-12
• 發(fā)明（設(shè)計）人: 黃睿蔥;彭一亮;曾輝;鄧文科;宋艦;龍杰
• 申請（專利權(quán)）人: 四川虹魔方網(wǎng)絡(luò)科技有限公司
• 主分類號: H04N21/4782
• 分類號: H04N21/4782;H04N21/443
• 代理公司: 四川省成都市天策商標(biāo)專利事務(wù)所(有限合伙) 51213
• 代理人: 張秀敏

本發(fā)明公開了一種基于Vue實(shí)現(xiàn)電視Launcher系統(tǒng)web端預(yù)覽組件的方法，包括設(shè)計組件庫；新建后臺服務(wù)；新建三層結(jié)構(gòu)的虛擬Launcher，外部使用vue的v?bind向虛擬Launcher傳輸數(shù)據(jù)；進(jìn)入板塊新增頁面，從組件庫中選取需要的組件添加至虛擬Launcher中，點(diǎn)擊任一組件的編輯按鈕進(jìn)入組件內(nèi)容的配置頁面；組件內(nèi)容的編輯頁面中，進(jìn)行內(nèi)容的新增、刪除和調(diào)換位置操作，點(diǎn)擊保存按鈕通過后臺服務(wù)將組件內(nèi)容保存到數(shù)據(jù)庫中，虛擬Launcher通過后端接口讀取數(shù)據(jù)，展示內(nèi)容同步更新。能夠在配置過程中在管理后臺直接進(jìn)行電視Launcher系統(tǒng)界面的預(yù)覽。

技術(shù)領(lǐng)域

本發(fā)明涉及計算機(jī)軟件技術(shù)領(lǐng)域，具體的說，是一種基于Vue實(shí)現(xiàn)電視Launcher系統(tǒng)web端預(yù)覽組件的方法。

背景技術(shù)

電視Launcher系統(tǒng)作為終端廠商與用戶交互的載體，一直以來是運(yùn)營的重點(diǎn)。傳統(tǒng)的Launcher配置流程主要包括：運(yùn)營人員在管理后臺選擇組件、配置組件內(nèi)容、審核、發(fā)布到指定的測試電視、發(fā)現(xiàn)問題或優(yōu)化點(diǎn)、再次進(jìn)行配置修改。存在的問題是：在發(fā)布到測試電視以前，顯示效果對于運(yùn)營人員來說是未知的。隨著電視Launcher系統(tǒng)界面的多樣化需求的提升，運(yùn)營空間增大，界面復(fù)雜度提高，運(yùn)營人員需要在配置過程中實(shí)時進(jìn)行電視Launcher系統(tǒng)界面的預(yù)覽，以便能夠及時地調(diào)整配置內(nèi)容。

發(fā)明內(nèi)容

本發(fā)明的目的在于提供一種基于Vue實(shí)現(xiàn)電視Launcher系統(tǒng)web端預(yù)覽組件的方法，用于解決現(xiàn)有技術(shù)中Launcher配置流程中不能在管理后臺預(yù)覽顯示效果、不能及時調(diào)整配置內(nèi)容的問題。

本發(fā)明通過下述技術(shù)方案解決上述問題：

一種基于Vue實(shí)現(xiàn)電視Launcher系統(tǒng)web端預(yù)覽組件的方法，包括：

步驟S1：約定組件規(guī)格，按照組件類型分別設(shè)計不同的字段和組件樣式，開發(fā)對應(yīng)的組件，形成組件庫；

步驟S2：新建后臺服務(wù)，用于保存內(nèi)容、組件和板塊的數(shù)據(jù)及對應(yīng)關(guān)系；

步驟S3：新建虛擬Launcher，虛擬Launcher為基于Vue模擬電視Launcher系統(tǒng)顯示的web組件，虛擬Launcher為三層結(jié)構(gòu)，分別為展示層、分發(fā)層和數(shù)據(jù)層，外部使用vue的v-bind向虛擬Launcher傳輸數(shù)據(jù)；

步驟S4：進(jìn)入板塊新增頁面，從組件庫中選取需要的組件添加至虛擬Launcher中，對組件進(jìn)行增加、刪除和調(diào)換位置操作，此時組件未配置內(nèi)容，以框架形式進(jìn)行展現(xiàn)，點(diǎn)擊任一組件的編輯按鈕進(jìn)入組件內(nèi)容的配置頁面；

步驟S5：組件內(nèi)容的編輯頁面中，進(jìn)行內(nèi)容的新增、刪除和調(diào)換位置操作，點(diǎn)擊保存按鈕通過后臺服務(wù)將組件內(nèi)容保存到數(shù)據(jù)庫中，虛擬Launcher通過后端接口讀取數(shù)據(jù)，展示內(nèi)容同步更新；

步驟S6：將虛擬Launcher尺寸設(shè)置為電視機(jī)的通用尺寸，在頁面中對虛擬Launcher進(jìn)行等比例縮小，點(diǎn)擊全屏預(yù)覽按鈕時，取消縮小比例。

本發(fā)明通過軟件方式實(shí)現(xiàn)的電視系統(tǒng)的web端預(yù)覽組件虛擬Launcher，運(yùn)營人員可以在配置頁面看到自己選擇的組件的樣式以及配置好內(nèi)容后的展示情況，配置頁面不再單單只是一些抽象的表單和列表，而是將這些數(shù)據(jù)組合成了可視化的一個虛擬Launcher來做展示，可以實(shí)現(xiàn)在運(yùn)營人員在配置內(nèi)容的同時，能夠通過web端實(shí)時進(jìn)行預(yù)覽，避免必須先配置審核發(fā)布到終端，然后才能預(yù)覽，發(fā)現(xiàn)問題再修改配置的復(fù)雜步驟，極大提高了運(yùn)營效率。

本發(fā)明與現(xiàn)有技術(shù)相比，具有以下優(yōu)點(diǎn)及有益效果：

本發(fā)明通過軟件的方式設(shè)計一種基于Vue的web端組件，能夠在配置過程中在管理后臺直接進(jìn)行電視Launcher系統(tǒng)界面的預(yù)覽。

附圖說明

圖1為本發(fā)明中虛擬Launcher三層結(jié)構(gòu)示意圖。

具體實(shí)施方式