CN112256379A - 一种多行业模板量产化的方法 - Google Patents
一种多行业模板量产化的方法 Download PDFInfo
- Publication number
- CN112256379A CN112256379A CN202011188739.1A CN202011188739A CN112256379A CN 112256379 A CN112256379 A CN 112256379A CN 202011188739 A CN202011188739 A CN 202011188739A CN 112256379 A CN112256379 A CN 112256379A
- Authority
- CN
- China
- Prior art keywords
- color
- data
- theme
- industry
- layout
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 17
- 238000004519 manufacturing process Methods 0.000 title claims abstract description 16
- 239000003086 colorant Substances 0.000 claims abstract description 17
- 238000009434 installation Methods 0.000 claims abstract description 4
- 230000000694 effects Effects 0.000 claims description 11
- 239000000463 material Substances 0.000 description 5
- 238000002372 labelling Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/61—Installation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Processing Or Creating Images (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一种多行业模板量产化的方法，包括：S1、根据版块类型设计不同版块；S2、根据行业分类的不同，检索该行业分类下的版块数据；S3、依据定义规则，对所述S2检索出来的版块数据进行排列组合形成模板数据返回给前端；S4、前端依据所述S3返回的数据，按照顺序解析JSON数据绘制组件实现页面的呈现；S5、用户依据自身选择的模板数据，选择一种主题色进行安装；S6、系统依据所述S5中选择的主题色生产相关主题色，并替换模板数据中主题色标识，生成新的模板JSON数据；S7、前端依据所述S6生成的新的模板JSON数据通过组件绘制出用户最终的站点页面。本发明将站点页面组成结构从新排列组合，可提供丰富的模板给用户选择。
Description
技术领域
本发明涉及互联网技术领域，具体涉及一种多行业模板量产化的方法。
背景技术
随时移动互联网技术的发展，社交应用程序已成为人们日常生活、工作等方面的重要沟通工具，以微x这一社交应用程序为例，其通常支持使用通过共享流媒体内容的资料和基于位置的社交插件“摇一摇”、“朋友圈”、“公众平台”等服务插件，同时在该社交应用程序内也可以运行各种不同的小程序，来为用户提供差异化的服务。
在友圈平台上的AI智能移动建站系统中，用户可以通过安装模板制作自己的站点以及小程序。为了适应更多行业的用户站点，友圈平台则需要提供丰富的模板给用户选择，而制作一套模板的成本是非常高。
不难看出，现有技术中还存在诸多问题。
发明内容
为此，为了解决现有技术中的上述问题，本发明提出一种多行业模板量产化的方法。
本发明通过以下技术手段解决上述问题：
一种多行业模板量产化的方法，包括：
S1、根据版块类型设计不同版块；
S2、根据行业分类的不同，检索该行业分类下的版块数据；
S3、依据定义规则，对所述S2检索出来的版块数据进行排列组合形成模板数据返回给前端；
S4、前端依据所述S3返回的数据，按照顺序解析JSON数据绘制组件实现页面的呈现；
S5、用户依据自身选择的模板数据，选择一种主题色进行安装；
S6、系统依据所述S5中选择的主题色生产相关主题色，并替换模板数据中主题色标识，生成新的模板JSON数据；
S7、前端依据所述S6生成的新的模板JSON数据通过组件绘制出用户最终的站点页面。
进一步的，所述S1包括：
S11、选择版块的行业分类；
S12、选择所述S11所选择的行业分类下的版块数据；
S13、对所述S12所选择的版块类型，在编辑器中通过组件拼装方式制作版块；
S14、定义所述S13中制作的版块内部组件的默认主题色；
S15、将所述S14中的配置信息生成JSON数据进行存储。
进一步的，所述S2中的版块数据包括头部、banner、导航区、产品区、文章区、活动区、留言区和底部版块数据。
进一步的，所述S3中的定义规则为：头部必存在且唯一，底部、banner、导航区可存在且唯一，产品区、文章区、活动区、留言区可存在且可重复但同类型不超过3个。
进一步的，所述S6中生成相关主题色具体为：
系统将主题色RGB转换为HSB，并把HSB的亮度降低27％，然后转换为RGB作为加深主题色；将主题色RGB转换为HSB，并把HSB的亮度提升84％，饱和度降低72％，然后转换为RGB作为高亮主题色。
进一步的，所述S14中的默认主题色分为：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3，其中辅助色不变，主题色用户可以任意设置，加深主题色与高亮主题色则通过算法根据主题色变化。
进一步的，所述S4和S7中所述的组件为：文本、图片、视频、输入框、按钮和块元素。
本发明将对常规站点内容划分为：头部、banner、导航区、产品区、文章区、活动区、留言区、底部共8个版块类型。并对页面的主题颜色划分为6类：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3，其中辅助色不变，主题色用户可以任意设置，加深主题色与高亮主题色则通过算法根据主题色变化。此外，还将版块的素材内容按照42个行业分类进行归类，并对素材内容进行标签化管理，然后将站点页面组成结构从新排列组合，形成更多的模板方案，可提供丰富的模板给用户选择。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明提供的一种多行业模板量产化的方法的流程图；
图2是本发明提供的一种多行业模板量产化的方法中S1的流程图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂，下面将结合附图和具体的实施例对本发明的技术方案进行详细说明。需要指出的是，所描述的实施例子仅仅是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
实施例
需要说明的是，本发明是基于友圈平台上的AI智能移动建站系统，对其内的模板进行进一步的改进处理，来实现多行业模板量产化的一种方法。本发明将模板的组成划分为3个部分：结构、默认主题色、内容。
结构划分为：头部、banner、导航区、产品区、文章区、活动区、留言区、底部共8个类型，定义为版块。版块由：文本、图片、视频、输入框、按钮、块元素等组件组成。
默认主题色由：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3组成；辅助色不变，分别为：辅助色1(#222222)、辅助色2(#999999)、辅助色3(#F4F4F4)；3个主题色的关系为：将主题色RGB转换为HSB，并把HSB的亮度降低27％，然后转换为RGB作为加深主题色；将主题色RGB转换为HSB，并把HSB的亮度提升84％，饱和度降低72％，然后转换为RGB作为高亮主题色。
内容分为：图片和文案2部分；图片素材库按照42个标准行业归类，拥有多个标签，及尺寸属性；文案由友圈智能软文系统提供，内容涵盖短语、短文、诗词歌赋等。
如图1所示，一种多行业模板量产化的方法，包括：
S1、根据版块类型设计不同版块；设计师在友圈平台上的AI智能移动建站系统中的编辑器上，根据版块类型设计不同的版块。作为优选，如图2所示，所述S1包括：
S11、选择版块的行业分类；需要说明的是，所述行业分类按照42个标准行业分类。
S12、选择所述S11所选择的行业分类下的版块类型；即选择一个行业，在该行业下的版块类型中选择一个类型进行版块的制作，所述板块类型包括八个版块类型：头部、banner、导航区、产品区、文章区、活动区、留言区和底部版块类型。
S13、对所述S12所选择的版块类型，在编辑器中通过组件拼装方式制作版块；需要说明的是，作为优选，所述组件包括文本、图片、视频、输入框、按钮、块元素等组成。
S14、定义所述S13中制作的版块内部组件的默认主题色；作为优选，所述S14中的默认主题色分为：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3，其中辅助色不变，主题色用户可以任意设置，加深主题色与高亮主题色则通过算法根据主题色变化。
S15、将所述S14中的配置信息生成JSON数据进行存储。
S2、根据行业分类的不同，检索该行业分类下的版块数据；需要说明的是，作为优选，所述S2中的版块数据包括头部、banner、导航区、产品区、文章区、活动区、留言区和底部版块数据，也即经过所述S1中进行制作和设计过后的版块，也即所述S15中生成的JSON数据。
S3、依据定义规则，对所述S2检索出来的版块数据进行排列组合形成模板数据返回给前端；作为优选，所述S3中的定义规则为：头部必存在且唯一，底部、banner、导航区可存在且唯一，产品区、文章区、活动区、留言区可存在且可重复但同类型不超过3个。也即按照前述的定义规则选择相关并符合定义规定的版块内容，进而将这些版块内容进行排列组合，形成模板数据，即用户在选择模板时，系统根据用户的所在行业、勾选的站点内容，自动调取多个版块组合成页面。
S4、前端依据所述S3返回的数据，按照顺序解析JSON数据绘制组件实现页面的呈现；作为优选，所述S4中所述的组件为：文本、图片、视频、输入框、按钮和块元素。
S5、用户依据自身选择的模板数据，选择一种主题色进行安装；
S6、系统依据所述S5中选择的主题色生产相关主题色，并替换模板数据中主题色标识，生成新的模板JSON数据；作为优选，所述S6中生成相关主题色具体为：
系统将主题色RGB转换为HSB，并把HSB的亮度降低27％，然后转换为RGB作为加深主题色；将主题色RGB转换为HSB，并把HSB的亮度提升84％，饱和度降低72％，然后转换为RGB作为高亮主题色。
S7、前端依据所述S6生成的新的模板JSON数据通过组件绘制出用户最终的站点页面。作为优选，所述S7中所述的组件为：文本、图片、视频、输入框、按钮和块元素。
本发明将对常规站点内容划分为：头部、banner、导航区、产品区、文章区、活动区、留言区、底部共8个版块类型。并对页面的主题颜色划分为6类：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3，其中辅助色不变，主题色用户可以任意设置，加深主题色与高亮主题色则通过算法根据主题色变化。此外，还将版块的素材内容按照42个行业分类进行归类，并对素材内容进行标签化管理，然后将站点页面组成结构从新排列组合，形成更多的模板方案，可提供丰富的模板给用户选择。
在本说明书中所谈到的“一个实施例”、“另一个实施例”、“实施例”、“优选实施例”等，指的是结合该实例描述的具体特征、结构或者特点包含在本申请概括描述的至少一个实施例中。在说明书中多个地方出现同种表述不是一定指的是同一个实施例。进一步来说，结合任一实施例描述一个具体特征、结构或者特点时，所要主张的是结合其他实施例来实现这种特征、结构或者特点也落在本发明内。尽管这里参照本发明的多个解释性实例对本发明进行了描述，但是，应该理解，本领域技术人员可以设计出很多其他的修改和实施方式，这些修改和实施方式降落在本申请公开的原则范围和精神之内。更具体地说，在本申请公开、附图和权利要求的范围内，可以对主题结合布局的组成部件和/或布局进行的变形和改进外，对于本领域技术人员来说，其他的用途也将是明显。
Claims (7)
1.一种多行业模板量产化的方法，其特征在于，包括：
S1、根据版块类型设计不同版块；
S2、根据行业分类的不同，检索该行业分类下的版块数据；
S3、依据定义规则，对所述S2检索出来的版块数据进行排列组合形成模板数据返回给前端；
S4、前端依据所述S3返回的数据，按照顺序解析JSON数据绘制组件实现页面的呈现；
S5、用户依据自身选择的模板数据，选择一种主题色进行安装；
S6、系统依据所述S5中选择的主题色生产相关主题色，并替换模板数据中主题色标识，生成新的模板JSON数据；
S7、前端依据所述S6生成的新的模板JSON数据通过组件绘制出用户最终的站点页面。
2.根据权利要求1所述的多行业模板量产化的方法，其特征在于，所述S1包括：
S11、选择版块的行业分类；
S12、选择所述S11所选择的行业分类下的版块数据；
S13、对所述S12所选择的版块类型，在编辑器中通过组件拼装方式制作版块；
S14、定义所述S13中制作的版块内部组件的默认主题色；
S15、将所述S14中的配置信息生成JSON数据进行存储。
3.根据权利要求1所述的多行业模板量产化的方法，其特征在于，所述S2中的版块数据包括头部、banner、导航区、产品区、文章区、活动区、留言区和底部版块数据。
4.根据权利要求3所述的多行业模板量产化的方法，其特征在于，所述S3中的定义规则为：头部必存在且唯一，底部、banner、导航区可存在且唯一，产品区、文章区、活动区、留言区可存在且可重复但同类型不超过3个。
5.根据权利要求1所述的多行业模板量产化的方法，其特征在于，所述S6中生成相关主题色具体为：
系统将主题色RGB转换为HSB，并把HSB的亮度降低27％，然后转换为RGB作为加深主题色；将主题色RGB转换为HSB，并把HSB的亮度提升84％，饱和度降低72％，然后转换为RGB作为高亮主题色。
6.根据权利要求2所述的多行业模板量产化的方法，其特征在于，所述S14中的默认主题色分为：主题色、加深主题色、高亮主题色、辅助色1、辅助色2、辅助色3，其中辅助色不变，主题色用户可以任意设置，加深主题色与高亮主题色则通过算法根据主题色变化。
7.根据权利要求1所述的多行业模板量产化的方法，其特征在于，所述S4和S7中所述的组件为：文本、图片、视频、输入框、按钮和块元素。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011188739.1A CN112256379B (zh) | 2020-10-30 | 2020-10-30 | 一种多行业模板量产化的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011188739.1A CN112256379B (zh) | 2020-10-30 | 2020-10-30 | 一种多行业模板量产化的方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112256379A true CN112256379A (zh) | 2021-01-22 |
| CN112256379B CN112256379B (zh) | 2024-05-24 |
Family
ID=74268301
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011188739.1A Active CN112256379B (zh) | 2020-10-30 | 2020-10-30 | 一种多行业模板量产化的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112256379B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112860667A (zh) * | 2021-02-20 | 2021-05-28 | 中国联合网络通信集团有限公司 | 相关度模型的建立方法、判定方法、站点发现方法及装置 |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101206668A (zh) * | 2007-12-14 | 2008-06-25 | 北大方正集团有限公司 | 一种网站内容组件生成方法、解析方法及装置 |
| CN103543995A (zh) * | 2012-07-12 | 2014-01-29 | 腾讯科技（北京）有限公司 | 一种网站换肤的方法及装置 |
| CN104391920A (zh) * | 2014-11-19 | 2015-03-04 | 沈文策 | 一种网页模板风格设计的方法 |
| CN104636400A (zh) * | 2013-11-15 | 2015-05-20 | 腾讯科技（深圳）有限公司 | 浏览器网页生成方法、浏览器及系统 |
| CN106095447A (zh) * | 2016-06-14 | 2016-11-09 | 武汉深之度科技有限公司 | 一种应用界面的生成方法、设备及计算设备 |
| US20170357913A1 (en) * | 2014-08-20 | 2017-12-14 | Vertafore, Inc. | Automated customized web portal template generation systems and methods |
| CN108984632A (zh) * | 2018-06-20 | 2018-12-11 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
| CN109086342A (zh) * | 2018-07-10 | 2018-12-25 | 长沙米拓信息技术有限公司 | 批量化生产和运维网站模板的方法、介质和终端 |
| CN109445792A (zh) * | 2018-11-05 | 2019-03-08 | 用友网络科技股份有限公司 | 界面构建方法、装置及计算机可读存储介质 |
| CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
| CN110929495A (zh) * | 2019-11-08 | 2020-03-27 | 广州坚和网络科技有限公司 | 一种自动美化文章排版的方法 |
| US20200151226A1 (en) * | 2018-11-14 | 2020-05-14 | Wix.Com Ltd. | System and method for creation and handling of configurable applications for website building systems |
-
2020
- 2020-10-30 CN CN202011188739.1A patent/CN112256379B/zh active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101206668A (zh) * | 2007-12-14 | 2008-06-25 | 北大方正集团有限公司 | 一种网站内容组件生成方法、解析方法及装置 |
| CN103543995A (zh) * | 2012-07-12 | 2014-01-29 | 腾讯科技（北京）有限公司 | 一种网站换肤的方法及装置 |
| CN104636400A (zh) * | 2013-11-15 | 2015-05-20 | 腾讯科技（深圳）有限公司 | 浏览器网页生成方法、浏览器及系统 |
| US20170357913A1 (en) * | 2014-08-20 | 2017-12-14 | Vertafore, Inc. | Automated customized web portal template generation systems and methods |
| CN104391920A (zh) * | 2014-11-19 | 2015-03-04 | 沈文策 | 一种网页模板风格设计的方法 |
| CN106095447A (zh) * | 2016-06-14 | 2016-11-09 | 武汉深之度科技有限公司 | 一种应用界面的生成方法、设备及计算设备 |
| CN108984632A (zh) * | 2018-06-20 | 2018-12-11 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
| CN109086342A (zh) * | 2018-07-10 | 2018-12-25 | 长沙米拓信息技术有限公司 | 批量化生产和运维网站模板的方法、介质和终端 |
| CN109445792A (zh) * | 2018-11-05 | 2019-03-08 | 用友网络科技股份有限公司 | 界面构建方法、装置及计算机可读存储介质 |
| CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
| US20200151226A1 (en) * | 2018-11-14 | 2020-05-14 | Wix.Com Ltd. | System and method for creation and handling of configurable applications for website building systems |
| CN110929495A (zh) * | 2019-11-08 | 2020-03-27 | 广州坚和网络科技有限公司 | 一种自动美化文章排版的方法 |
Non-Patent Citations (2)
| Title |
|---|
| HERCULES028: "知识分享 懂得色彩配图图表才会更美", 《HTTP://WWW.360DOC.COM/CONTENT/20/0902/09/13664199_933551990.SHTML》, pages 1 - 7 * |
| 妙铺小程序产品动态: "小程序模板支持切换主题颜色啦", 《HTTPS://WWW.VMIAOPU.COM/VERSION/31.HTML》, pages 1 - 7 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112860667A (zh) * | 2021-02-20 | 2021-05-28 | 中国联合网络通信集团有限公司 | 相关度模型的建立方法、判定方法、站点发现方法及装置 |
| CN112860667B (zh) * | 2021-02-20 | 2023-06-20 | 中国联合网络通信集团有限公司 | 相关度模型的建立方法、判定方法、站点发现方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112256379B (zh) | 2024-05-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106611435B (zh) | 动画处理方法和装置 | |
| Aoyama | Persona-and-scenario based requirements engineering for software embedded in digital consumer products | |
| US9965444B2 (en) | Vector graphics classification engine | |
| CN100364322C (zh) | 一种动态生成字幕图像数据及字幕数据流的方法 | |
| US20130191366A1 (en) | Pattern Matching Engine | |
| US20060156218A1 (en) | Method for presenting multimedia messages | |
| US20130191732A1 (en) | Fixed Format Document Conversion Engine | |
| CN110609965B (zh) | 一种页面显示方法、装置和存储介质 | |
| CN110554782B (zh) | 一种表情输入的图像合成方法和系统 | |
| US9183539B2 (en) | Representing aggregated rich presence information | |
| WO2014005610A1 (en) | Multi-level list detection engine | |
| CN110244921A (zh) | 标签打印方法、装置、电子设备及系统 | |
| JP2008065695A (ja) | コンテンツ送信装置及びコンテンツ送信方法 | |
| CN108885555A (zh) | 基于情绪的交互方法和装置 | |
| CN107894887A (zh) | 页面组件化方法、装置及计算机可读存储介质 | |
| CN112256379A (zh) | 一种多行业模板量产化的方法 | |
| CN101562795A (zh) | 集团彩信名片应用系统 | |
| KR20080033033A (ko) | 만화제작 서비스 시스템 및 그 서비스 방법, 및 만화를이용한 강좌 서비스 시스템 및 그 방법 | |
| KR101097592B1 (ko) | 동영상 메시지 제작 서비스 제공 방법 | |
| CN112927314A (zh) | 一种图像数据处理方法、装置以及计算机设备 | |
| Powers | The problem of popular culture | |
| WO2011067785A2 (en) | Dynamic content creation, modification and distribution from single source of content in online and offline scenarios | |
| CN115424569A (zh) | 显示控制方法、电子设备及显示系统 | |
| Kabir et al. | Emojis in textual-based communication among college students: a study in perception and frequency | |
| Westlund | Mobile News |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |