一种基于模板进行用户自定义内容配置的微网站生成方法与流程

1.本发明属于手机移动端微网站技术领域，具体涉及一种基于模板进行用户自定义内容配置的微网站生成方法。


背景技术：

2.目前，在这个互联网的时代，用户可根据自身的业务创建微网站，生成预约服务页面或产品介绍说明，让客户可随时随地了解产品并满足自身需求。目前现有技术的模板种类不够丰富，同时大多数用户没有一定的审美基础或者互联网思维，操作起来相对较复杂，能自定义的组件种类较少，其只能实现一些常见的信息提交、倒计时、定位、视频音频等一些基础功能，功能还不够完善齐全，无法满足用户的使用需求。


技术实现要素：

3.本发明的目的在于：提供一种基于模板进行用户自定义内容配置的微网站生成方法，解决现有技术微网站生成、编辑功能不完善的问题。
4.本发明采用的技术方案如下：
5.一种基于模板进行用户自定义内容配置的微网站生成方法，包括以下步骤：
6.(1)用户进入微网站菜单，新建页面；
7.(2)选择所需的模板组件，在页面对应生成选择的模板组件；
8.(3)通过操作区对模板组件进行自定义修改，并在模板组件内进行页面内容编辑；
9.(4)用户判断是否需要添加下一个模板组件，若是，重复步骤(2)至步骤(4)；若否，直接进入步骤(5)；
10.(5)用户判断是否需要新建一级页面或子页面，若是，新建一级页面或子页面，并重复步骤(2)至步骤(5)，并生产点击事件将一级页面和子页面进行关联，若否，直接进入步骤(6)；
11.(6)用户选择页面预览，实时生成二维码，用户保存二维码后，扫描二维码预览当前微网站所有页面；
12.(7)用户判断是否需要对所有页面进行修改，若是，在对应页面对需要修改的模板组件的页面内容进行重新编辑，若否，直接进入步骤(8)；
13.(8)用户保存所有页面并发布生成微网站。
14.进一步地，所述模板组件包括基本组件、高级组件、表单组件。
15.进一步地，所述基本组件包括文本、富文本、图片、幻灯片、标题、分割线、留白、分类导航、底部导航、抽屉导航、左右滑动图、弹框、矩形、字体图标，
16.所述文本用于用户输入一段纯文本，设置纯文本的字体大小、粗细；
17.所述富文本用于用户编辑一段文字的段落样式，设置字体大小、字体样式、字体风格、字体颜色、行高；
18.所述图片用于用户自定义上传图片，设置图片的宽高、位置；
19.所述幻灯片用于用户将图片轮播，设置每页的图片以及文字；
20.所述标题用于用户添加标题，设置标题样式；
21.所述分割线用于用户对页面区域的划分，设置分割线颜色、粗细；
22.所述留白用于用户对页面设置某块空白区域；
23.所述分类导航用于用户建立菜单导航，实现分类筛选功能；
24.所述底部导航用于用户在页面底部固定生成页面跳转导航；
25.所述抽屉导航用于用户在页面顶部固定生成顶部导航，设置顶部导航位置；
26.所述左右滑动图用于用户添加大尺寸图片，大尺寸图片超过页面水平方向宽度时左右滚动查看；
27.所述弹框用于用于建立提示性功能，设置弹框弹出位置；
28.所述字体图标用于用户丰富页面的样式，丰富栏目或菜单展示效果。
29.进一步地，所述高级组件包括音频、视频、地图、背景音乐、公告、倒计时、下载，
30.所述音频用于用户上传音频播放地址，设置音频标题、页面所处位置；
31.所述视频用于用户上传视频播放地址，设置视频页面所处位置；
32.所述地图用于用户添加定位，设置定位经纬度；
33.背景音乐用于用户上传微网站打开时的背景音乐播放地址；
34.所述公告用于用户在页面添加公告内容，设置公告显示方式；
35.所述倒计时用于用户设置倒计时截止时间点，并在页面展示截止时间；
36.所述下载用于用户上传下载内容的链接地址，并在页面生产下载图标。
37.进一步地，所述表单组件包括姓名、手机号、邮箱、省市区、年月日、单选、多选、上传、自定义，所述手机号和邮箱设置格式验证，所述单选和多选氪设置选项类型，所述上传设置上传数量。
38.综上所述，由于采用了上述技术方案，本发明的有益效果是：
39.1、本发明中，通过内置多种行业模板，减少客户自定义操作流程，用户可直接拖拽需要的组件到编辑区域任意位置，这样利于用户更加快速的排版页面，页面简洁大方，操作简单，能吸引更广范围的客户人群，生成的微网站可及时修改，及时预览看到效果，有效解决了现有微网站生成、编辑功能不完善的问题。
附图说明
40.为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图，其中：
41.图1为本发明的流程示意图。
具体实施方式
42.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施
例的组件可以以各种不同的配置来布置和设计。
43.因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
44.一种基于模板进行用户自定义内容配置的微网站生成方法，包括以下步骤：
45.(1)用户进入微网站菜单，新建页面；
46.(2)选择所需的模板组件，在页面对应生成选择的模板组件；
47.(3)通过操作区对模板组件进行自定义修改，并在模板组件内进行页面内容编辑；
48.(4)用户判断是否需要添加下一个模板组件，若是，重复步骤(2)至步骤(4)；若否，直接进入步骤(5)；
49.(5)用户判断是否需要新建一级页面或子页面，若是，新建一级页面或子页面，并重复步骤(2)至步骤(5)，并生产点击事件将一级页面和子页面进行关联，若否，直接进入步骤(6)；
50.(6)用户选择页面预览，实时生成二维码，用户保存二维码后，扫描二维码预览当前微网站所有页面；
51.(7)用户判断是否需要对所有页面进行修改，若是，在对应页面对需要修改的模板组件的页面内容进行重新编辑，若否，直接进入步骤(8)；
52.(8)用户保存所有页面并发布生成微网站。
53.进一步地，所述模板组件包括基本组件、高级组件、表单组件。
54.进一步地，所述基本组件包括文本、富文本、图片、幻灯片、标题、分割线、留白、分类导航、底部导航、抽屉导航、左右滑动图、弹框、矩形、字体图标，
55.所述文本用于用户输入一段纯文本，设置纯文本的字体大小、粗细；
56.所述富文本用于用户编辑一段文字的段落样式，设置字体大小、字体样式、字体风格、字体颜色、行高；
57.所述图片用于用户自定义上传图片，设置图片的宽高、位置；
58.所述幻灯片用于用户将图片轮播，设置每页的图片以及文字；
59.所述标题用于用户添加标题，设置标题样式；
60.所述分割线用于用户对页面区域的划分，设置分割线颜色、粗细；
61.所述留白用于用户对页面设置某块空白区域；
62.所述分类导航用于用户建立菜单导航，实现分类筛选功能；
63.所述底部导航用于用户在页面底部固定生成页面跳转导航；
64.所述抽屉导航用于用户在页面顶部固定生成顶部导航，设置顶部导航位置；
65.所述左右滑动图用于用户添加大尺寸图片，大尺寸图片超过页面水平方向宽度时左右滚动查看；
66.所述弹框用于用于建立提示性功能，设置弹框弹出位置；
67.所述字体图标用于用户丰富页面的样式，丰富栏目或菜单展示效果。
68.进一步地，所述高级组件包括音频、视频、地图、背景音乐、公告、倒计时、下载，
69.所述音频用于用户上传音频播放地址，设置音频标题、页面所处位置；
70.所述视频用于用户上传视频播放地址，设置视频页面所处位置；
71.所述地图用于用户添加定位，设置定位经纬度；
72.背景音乐用于用户上传微网站打开时的背景音乐播放地址；
73.所述公告用于用户在页面添加公告内容，设置公告显示方式；
74.所述倒计时用于用户设置倒计时截止时间点，并在页面展示截止时间；
75.所述下载用于用户上传下载内容的链接地址，并在页面生产下载图标。
76.进一步地，所述表单组件包括姓名、手机号、邮箱、省市区、年月日、单选、多选、上传、自定义，所述手机号和邮箱设置格式验证，所述单选和多选氪设置选项类型，所述上传设置上传数量。
77.本发明在实施过程中，通过内置多种行业模板，减少客户自定义操作流程，用户可直接拖拽需要的组件到编辑区域任意位置，这样利于用户更加快速的排版页面，页面简洁大方，操作简单，能吸引更广范围的客户人群，生成的微网站可及时修改，及时预览看到效果，有效解决了现有微网站生成、编辑功能不完善的问题。
78.实施例1
79.一种基于模板进行用户自定义内容配置的微网站生成方法，包括以下步骤：
80.(1)用户进入微网站菜单，新建页面；
81.(2)选择所需的模板组件，在页面对应生成选择的模板组件；
82.(3)通过操作区对模板组件进行自定义修改，并在模板组件内进行页面内容编辑；
83.(4)用户判断是否需要添加下一个模板组件，若是，重复步骤(2)至步骤(4)；若否，直接进入步骤(5)；
84.(5)用户判断是否需要新建一级页面或子页面，若是，新建一级页面或子页面，并重复步骤(2)至步骤(5)，并生产点击事件将一级页面和子页面进行关联，若否，直接进入步骤(6)；
85.(6)用户选择页面预览，实时生成二维码，用户保存二维码后，扫描二维码预览当前微网站所有页面；
86.(7)用户判断是否需要对所有页面进行修改，若是，在对应页面对需要修改的模板组件的页面内容进行重新编辑，若否，直接进入步骤(8)；
87.(8)用户保存所有页面并发布生成微网站。
88.实施例2
89.在实施例1的基础上，所述模板组件包括基本组件、高级组件、表单组件。
90.实施例3
91.在上述实施例的基础上，所述基本组件包括文本、富文本、图片、幻灯片、标题、分割线、留白、分类导航、底部导航、抽屉导航、左右滑动图、弹框、矩形、字体图标，
92.所述文本用于用户输入一段纯文本，设置纯文本的字体大小、粗细；
93.所述富文本用于用户编辑一段文字的段落样式，设置字体大小、字体样式、字体风格、字体颜色、行高；
94.所述图片用于用户自定义上传图片，设置图片的宽高、位置；
95.所述幻灯片用于用户将图片轮播，设置每页的图片以及文字；
96.所述标题用于用户添加标题，设置标题样式；
97.所述分割线用于用户对页面区域的划分，设置分割线颜色、粗细；
98.所述留白用于用户对页面设置某块空白区域；
99.所述分类导航用于用户建立菜单导航，实现分类筛选功能；
100.所述底部导航用于用户在页面底部固定生成页面跳转导航；
101.所述抽屉导航用于用户在页面顶部固定生成顶部导航，设置顶部导航位置；
102.所述左右滑动图用于用户添加大尺寸图片，大尺寸图片超过页面水平方向宽度时左右滚动查看；
103.所述弹框用于用于建立提示性功能，设置弹框弹出位置；
104.所述字体图标用于用户丰富页面的样式，丰富栏目或菜单展示效果。
105.实施例4
106.在上述实施例的基础上，所述高级组件包括音频、视频、地图、背景音乐、公告、倒计时、下载，
107.所述音频用于用户上传音频播放地址，设置音频标题、页面所处位置；
108.所述视频用于用户上传视频播放地址，设置视频页面所处位置；
109.所述地图用于用户添加定位，设置定位经纬度；
110.背景音乐用于用户上传微网站打开时的背景音乐播放地址；
111.所述公告用于用户在页面添加公告内容，设置公告显示方式；
112.所述倒计时用于用户设置倒计时截止时间点，并在页面展示截止时间；
113.所述下载用于用户上传下载内容的链接地址，并在页面生产下载图标。
114.实施例5
115.在上述实施例的基础上，所述表单组件包括姓名、手机号、邮箱、省市区、年月日、单选、多选、上传、自定义，所述手机号和邮箱设置格式验证，所述单选和多选氪设置选项类型，所述上传设置上传数量。
116.如上所述即为本发明的实施例。前文所述为本发明的各个优选实施例，各个优选实施例中的优选实施方式如果不是明显自相矛盾或以某一优选实施方式为前提，各个优选实施方式都可以任意叠加组合使用，所述实施例以及实施例中的具体参数仅是为了清楚表述发明的验证过程，并非用以限制本发明的专利保护范围，本发明的专利保护范围仍然以其权利要求书为准，凡是运用本发明的说明书及附图内容所作的等同结构变化，同理均应包含在本发明的保护范围内。