[发明专利]基于Vue实现电视Launcher系统web端预览组件的方法

说明书

本发明公开了一种基于Vue实现电视Launcher系统web端预览组件的方法，包括设计组件库；新建后台服务；新建三层结构的虚拟Launcher，外部使用vue的v‑bind向虚拟Launcher传输数据；进入板块新增页面，从组件库中选取需要的组件添加至虚拟Launcher中，点击任一组件的编辑按钮进入组件内容的配置页面；组件内容的编辑页面中，进行内容的新增、删除和调换位置操作，点击保存按钮通过后台服务将组件内容保存到数据库中，虚拟Launcher通过后端接口读取数据，展示内容同步更新。能够在配置过程中在管理后台直接进行电视Launcher系统界面的预览。

技术领域

本发明涉及计算机软件技术领域，具体的说，是一种基于Vue实现电视Launcher系统web端预览组件的方法。

背景技术

电视Launcher系统作为终端厂商与用户交互的载体，一直以来是运营的重点。传统的Launcher配置流程主要包括：运营人员在管理后台选择组件、配置组件内容、审核、发布到指定的测试电视、发现问题或优化点、再次进行配置修改。存在的问题是：在发布到测试电视以前，显示效果对于运营人员来说是未知的。随着电视Launcher系统界面的多样化需求的提升，运营空间增大，界面复杂度提高，运营人员需要在配置过程中实时进行电视Launcher系统界面的预览，以便能够及时地调整配置内容。

发明内容

本发明的目的在于提供一种基于Vue实现电视Launcher系统web端预览组件的方法，用于解决现有技术中Launcher配置流程中不能在管理后台预览显示效果、不能及时调整配置内容的问题。

本发明通过下述技术方案解决上述问题：

一种基于Vue实现电视Launcher系统web端预览组件的方法，包括：

步骤S1：约定组件规格，按照组件类型分别设计不同的字段和组件样式，开发对应的组件，形成组件库；

步骤S2：新建后台服务，用于保存内容、组件和板块的数据及对应关系；

步骤S3：新建虚拟Launcher，虚拟Launcher为基于Vue模拟电视Launcher系统显示的web组件，虚拟Launcher为三层结构，分别为展示层、分发层和数据层，外部使用vue的v-bind向虚拟Launcher传输数据；

步骤S4：进入板块新增页面，从组件库中选取需要的组件添加至虚拟Launcher中，对组件进行增加、删除和调换位置操作，此时组件未配置内容，以框架形式进行展现，点击任一组件的编辑按钮进入组件内容的配置页面；

步骤S5：组件内容的编辑页面中，进行内容的新增、删除和调换位置操作，点击保存按钮通过后台服务将组件内容保存到数据库中，虚拟Launcher通过后端接口读取数据，展示内容同步更新；

步骤S6：将虚拟Launcher尺寸设置为电视机的通用尺寸，在页面中对虚拟Launcher进行等比例缩小，点击全屏预览按钮时，取消缩小比例。

本发明通过软件方式实现的电视系统的web端预览组件虚拟Launcher，运营人员可以在配置页面看到自己选择的组件的样式以及配置好内容后的展示情况，配置页面不再单单只是一些抽象的表单和列表，而是将这些数据组合成了可视化的一个虚拟Launcher来做展示，可以实现在运营人员在配置内容的同时，能够通过web端实时进行预览，避免必须先配置审核发布到终端，然后才能预览，发现问题再修改配置的复杂步骤，极大提高了运营效率。

本发明与现有技术相比，具有以下优点及有益效果：

本发明通过软件的方式设计一种基于Vue的web端组件，能够在配置过程中在管理后台直接进行电视Launcher系统界面的预览。

附图说明

图1为本发明中虚拟Launcher三层结构示意图。

具体实施方式