CN115357239A - 一种运营活动页面快速搭建方法、装置及电子设备 - Google Patents
一种运营活动页面快速搭建方法、装置及电子设备 Download PDFInfo
- Publication number
- CN115357239A CN115357239A CN202211290763.5A CN202211290763A CN115357239A CN 115357239 A CN115357239 A CN 115357239A CN 202211290763 A CN202211290763 A CN 202211290763A CN 115357239 A CN115357239 A CN 115357239A
- Authority
- CN
- China
- Prior art keywords
- page
- area
- user
- target
- component
- 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.)
- Pending
Links
- 230000000694 effects Effects 0.000 title claims abstract description 156
- 238000000034 method Methods 0.000 title claims abstract description 45
- 230000000007 visual effect Effects 0.000 claims abstract description 47
- 238000010276 construction Methods 0.000 claims abstract description 20
- 230000003068 static effect Effects 0.000 claims abstract description 19
- 230000004044 response Effects 0.000 claims abstract description 11
- 230000006870 function Effects 0.000 claims description 27
- 238000004590 computer program Methods 0.000 claims description 12
- 230000004048 modification Effects 0.000 claims description 11
- 238000012986 modification Methods 0.000 claims description 11
- 238000004883 computer application Methods 0.000 abstract description 2
- 238000013461 design Methods 0.000 description 12
- 238000009877 rendering Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 8
- 238000012800 visualization Methods 0.000 description 6
- 238000003032 molecular docking Methods 0.000 description 5
- 238000006243 chemical reaction Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 210000001503 joint Anatomy 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 210000004899 c-terminal region Anatomy 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000007373 indentation Methods 0.000 description 2
- 238000012827 research and development Methods 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000001125 extrusion Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 239000010454 slate Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种运营活动页面快速搭建方法、装置及电子设备,涉及计算机应用技术领域,所述方法应用于基于富文本编辑器搭建的可视化低代码平台,包括:响应于第一用户的页面创建操作,展示可视化低代码平台的搭建活动界面;响应于第一用户的组件选择和移动操作,将第一区域的目标组件展示于第二区域的第一目标位置,和/或,将第二区域的目标插件展示于第二区域的第二目标位置,以得到预搭建的运营活动页面;响应于第一用户的页面配置调整操作,对预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。本申请通过富文本编辑器搭建内容型页面,结合可选择的静态组件和动态组件,增强了页面表现力,简化了页面搭建成本。
Description
技术领域
本申请涉及计算机应用技术领域,具体而言,涉及一种运营活动页面快速搭建方法、装置及电子设备。
背景技术
目前,可视化低代码平台在搭建内容型页面时存在效率低、表现力弱的问题。现有的可视化低代码平台一般是通过将复杂页面的搭建抽象成结构化数据,由结构数据驱动组件/模版的拼装。虽然可以解决低代码搭建内容型页面的效率低、表现力弱的问题,但这种平台搭建方式主要通过堆积运营人力、穷举代码开发、增加富文本配置项等,解决方案不够灵活、动态性较差、使用方式不友好,且无法彻底解决问题、成本较高。
发明内容
有鉴于此,本申请实施例的目的在于提供一种运营活动页面快速搭建方法、装置及电子设备,通过富文本编辑器搭建内容型页面,结合可选择的静态组件和动态组件,增强了页面表现力,简化了页面搭建成本。
第一方面,本申请实施例提供了一种运营活动页面快速搭建方法,所述方法应用于基于富文本编辑器搭建的可视化低代码平台,所述方法包括:响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面,所述搭建活动界面包括第一区域、第二区域、第三区域;其中,所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域;响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面;响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
可选地,所述响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面之前,所述方法还包括:获取目标自定义组件,并将所述目标自定义组件添加到所述第一区域;其中,所述目标自定义组件是第二用户基于所述第一用户的业务需求通过所述可视化低代码平台的web ide模块进行代码编写、调试和运行生成的。
可选地,所述搭建活动界面还包括第四区域,所述第四区域包括保存、预览、使用模板功能框;所述方法,还包括:响应于所述第一用户点击使用模板功能框的操作,展示所有历史模板;响应于所述第一用户的模板选择操作,确定目标模板;响应于所述第一用户的复制粘贴操作,将所述目标模板展示在所述第二区域的编辑区域;响应于所述第一用户的页面配置调整操作,对所述目标模板的配置进行修改以得到目标运营活动页面。
可选地,所述方法还包括:响应于所述第一用户点击保存功能框的操作,保存所述第二区域的目标运营活动页面;响应于所述第一用户点击预览功能框的操作,在所述第二区域的编辑区域展示所述目标运营活动页面,以及所述目标运营活动页面的二维码和/或地址。
可选地,所述方法还包括:响应于所述第一用户的运营数据查看操作,在所述可视化低代码平台的sugar面板显示所述目标运营活动页面的运营数据;其中,所述运营数据包括:目标运营活动页面的曝光数据、目标运营活动页面的分享数据、目标运营活动页面中各组件的曝光数据和目标运营活动页面中各组件的点击数据。
可选地,所述第一区域还包括智能组件,所述智能组件用于对接多种业务场景。
可选地,所述响应于所述第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面之前,所述方法还包括:响应于所述第一用户的创建权限获取请求,分配所述第一用户创建活动页面的权限,展示所述可视化低代码平台的配置界面;响应于所述第一用户在所述配置界面的添加页面操作,展示页面基础信息创建界面;响应于所述第一用户的页面基础信息输入操作,得到页面的基础信息。
第二方面,本申请实施例还提供了一种运营活动页面快速搭建装置,所述装置应用于基于富文本编辑器搭建的可视化低代码平台,所述装置包括:
页面访问模块,用于响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面,所述搭建活动界面包括第一区域、第二区域、第三区域;
其中,所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域;
页面搭建模块,用于响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面;
页面配置模块,用于响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
第三方面,本申请实施例还提供了一种电子设备,所述电子设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器运行所述计算机程序时,执行上述的运营活动页面快速搭建方法中的任一实现方式中的步骤。
第四方面,本申请实施例还提供了一种可读存储介质,所述可读取存储介质中存储有计算机程序,所述计算机程序被处理器运行时,执行上述的运营活动页面快速搭建方法中的任一实现方式中的步骤。
综上所述,本申请提供一种运营活动页面快速搭建方法、装置和电子设备,通过富文本编辑器搭建内容型页面,支持强大的文字编辑、文字排版、内容加载、渲染、输出能力,结合可选择的静态组件和动态组件,增强了页面表现力,并且极大地简化了页面搭建成本;同时,支持模版使用方式,可以直接复制粘贴历史活动实现快速复用;此外,在目标运营活动页面搭建后,既可以生成页面发布地址和二维码,还可查看页面运营数据,进一步优化了运营使用体验。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的一种运营活动页面快速搭建方法的流程示意图;
图2为本申请实施例提供的另一种运营活动页面快速搭建方法的流程示意图;
图3为本申请实施例提供的一种基于富文本编辑器的可视化低代码平台的结构示意图;
图4为本申请实施例提供的一种基于富文本编辑器的可视化低代码平台的搭建页面的构成示意图;
图5为本申请实施例提供的一种运营活动页面快速搭建装置的结构示意图;
图6为本申请实施例提供的一种运营活动页面快速搭建电子设备的结构示意图。
图标:300-可视化低代码平台;310-富文本编辑器模块;320-渲染模块;330-文字排版模块;340-权限***管理模块;350-平台对接模块;400-搭建活动页面;500-页面快速搭建装置;510-页面访问模块;520-页面搭建模块;530-页面配置模块;600-电子设备;610-存储器;620-处理器;630-总线。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。在本申请的描述中,术语“第一”、“第二”、“第三”、“第四”等仅用于区分描述,而不能理解为指示或暗示相对重要性。显而易见地,下面所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请实施例的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请实施例保护的范围。
请参阅图1,图1为本申请实施例提供的一种运营活动页面快速搭建方法的流程示意图,包括以下步骤:
S11,响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面。
其中,第一用户指使用所述可视化低代码平台的运营人员;所述搭建活动界面包括第一区域、第二区域、第三区域;所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域。
可选地,所述响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面之前,所述方法还包括:获取目标自定义组件,并将所述目标自定义组件添加到所述第一区域;
其中,所述目标自定义组件是第二用户基于所述第一用户的业务需求通过所述可视化低代码平台的web ide模块进行代码编写、调试和运行生成的。所述第二用户可以是所述可视化低代码平台的研发人员。
值得注意的是,通过所述可视化低代码平台的web ide模块进行自定义组件的代码编写、调试和运行,实现了动态云组件加载和渲染,且提高了新增组件的研发效率。同时,所述动态组件是可以循环复用的,在第一次使用所述动态组件后,所述动态组件可转换为静态组件,供本业务线其他用户或者其他任务线的用户使用。
在一些实施中,所述静态组件可按业务类型划分为样式排版类组件、互动组件、会员组件、内容组件、用户组件、电商组件等,其中,所述样式排版类组件包括但不限于:Banner图、锚点、导航栏、Meta、轮播图、自定义热区组件、滚动画廊、Lottie动画等,所述互动组件包括但不限于:抽奖、集卡、任务等组件。
在一些实施中,所述工具栏的常用插件包括但不限于:***代码、***公式、***链接、***引用、***视频、复制粘贴还原内容、***图片、***重点样式、***注解等。所述工具栏还包括常用编辑工具,所述常用编辑工具包括但不限于:字体倾斜、字体加粗、段落左对齐、段落居中对齐、段落右对齐等。
值得注意的是,所述第一区域的组件和所述第二区域的插件都是基于富文本编辑器***的,支持插拔、移植等,且可以面向社区、面向第三方使用的,只需要一个 NPM包(Node Package Manager)即可接入一个新的功能或新的自定义组件类型。
在一些实施例中,S11之前还包括:
S110,响应于所述第一用户的创建权限获取请求,分配所述第一用户创建活动页面的权限,展示所述可视化低代码平台的配置界面。
S120,响应于所述第一用户在所述配置界面的添加页面操作,展示页面基础信息创建界面。
S130,响应于所述第一用户的页面基础信息输入操作,得到页面的基础信息。
其中,所述基础信息包括:页面的基本信息和分享页面的分享信息;所述基本信息包括页面标题、站外是否展示跳转到app等;所述分享信息是指分享页面是在所述分享终端所显示的相关信息,包括但不限于分享标题、分享内容、分享图片等。在一些实施例中,所述分享标题可以与页面标题相同,也可以与页面标题不同。
S12,响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面。
其中,所述目标组件通过所述第一用户的组件选择操作确定,可以是第一区域的组件,也可以是第二区域工具栏的插件;所述第一目标位置、第二目标位置通过所述第一用户的组件移动操作确定,且一般位于所述第二区域的编辑区域。
在一些实施例中,所述方法还包括:响应于所述第一用户的文本编辑操作,展示所述第一用户编辑的文本内容。其中,所述第一用户的文本编辑操作指所述第一用户在所述第二区域的编辑区域输入文本内容,或,所述第一用户采用工具栏的常用编辑工具对所述第二区域的编辑区域的文本内容进行编辑。
S13,响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
其中,所述目标运营活动页面可以满足多种业务需求,包括但不限于:商品购买页、活动报名页、创作激励页等。所述第一用户的页面配置调整操作是修改预搭建的运营活动页面的背景、全局、分享、代码、组件等配置信息中的至少一种;在一些实施例中,修改页面的背景信息可以是修改所述预搭建的运营活动页面的背景图片、背景颜色等;修改页面的全局信息可以是针对所述预搭建的运营活动页面进行全局调整;修改页面的分享信息可以是修改所述分享页面的分享信息;修改预搭建的运营活动页面的代码信息可以是修改某一组件相应的代码,从而调整组件的形状、颜色等;修改页面的组件信息可以是修改某一组件相应的ID等信息。
上述运营活动页面搭建方法,通过web ide模块在云端进行自定义组件的代码编写、调试、运行,实现动态云组件加载和渲染;通过富文本编辑器搭建内容型页面,支持强大的文字编辑、文字排版、内容加载、渲染、输出能力,结合可选择的静态组件、动态组件,增强了页面表现力,并且极大地简化了页面搭建成本。
请参阅图2,图2为本申请实施例提供的另一种运营活动页面快速搭建方法的流程示意图,包括以下步骤:
S21,响应于所述第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面。
其中,所述搭建活动界面还包括第四区域,所述第四区域位于所述搭建活动界面的右上方,位于所述第三区域的正上方。
具体地,所述第四区域包括保存、预览、使用模板功能框。其中,所述保存功能框用于保存所述目标运营活动页面,所述预览功能框用于预览所述目标运营活动页面,并生成所述目标运营活动页面的二维码和/或地址,所述使用模板功能框用于浏览并使用历史模板。
S22,响应于所述第一用户点击使用模板功能框的操作,展示所有历史模板,并响应于所述第一用户的模板选择操作,确定目标模板。
其中,所述历史模板可以是所述可视化低代码平台提供的模板库中的模板,也可以是基于所述可视化低代码平台历史创建的运营活动页面。
具体地,S22包括以下步骤:
S221,响应于所述第一用户点击使用模板功能框的操作,展示所有历史模板;
S222,响应于所述第一用户的模板选择操作,确定目标模板;
S223,响应于所述第一用户的复制粘贴操作,将所述目标模板展示在所述第二区域的编辑区域;其中,所述目标模板通过所述第一用户的模板选择操作确定。
S23,响应于所述第一用户的页面配置调整操作,对所述目标模板的配置进行修改以得到目标运营活动页面。
S23与S13类似,此处不再赘述。
在一些实施例中,所述运营活动页面快速搭建方法在S23之后还包括:
S24,响应于所述第一用户点击保存功能框的操作,保存所述第二区域的目标运营活动页面。
S25,响应于所述第一用户点击预览功能框的操作,在所述第二区域的编辑区域展示所述目标运营活动页面,以及所述目标运营活动页面的二维码和/或地址。
其中,在所述目标运营活动页面交付前,所述二维码和/或地址用于预览所述目标运营活动页面,并检验所述目标运营活动页面是否符合预期要求;在所述目标运营活动页面交付后,所述二维码/或地址用于分享所述目标运营活动页面。在一些实施例中,所述目标运营活动页面的二维码和/或地址可以显示在所述第四区域下方,对于具体显示位置此处不做特殊要求。
值得注意的是,若所述目标运营活动页面未上线,则需要在办公室环境下扫描所述二维码或点击所述地址;若所述目标运营活动页面已上线,则可以使用办公室环境访问,也可以使用外网访问。
S26,响应于所述第一用户的运营数据查看操作,在所述可视化低代码平台的sugar面板显示所述目标运营活动页面的运营数据。
具体地,响应于所述第一用户的查看权限获取请求,分配所述第一用户查看sugar面板的权限;响应于所述第一用户的运营数据查看操作,在所述sugar面板显示所述目标运营活动页面的运营数据。
其中,所述运营数据是所述目标运营活动页面交付上线后,由所述可视化低代码平台实时统计的数据。所述运营数据包括:目标运营活动页面的曝光数据、目标运营活动页面的分享数据、目标运营活动页面中各组件的曝光数据和目标运营活动页面中各组件的点击数据。
在一些实施例中,所述可视化低代码平台还提供“报表”按钮,便于所述第一用户在所述配置界面直接查看所述运营数据。具体地,响应于所述第一用户的查看权限获取请求,分配所述第一用户查看报表的权限;响应于所述第一用户的运营数据查看操作,显示所述目标运营活动页面的运营数据。
S27,响应于所述第一用户的数据下载请求,下载目标运营数据。
其中,所述目标运营数据是所述目标运营活动页面的曝光数据、目标运营活动页面的分享数据、目标运营活动页面中各组件的曝光数据和目标运营活动页面中各组件的点击数据中的至少一种。
上述运营活动页面快速搭建方法、装置和电子设备,支持模版使用方式,基于富文本编辑器可以直接复制粘贴历史活动实现快速复用。此外,在目标运营活动页面交付上线后,支持查看并下载页面运营数据,可以具体到页面中的某一组件的曝光数据,便于运营人员更好地分析目标运营活动页面各组件的曝光效果,进一步提高了运营使用体验。
请参阅图3,图3为本申请实施例提供的一种基于富文本编辑器的可视化低代码平台的结构示意图,所述可视化低代码平台包括富文本编辑器模块310、渲染模块320、文字排版模块330、权限***管理模块340和平台对接模块350。
富文本编辑器模块310,用于搭建富文本编辑器的底层框架,注册并实例化各种组件以及自定义组件,以支持输入各种富文本、加载多种组件和插件、对接多种数据源;
其中,所述底层框架为用于构建富文本内容和富文本编辑器的基础设施,包括但不限于Draft.js、Prosemirror.js、Slate.js、Quill.js等多种编辑器框架中至少一种编辑器框架。
在一些实施例中,可以选择Draft.js作为底层框架,通过DraftToHTML函数将富文本编辑器不可变数据转换为兼容老格式的 HTML 字符串的结构化数据,存储到数据库,用于后端返回给用户端页面以及进行渲染等。若底层框架为Prosemirror.js、Slate.js、Quill.js等,将不可变数据结构转换为结构化数据的工具函数draftToHtml替换为对应的工具函数Prosemirror ToHtml、slateToHtml、quillToHtml。
在一些实施例中,所述富文本编辑器模块310还用于搭建基于富文本编辑器的底层框架的插件框架,使富文本编辑器的各个功能相互独立、易于插拔。进一步地,通过利用Node.js将数据接口的差异进行统一处理,以对接多种组件和插件,实现可插拔且可移植的组件化和插件化设计。
渲染模块320,用于对所述第二区域的编辑区域中输入的内容进行渲染,并于C端显示。
具体地,获取所述富文本编辑器模块310解析所述第二区域的编辑区域中输入的内容所得到的结构化数据、纯文本数据、配置数据等,其中,所述结构化数据指利用工具函数draftToHtml、Prosemirror ToHtml、slateToHtml、quillToHtml中的至少一种转换不可变结构获得数据,所述纯文本数据指利用转换函数convertToRaw获取所述不可变数据对应的纯数据,所述配置数据指分享页面的分享信息;利用渲染模块320进行渲染,并于C端显示。
文字排版模块330,用于对所述目标运营活动页面中的文字内容进行规范化处理;
其中,文字排版模块330是在富文本编辑器的基础上进行构建,对文字的处理能力较强,可自动实现标点挤压、统一排版等功能。在一些实施例中,所述对所述目标运营活动页面中的文字内容进行规范化处理,可以是检查、修改专业术语,也可以是针对标点符号、空格等进行检查、修改,还可以是调整悬挂缩进、首行缩进等。
权限***管理模块340,用于分配所述可视化低代码平台的权限,包括但不限于:访问权限、创建权限、查看权限等。
具体地,通过Node.JS能力,结合RBAC(Role-Based policies Access Control)思想设计并建立的权限管理***的数据库模型,使所述可视化低代码平台拥有规范化、灵活的权限申请和使用流程。
在一些实施例中,所有权限可进行打包组合,在所述第一用户申请权限时,直接分配访问权限、创建权限、查看权限等中的至少一种;在另一些实施例中,所有权限也可采用分批次分配的方式进行管理,例如,响应于所述第一用户的访问权限获取请求,分配所述第一用户访问所述可视化低代码平台的权限;响应于所述第一用户的创建权限获取请求,分配所述第一用户创建活动页面的权限;响应于所述第一用户的查看权限获取请求,分配所述第一用户查看sugar面板的权限和/或查看报表的权限。
值得注意的是,在所述可视化低代码平台分配所述第一用户权限后,运营人员才能访问平台或创建活动;在一些实施例中,分配所述第一用户创建活动页面的权限,也仅限查看和编辑所述第一用户自己新建的运营活动页面,对于其他用户的活动只具有查看权限,不具有编辑权限。若所述第一用户需要对其他用户的活动进行编辑操作,可以联系活动创建人添加“协同管理”权限,所述可视化低代码平台响应于协同管理权限的获取请求,分配所述第一用户编辑该活动的权限。
平台对接模块350,用于对接现有***,实现多平台间的高效联动。
具体地,所述可视化低代码平台可以在BFF(Backend For Frontend)层,通过Node.js能力完成数据处理,实现接口格式统一,从而便于对接现有***,比如对接抽奖平台、资管平台进行抽奖等活动,实现多平台间的高效联动,提高平台化能力。
在一些实施例中,所述可视化低代码平台还可以提供设计中台,所述设计中台用于设计人员提交组件,通过所述设计中台可以打通组件设计流程,约束组件设计规范,做到统一设计管控;具体地,不同企业对各组件的排版及组件形状、背景颜色等信息等有不同的要求,针对各企业的不同要求规范组件设计,实现组件的统一设计管控。若所述可视化低代码平台服务的企业客户有自己的***或者设计平台,可以利用所述可视化低代码平台的平台化能力对接企业客户的设计平台,实现统一设计管控。
在另一些实施例中,所述可视化低代码平台还包括:web ide模块、页面分享模块和页面运营数据统计模块。其中,所述web ide模块,用于在云端进行自定义组件的代码编写、调试、运行;所述页面分享模块,用于生成所述目标运营活动页面的二维码和/或地址;所述页面运营数据统计模块,用于统计所述目标运营活动页面交付上线后的运营数据,并提供查看和下载目标运营活动页面的运营数据的sugar面板和报表功能,便于第一用户更好地分析运营数据。
上述基于富文本编辑器的可视化低代码平台,通过结合富文本编辑器技术,支持输入各种富文本、加载多种组件和插件、对接多种数据源,增强了文字排版能力,支持天然业务自定义区块渲染,提供更好的性能表现。除此之外,通过权限***管理模块规范化了使用流程,通过平台对接模块实现了多平台间的高效联动,通过web ide模块实现了动态云组件加载和渲染,提高了新增组件的研发效率,通过页面分享模块和页面运营数据统计模块提高了运营使用体验。
请参阅图4,图4为本申请实施例提供的一种基于富文本编辑器的可视化低代码平台的搭建活动页面的页面构成示意图,所述搭建活动页面400包括:第一区域、第二区域、第三区域和第四区域。
其中,所述第一区域为组件显示区域,所述第一区域的组件包括静态组件和动态组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域;所述第三区域为页面修改区域,用于修改页面的配置信息,所述配置信息包括但不限于背景、全局、分享、代码、组件等;所述第四区域包括保存、预览、使用模板功能框。
在一些实施例中,所述第一区域的组件还包括智能组件,用于对接多种业务场景。所述运营活动页面快速搭建方法还包括:响应于所述第一用户对智能组件的选择操作,在所述第二区域的编辑区域显示对应智能组件,并显示智能组件相关操作提示,如,输入标题、上传图片、上传视频等。
具体地,所述可视化低代码平台可以通过对数据进行统一规范化处理,使得所述可视化低代码平台直接对接前端智能组件,进一步降低了页面组件开发的成本。其中,所述统一规范化处理包括:序列化格式转换、协议转换、数据聚合和裁剪、Node. js调用RPC(Remote Procedure Call ),Node. js是一个基于Chrome V8引擎的JavaScript运行环境。
在一些实施例中,所述第二区域还包括导航栏,用于快速了解目标运营活动页面的组件构成。
上述基于富文本编辑器的可视化低代码平台的搭建活动页面,支持输入各种富文本、加载多种组件和插件、对接多种数据源。通过结合富文本编辑器技术,在所述第一区域显示有各种静态组件、动态组件和智能组件,以便于运营人员在搭建运营活动页面时,更易于操作,且更好地实现了所见即所得的效果,极大提高了运营活动页面搭建的效率。
请参阅图5,图5为本申请实施例提供的一种运营活动页面快速搭建装置的结构示意图,该页面快速搭建装置500包括:
页面访问模块510,用于响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面,所述搭建活动界面,包括第一区域、第二区域、第三区域;
其中,所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域;
页面搭建模块520,用于响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面;
页面配置模块530,用于响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
上述运营活动页面快速搭建装置的详细描述,请参见上述实施例中相关方法步骤的描述。
请参阅图6,图6为本申请实施例提供的一种电子设备的结构示意图,该电子设备600包括:存储器610和处理器620,存储器610和处理器620通过总线630连接,存储器610存储有计算机程序,处理器620读取并运行所述计算机程序时,以使电子设备600可执行上述的实施例中方法的全部或部分流程,以实现运营活动页面快速搭建。
应当理解是,该电子设备可以是个人电脑(Personal Computer,PC)、平板电脑、智能手机等具有逻辑计算功能的电子设备。
本申请实施例还提供了一种可读存储介质,所述可读取存储介质中存储有计算机程序,所述计算机程序被处理器读取并运行时,执行运营活动页面快速搭建方法中的步骤。
以上所述实施例,仅为本申请的具体实施方式,用以说明本申请的技术方案,而非对其限制,本申请的保护范围并不局限于此,尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种运营活动页面快速搭建方法,其特征在于,所述方法应用于基于富文本编辑器搭建的可视化低代码平台,所述方法包括:
响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面,所述搭建活动界面包括第一区域、第二区域、第三区域;
其中,所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域;
响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面;
响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
2.根据权利要求1所述的方法,其特征在于,所述响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面之前,所述方法还包括:
获取目标自定义组件,并将所述目标自定义组件添加到所述第一区域;
其中,所述目标自定义组件是第二用户基于所述第一用户的业务需求通过所述可视化低代码平台的web ide模块进行代码编写、调试和运行生成的。
3.根据权利要求1所述的方法,其特征在于,所述搭建活动界面还包括第四区域,所述第四区域包括保存、预览、使用模板功能框;所述方法,还包括:
响应于所述第一用户点击使用模板功能框的操作,展示所有历史模板;
响应于所述第一用户的模板选择操作,确定目标模板;
响应于所述第一用户的复制粘贴操作,将所述目标模板展示在所述第二区域的编辑区域;
响应于所述第一用户的页面配置调整操作,对所述目标模板的配置进行修改以得到目标运营活动页面。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于所述第一用户点击保存功能框的操作,保存所述第二区域的目标运营活动页面;
响应于所述第一用户点击预览功能框的操作,在所述第二区域的编辑区域展示所述目标运营活动页面,以及所述目标运营活动页面的二维码和/或地址。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于所述第一用户的运营数据查看操作,在所述可视化低代码平台的sugar面板显示所述目标运营活动页面的运营数据;
其中,所述运营数据包括:目标运营活动页面的曝光数据、目标运营活动页面的分享数据、目标运营活动页面中各组件的曝光数据和目标运营活动页面中各组件的点击数据。
6.根据权利要求1所述的方法,其特征在于,所述第一区域还包括智能组件,所述智能组件用于对接多种业务场景。
7.根据权利要求1所述的方法,其特征在于,所述响应于所述第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面之前,所述方法还包括:
响应于所述第一用户的创建权限获取请求,分配所述第一用户创建活动页面的权限,展示所述可视化低代码平台的配置界面;
响应于所述第一用户在所述配置界面的添加页面操作,展示页面基础信息创建界面;
响应于所述第一用户的页面基础信息输入操作,得到页面的基础信息。
8.一种运营活动页面快速搭建装置,其特征在于,所述装置应用于基于富文本编辑器搭建的可视化低代码平台,所述装置包括:
页面访问模块,用于响应于第一用户的页面创建操作,展示所述可视化低代码平台的搭建活动界面,所述搭建活动界面包括第一区域、第二区域、第三区域;
其中,所述第一区域为组件显示区域,包括静态组件和动态组件,所述静态组件为基于富文本编辑器***的常用组件,所述动态组件为基于web ide模块进行添加的自定义组件;所述第二区域为页面编辑区域,包括工具栏和编辑区域,所述工具栏包括基于富文本编辑器***的常用插件;所述第三区域为页面修改区域;
页面搭建模块,用于响应于所述第一用户的组件选择和移动操作,将所述第一区域的目标组件展示于所述第二区域的第一目标位置,和/或,将所述第二区域的目标插件展示于所述第二区域的第二目标位置,以得到预搭建的运营活动页面;
页面配置模块,用于响应于所述第一用户的页面配置调整操作,对所述预搭建的运营活动页面的配置进行修改以得到目标运营活动页面。
9.一种电子设备,其特征在于,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器运行所述计算机程序时执行权利要求1至7中任一项所述的运营活动页面快速搭建方法。
10.一种可读存储介质,其特征在于,其存储有计算机程序,所述计算机程序在处理器上运行时执行权利要求1至7中任一项所述的运营活动页面快速搭建方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211290763.5A CN115357239A (zh) | 2022-10-21 | 2022-10-21 | 一种运营活动页面快速搭建方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211290763.5A CN115357239A (zh) | 2022-10-21 | 2022-10-21 | 一种运营活动页面快速搭建方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115357239A true CN115357239A (zh) | 2022-11-18 |
Family
ID=84008332
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211290763.5A Pending CN115357239A (zh) | 2022-10-21 | 2022-10-21 | 一种运营活动页面快速搭建方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115357239A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115729534A (zh) * | 2022-11-21 | 2023-03-03 | 中电金信软件有限公司 | 低代码页面的创建方法、展示方法、装置、设备及介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
CN110032420A (zh) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | 一种前端网页设计***及其方法 |
CN113419728A (zh) * | 2021-06-22 | 2021-09-21 | 康键信息技术(深圳)有限公司 | 营销页面的搭建方法、装置、设备及存储介质 |
CN113849165A (zh) * | 2021-09-28 | 2021-12-28 | 航天科工网络信息发展有限公司 | 基于可视化拖拉且可定制的低代码前端开发框架及方法 |
CN114036438A (zh) * | 2021-11-11 | 2022-02-11 | 深圳乐信软件技术有限公司 | 一种页面搭建方法、装置、设备以及存储介质 |
CN114036439A (zh) * | 2021-11-16 | 2022-02-11 | 深圳壹账通智能科技有限公司 | 网站搭建方法、装置、介质及电子设备 |
CN114489610A (zh) * | 2022-02-15 | 2022-05-13 | 北京智达互动科技有限公司 | 一种页面可视化动态组件配置方法及*** |
-
2022
- 2022-10-21 CN CN202211290763.5A patent/CN115357239A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
CN110032420A (zh) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | 一种前端网页设计***及其方法 |
CN113419728A (zh) * | 2021-06-22 | 2021-09-21 | 康键信息技术(深圳)有限公司 | 营销页面的搭建方法、装置、设备及存储介质 |
CN113849165A (zh) * | 2021-09-28 | 2021-12-28 | 航天科工网络信息发展有限公司 | 基于可视化拖拉且可定制的低代码前端开发框架及方法 |
CN114036438A (zh) * | 2021-11-11 | 2022-02-11 | 深圳乐信软件技术有限公司 | 一种页面搭建方法、装置、设备以及存储介质 |
CN114036439A (zh) * | 2021-11-16 | 2022-02-11 | 深圳壹账通智能科技有限公司 | 网站搭建方法、装置、介质及电子设备 |
CN114489610A (zh) * | 2022-02-15 | 2022-05-13 | 北京智达互动科技有限公司 | 一种页面可视化动态组件配置方法及*** |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115729534A (zh) * | 2022-11-21 | 2023-03-03 | 中电金信软件有限公司 | 低代码页面的创建方法、展示方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11188614B2 (en) | System and method for automatic suggestion for dynamic site compilation within a cloud-based content hub environment | |
US10650082B2 (en) | Collaborative virtual markup | |
CN109918607B (zh) | 页面搭建方法及装置、介质和计算设备 | |
US20060143561A1 (en) | System and method for author-driven template switching in the development and modification of web pages | |
EP1830275A1 (en) | Information distribution system | |
CN112882703B (zh) | 一种自定义图表插件在线设计方法及装置 | |
CN113032708A (zh) | 一种无代码Web开发*** | |
US6993713B2 (en) | Web content management software utilizing a workspace aware JSP servlet | |
US11727083B2 (en) | System and method for automatic selection for dynamic site compilation within a cloud-based content hub environment | |
Anderson et al. | Pro business applications with silverlight 4 | |
CN115202729A (zh) | 基于容器服务的镜像生成方法、装置、设备及介质 | |
CN115357239A (zh) | 一种运营活动页面快速搭建方法、装置及电子设备 | |
CN112182465A (zh) | 页面展示方法、第一终端、服务器以及*** | |
US20080010591A1 (en) | Web forms creation and reporting tool | |
CN111612501B (zh) | 一种基于策略复用的信息生成方法、装置和电子设备 | |
CN103970773A (zh) | 一种网页的页面更新方法及装置 | |
CN110717134A (zh) | 产品说明发布方法、装置、存储介质及电子设备 | |
US7730105B2 (en) | Time sharing managing apparatus, document creating apparatus, document reading apparatus, time sharing managing method, document creating method, and document reading method | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN113296759A (zh) | 用户界面处理方法、用户界面处理***、设备及存储介质 | |
US20080263444A1 (en) | Document Processing Device and Document Processing Method | |
WO2021051032A1 (en) | System and method for automatic suggestion and automatic selection for dynamic site compilation within a cloud-based content hub environment | |
Biswas | Beginning React and Firebase | |
CN112783484A (zh) | 协作设计创意的向导模版***、共享方法、终端及介质 | |
Frank | Enhancing object-oriented modeling with concepts to integrate electronic documents |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20221118 |