全平台模板系统技术方案

一种全平台模板系统，模板系统的页面包括组件和元素，元素控制组件内的数据，多个组件的搭配组合形成页面，其中，页面可以是门票频道页，或者是专题活动页。组件包括多个资源位。元素可以是文字、图片和/或产品数据。页面组件分为四层结构，第一层为标题，在此层级可以配置组件的属性，属性包括边框、上下间距；第二层为一级Tab，在此层可对组件划分tab，分类展示内容；第三层为二级Tab，在此层可对组件进行进一步细节的划分，展示更多内容；第四层为元素层，在此层是配置页面具体数据。

【技术实现步骤摘要】
全平台模板系统
本专利技术属于电子商务
，特别涉及一种用于快速开发产品页面的全平台模板系统。
技术介绍
在电子商务网站的营销模式中，例如旅游产品网站，页面跟随季节、节假日、当地活动、天气情况等变更页面展现形式是一种常规的营销方式。符合季节、节假日、当地天气活动等情况的页面宣传方式，能够发现和满足用户的消费习惯，这样就需要经常改变页面样式，以适应不同的营销要求。因此如何快速的搭建页面，更改页面样式，成为电子商务网站技术支撑需要解决的现实问题。现有的方法是采用模板系统来应对页面的经常性变化要求，然而，现有的模板系统大多针对公司的特定商业模式定制开发，虽然能够满足公司相关产品的业务需求，但是缺乏灵活性。例如，现有的模板系统大多只支持到Html的页面功能，搭建的页面在稳定性和流畅性上与APP的Native形式有较大差距。Native形式使用原生系统内核，相当于直接在系统上操作，具有更强的稳定性。在APP内使用Html的展示的页面需要先调取系统的浏览器内核，相当于在网页中进行操作，相较于原生的APP稳定性稍差，在动画交互上限制更多，页面展示效果也有一定差距。
技术实现思路
本专利技术提供的全平台模板系统，用以给开发人员一种可快速生成产品页面的工具，迅速完成产品推广的商业部署。本专利技术的实施例之一，一种全平台模板系统，模板系统的页面包括组件和元素，元素控制组件内的数据，多个组件的搭配组合形成页面。其中，页面可以是门票频道页，或者是专题活动页。组件包括多个资源位。元素可以是文字、图片和/或产品数据。页面组件分为四层结构：第一层为标题，在此层级可以配置组件的属性，属性包括边框、上下间距；第二层为一级Tab，在此层可对组件划分tab，分类展示内容；第三层为二级Tab，在此层可对组件进行进一步细节的划分，展示更多内容；第四层为元素层，在此层是配置页面具体数据，所述的四层的结构对应组件的属性配置，也对应了用户操作的界面形式。本专利技术的全平台模板系统，相对于现有技术具有以下有益效果：1.可以自由配置频道页组件，调换组件顺序，样式自由设计。使用手动配置产品或API接口直接获取产品数据，可极大的提升运营效率，减少维护时间。2.以控件管理组件属性，组件搭建模板页面的方式。可极大的减少开发成。。3.从单独开发频道页转变为开发可重复利用的组件，提供给运营自由搭建模板页面。可以更快的支持需求上线。4.缩短项目周期。以往频道页面的开发需要经过完整的项目开发流程。往往无法快速支持到需求。本专利技术额全平台模板系统可快速相应运营需求，针对不同的市场需求，直接搭建或调整页面，并上线使用，缩短了项目周期。5.增加了活动组件，快速提升产品推广竞争力。附图说明通过参考附图阅读下文的详细描述，本专利技术示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本专利技术的若干实施方式，其中：图1本专利技术实施例中全平台模板系统生成页面组成示意图。图2本专利技术实施例中页面组件结构示意图。具体实施方式根据一个或者多个实施例，如图1所示，全平台模板系统将频道页面拆分成组件和元素，元素控制组件内的数据，多个组件的搭配组合形成页面。一个完整的页面应该由多个组件构成，这些组件可能包含了图片数据、文字数据、产品数据等。图1表达了页面组件元素关系图。其中，页面可以是门票频道页，或者是专题活动页。组件包括多个资源位。资源位指能够配置数据产生价值的页面位置，比如广告位就是一个资源位。元素可以是文字、图片和/或产品数据。根据一个或者多个实施例，如图2所示，页面组件分为四层结构。第一层位标题，在此层级可以配置组件的属性。例如边框，上下间距等。第二层为一级标签Tab，在此层可对组件划分标签tab，分类展示内容。标签tab在页面上代表分类标签，是一种划分同类型数据的展现形式。第三层为二级标签Tab，在此层可对组件进行更细节的划分，展示更多内容。这里更多的内容为更多的标签tab，针对第二次的标签进行更细节的划分。第四层为元素层，在此层是配置页面具体数据。此四层的结构对应组件的属性配置，也对应了用户操作的界面形式。图2对于组件结构做了说明。其中组件具有Code，Code为组件的唯一标识码。组件code用于区分各业务模块及组件的对应关系。以附图2为例：组件的每一层级都会对应唯一的code，像货架这种具有分类的模块,各分类也对应一个特定的tabGroup以区分具体的类型。比如该组件由标题+一级Tab+二级Tab+多个元素组成。组件内复用的颗粒取决于前端具体实现，并不会受组件的业务code限制，组件code会决定第一层，第二层，第三层的样式，组件分类的tabGroup会决定当前分类下第四层元素的样式。根据一个或者多个实施例，对于组件管理，包括添加、编辑、配置。组件的管理有较为独立的后台。组件添加在实际业务场景中，大多由开发组件的前端开发添加。开发人员需要针对组件进行属性配置，URL配置等操作。开发人员在添加/编辑组件的时候，需要填写组件的类型(无线/主站)，组件名称，组件Code_ID，组件版本号，webview_url，组件预览图等属性。其中组件的版本号用于控制不同版本的APP的展示情况，避免老版本接口不满足新版本需求。webview_url则是为了实现在APP内展示webview形式的组件。webview是一个基于webkit引擎、展现web页面的控件。在开发人员添加完成组建后，需要对组件的属性进行配置。组件属性配置直接决定了组件在前端的展示元素。例如是否展示组件标题，图片数据，图片上传大小，产品标题，价格等，各类元素信息的使用与否，都需要在属性配置中决定。在经过上述几个步骤之后，组件的基本配置已经完成了。此时，组件已经可以开发给用户使用了，用户可以在模板管理界面看到组件，并拖拽组件到页面上使用。组件是模板系统结构的关键核心。带有更多功能样式的组件，可以极大丰富用户的选择条件，也能搭建出多样的页面。在组件创建完成后，用户即可在自己的操作界面看到新添加的组件并使用了。但首先用户需要建立一个模板页面。创建模板页面时，用户只需要填写模板名称，模板类型等信息即可创建一个页面，也可选择预设的模板进行使用。模板页面的编辑，在模板页面中，用户可根据自己的需要，添加组件，配置组件的样式。在组件内添加元素，数据等信息。在配置完成模板页面的数据后，用户可选择预览。用户可直接在浏览器中预览，可以以用app扫描二维码，在app中预览native本地的页面。根据一个或者多个实施例，全平台模板系统的通用前台页面的生成工具，包括如下步骤：步骤1：集合不同开发团队的API接口，添加到系统中，可快速迁移线上页面。步骤2：开发新增组件，组件可支持到IOS系统，安卓系统，Html页面。步骤3：组件的属性可多样选择，一个设计优良的组件可重复利用在不同页面，并展现出不同的效果，组件的元素，用户可控制。步骤4：用户可根据需求自由搭建页面，快速满足需求。值得说明的是，虽然前述内容已经参考若干具体实施方式描述了本专利技术创造的精神和原理，但是应该理解，本专利技术并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合，这种划分仅是为了表述的方便。本专利技术旨在涵盖所附权利要求的精神和范围内所包括本文档来自技高网...

