一种专题快速生成系统及方法技术方案

本发明专利技术公开了一种专题快速生成系统及方法，该系统包括：专题UI组件配置库，为专题快速生成平台提供各种可视化UI组件；专题快速生成平台，接收专题生成请求，从专题UI组件配置库获取所有的UI组件配置信息并呈现，根据用户的操作指令获取对应的UI组件并提供相应的可配置项，根据配置结果显示当前专题的实际效果，并于接收到发布选择操作时，通过相应的接口触发快速专题渲染器；快速专题渲染器，在专题快速生成平台触发下根据专题快速生成平台发送的专题ID于快速专题服务器中获取该专题ID的相应配置信息，根据获得的专题配置信息从专题UI组件配置库获取该专题所需的组件配置包，经渲染器渲染后生成HTML文件输出至静态服务器。渲染器渲染后生成HTML文件输出至静态服务器。渲染器渲染后生成HTML文件输出至静态服务器。

【技术实现步骤摘要】
一种专题快速生成系统及方法


[0001]本专利技术涉及计算机
，特别是涉及一种基于可视化UI(User Interface，用户界面)布局的汽车资讯媒体专题快速生成系统及方法。

技术介绍

[0002]随着国民经济的持续快速增长，人民消费购买力的日益提高，以及国家不断出台汽车消费的有利政策，个人已成为汽车市场的主要消费群体。同时，互联网也逐渐成为了人们获取信息的主要渠道之一。因此，通过汽车网站来了解、关注、研究甚至购买汽车的人越来越多，但随之而来的是，汽车资讯爆发式增长及其传播形式越来越多样化，使得汽车资讯媒体需要对热点更加敏感和快速地作出响应。目前大部分汽车资讯媒体传播资讯的方式为：
[0003](1)、固定页面模板：通过固定页面模板生成固定表现形式的网页进行传播。
[0004](2)、通过接口配置控制页面模块：针对不同的资讯开发特定的专题网站，通过接口返回的内容控制固定模块的显示与隐藏，进行资讯传播。
[0005]然而，以上两种方式都有一定的局限性：第一种方式固定了模板，使得网页的UI表现层被固定样式统一，灵活度不足，难以满足各种不同的的需求，修改麻烦；第二种方式通过接口返回的内容虽然可以对网站的UI表现层进行一定程度的差异化表现，但接口返回的数据结构固定，其可差异化的程度取决于原本网站已写好的模块或组件，此外，当一些好的模块或组件越多，网页的DOM(Document Object Model，文档对象模型)结构就会变得非常臃肿，不利于SEO(Search Engine Optimization，搜索引擎优化)。

技术实现思路

[0006]为克服上述现有技术存在的不足，本专利技术之目的在于提供一种专题快速生成系统及方法，以实现通过拖拽的方式生成专题页面预览，以组件组合方式渲染出专题的静态网页，从而既解决了固定模板方式的灵活性问题，也解决了通过接口控制页面导致网页DOM结构臃肿的问题。
[0007]为达到上述目的，本专利技术提出一种专题快速生成系统，包括：
[0008]专题UI组件配置库，用于为专题快速生成平台提供各种可视化UI组件；
[0009]专题快速生成平台，用于接收专题生成请求，从所述专题UI组件配置库获取所有的UI组件配置信息并呈现UI组件，根据用户的操作指令生成对应的可配置项用于配置专题数据，根据配置结果显示当前专题的实际页面表现效果，并于接收到发布选择操作时，通过相应的接口触发快速专题渲染器，同时将当前专题ID及其配置信息存储至快速专题服务器中；
[0010]快速专题渲染器，用于在所述专题快速生成平台触发下根据所述专题快速生成平台发送的专题ID于快速专题服务器中获取该专题ID的相应配置信息，根据获得的专题配置信息从所述专题UI组件配置库获取该专题所需的组件配置包，经渲染器渲染后生成HTML文
件输出至静态服务器。
[0011]优选地，所述专题UI组件配置库封装了适用于快速专题生成的特定UI组件，通过JSON形式向外提供该组件配置库的组件以及组件配置信息。
[0012]优选地，所述专题快速生成平台包括：
[0013]专题生成请求接收处理单元，用于接收专题生成请求，并根据该专题生成请求生成专题ID；
[0014]UI组件获取显示单元，用于从所述专题UI组件配置库获取所有的UI组件配置信息并予以输出显示，以供用户选择操作；
[0015]UI组件选择确定单元，用于监测用户对UI组件的选择操作，根据监测到的选择操作确定相应的UI组件并生成对应的可配置项用于配置专题数据，所述配置项用于配置所选UI组件的信息；
[0016]预览/发布选择单元，用于接收用户的预览/发布选择指令，于接收到预览选择操作时，根据配置结果输出展示当前专题的实际页面表现效果，于接收到发布选择操作时，则通过接口触发所述快速专题渲染器，并同时将当前专题ID及其配置信息存储至快速专题服务器，所述配置信息包括页面组件的配置信息和单个组件的配置信息。
[0017]优选地，所述UI组件获取显示单元通过AJAX方式从所述专题UI组件配置库获取所有的UI组件配置信息。
[0018]优选地，所述专题快速生成平台显示界面包括三个组件栏区域、可视化工作区以及组件信息配置区，所述组件栏区域通过vue的数据驱动模式根据获取所述专题UI组件配置库所得的组件配置信息渲染得出，所述可视化工作区通过拖拽进来的组件以及右侧的配置信息渲染得到，所述组件信息配置区用于提供相应组件的可配置项，以对拖拽进入可视化工作区的组件进行样式调整以及数据来源配置。
[0019]优选地，所述快速专题渲染器从快速专题服务器获取该专题ID的相应配置信息，将该配置信息在所述专题UI组件配置库里经过配置组合，然后生成专题页的组件配置包。
[0020]优选地，所述快速专题渲染器根据所述组件配置包的信息按顺序将组件组合到HTML上，并将生成好的HTML文件输出至静态服务器。
[0021]为达到上述目的，本专利技术还提供一种专题快速生成方法，包括：
[0022]步骤S1，由专题快速平台接收专题生成请求，从专题UI组件配置库获取所有的UI组件配置信息并呈现UI组件，根据用户的操作指令生成对应的可配置项，根据配置结果显示当前专题的实际页面表现效果，并于接收到发布选择操作时，通过相应的接口触发快速专题渲染器，同时将当前专题ID及其配置信息存储至快速专题服务器中；
[0023]步骤S2，利用快速专题渲染器在所述专题快速生成平台触发下根据专题快速生成平台发送的专题ID于所述快速专题服务器中获取该专题ID的相应配置信息，根据获得的专题配置信息从专题UI组件配置库获取该专题所需的组件配置包，经渲染器渲染后生成HTML文件输出至静态服务器。
[0024]优选地，步骤S1进一步包括：
[0025]步骤S100，接收专题生成请求，并根据该专题生成请求生成专题ID；
[0026]步骤S101，从所述专题UI组件配置库获取所有的UI组件配置信息并予以输出显示，以供用户选择操作；
[0027]步骤S102，监测用户对UI组件的选择操作，根据监测到的选择操作生成对应的可配置项用于配置专题数据；
[0028]步骤S103，接收用户的预览/发布选择指令，于接收到预览选择操作时，根据配置结果输出展示当前专题的实际页面表现效果，于接收到发布选择操作时，则通过接口触发快速专题渲染器，并同时将当前专题ID及其配置信息存储至快速专题服务器，所述配置信息包括页面组件的配置信息和单个组件的配置信息。
[0029]优选地，于步骤S2中，所述快速专题渲染器根据所述组件配置包的信息按顺序将组件组合到HTML上，并将生成好的HTML文件输出至静态服务器。
[0030]与现有技术相比，本专利技术一种专题快速生成系统及方法通过从专题UI组件配置库获取所有的UI组件配置信息并呈现UI组件，根据用户的操作指令生成对应的可配置项以供用户配置，并于接收到发布选择操作时，通过相应的接口触发本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种专题快速生成系统，包括：专题UI组件配置库，用于为专题快速生成平台提供各种可视化UI组件；专题快速生成平台，用于接收专题生成请求，从所述专题UI组件配置库获取所有的UI组件配置信息并呈现UI组件，根据用户的操作指令生成对应的可配置项用于配置专题数据，根据配置结果显示当前专题的实际页面表现效果，并于接收到发布选择操作时，通过相应的接口触发快速专题渲染器，同时将当前专题ID及其配置信息存储至快速专题服务器中；快速专题渲染器，用于在所述专题快速生成平台触发下根据所述专题快速生成平台发送的专题ID于快速专题服务器中获取该专题ID的相应配置信息，根据获得的专题配置信息从所述专题UI组件配置库获取该专题所需的组件配置包，经渲染器渲染后生成HTML文件输出至静态服务器。2.如权利要求1所述的一种专题快速生成系统，其特征在于：所述专题UI组件配置库封装了适用于快速专题生成的特定UI组件，通过JSON形式向外提供该组件配置库的组件以及组件配置信息。3.如权利要求2所述的一种专题快速生成系统，其特征在于：所述专题快速生成平台包括：专题生成请求接收处理单元，用于接收专题生成请求，并根据该专题生成请求生成专题ID；UI组件获取显示单元，用于从所述专题UI组件配置库获取所有的UI组件配置信息并予以输出显示，以供用户选择操作；UI组件选择确定单元，用于监测用户对UI组件的选择操作，根据监测到的选择操作确定相应的UI组件并生成对应的可配置项用于配置专题数据，所述配置项用于配置所选UI组件的信息；预览/发布选择单元，用于接收用户的预览/发布选择指令，于接收到预览选择操作时，根据配置结果输出展示当前专题的实际页面表现效果，于接收到发布选择操作时，则通过接口触发所述快速专题渲染器，并同时将当前专题ID及其配置信息存储至快速专题服务器，所述配置信息包括页面组件的配置信息和单个组件的配置信息。4.如权利要求3所述的一种专题快速生成系统，其特征在于：所述UI组件获取显示单元通过AJAX方式从所述专题UI组件配置库获取所有的UI组件配置信息。5.如权利要求3所述的一种专题快速生成系统，其特征在于：所述专题快速生成平台显示界面包括三个组件栏区域、可视化工作区以及组件信息配置区，所述组件栏区域通过vue的数据驱动模式根据获取所述专题UI组件配置库所得的组件配置信息渲染得...

【专利技术属性】
技术研发人员：黄林海，
申请(专利权)人：广州太平洋电脑信息咨询有限公司，
类型：发明
国别省市：