【技术保护点】
1.一种全平台模板系统，其特征在于，模板系统的页面包括组件和元素，元素控制组件内的数据，多个组件的搭配组合形成页面，其中，页面可以是门票频道页，或者是专题活动页；组件包括多个资源位，资源位指能够配置数据产生价值的页面位置；元素可以是文字、图片和/或产品数据。

【技术特征摘要】
1.一种全平台模板系统，其特征在于，模板系统的页面包括组件和元素，元素控制组件内的数据，多个组件的搭配组合形成页面，其中，页面可以是门票频道页，或者是专题活动页；组件包括多个资源位，资源位指能够配置数据产生价值的页面位置；元素可以是文字、图片和/或产品数据。2.根据权利要求1所述的全平台模板系统，其特征在于，页面的组件分为四层结构，第一层为标题，在此层级可以配置组件的属性，属性包括边框、上下间距；第二层为一级Tab，在此层可对组件划分标签tab，分类展示内容，标签tab在页面上代表分类标签，是一种划分同类型数据的展现形式；第三层为二级Tab，在此层可对组件进行进一步细节的划分，展示更多的标签tab更多内容；第四层为元素层，在此层是配置页面具体数据，所述的四层的结构对应组件的属性配置，也对应了用户操作的界面形式。3.根据权利要求2所述的...

【专利技术属性】
技术研发人员：刘才，张传利，庞勇，陈涵轩，陈程，
申请(专利权)人：上海景域文化传播股份有限公司，
类型：发明
国别省市：上海,31