CN112631494B - 一种栏目生成方法及装置 - Google Patents

一种栏目生成方法及装置 Download PDF

Info

Publication number
CN112631494B
CN112631494B CN202011637259.9A CN202011637259A CN112631494B CN 112631494 B CN112631494 B CN 112631494B CN 202011637259 A CN202011637259 A CN 202011637259A CN 112631494 B CN112631494 B CN 112631494B
Authority
CN
China
Prior art keywords
page
module
editing
user
column
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.)
Active
Application number
CN202011637259.9A
Other languages
English (en)
Other versions
CN112631494A (zh
Inventor
曾朋辉
王有志
侯慧敏
徐珮轩
蔡睿琪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Agricultural Bank of China
Original Assignee
Agricultural Bank of China
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Agricultural Bank of China filed Critical Agricultural Bank of China
Priority to CN202011637259.9A priority Critical patent/CN112631494B/zh
Publication of CN112631494A publication Critical patent/CN112631494A/zh
Application granted granted Critical
Publication of CN112631494B publication Critical patent/CN112631494B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种栏目生成方法及装置,包括:响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定栏目所需的各个页面。响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。响应于用户在页面编辑界面上的模块拖拽操作,从第二预设数量个目标模块中拖拽当前页面所需的各个模块。响应于用户对至少一个模块的拖拽操作,确定当前页面中的各个模块的序列顺序。响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户对模块进行编辑。响应于用户对各个页面编辑完成的触发操作,确定各个页面,基于各个页面生成栏目。通过复用性强的模块生成页面进而生成栏目,满足了用户高效动态生成栏目的需求。

Description

一种栏目生成方法及装置
技术领域
本申请涉及计算机技术领域,尤其涉及一种栏目生成方法及装置。
背景技术
随着电商平台的发展,用户要求栏目生成的方式趋于简单化、快捷化。其中,栏目由不同的页面组成。
目前,页面主要依靠模块生成,但现有技术中可操作的模块数量较多、分类缺乏合理性且模块的名称表意性不强,不利于用于用户快速定位和选择,且模块的可复用性差,降低了页面的可移植性,导致栏目的利用率低下、可用性较低。
发明内容
为了解决上述技术问题,本申请提供了一种栏目生成方法及装置,用于通过复用性强的模块生成页面,并基于不同的页面生成所需的栏目,能满足高效动态生成栏目的需求。
为了实现上述目的,本申请实施例提供的技术方案如下:
本申请实施例提供一种栏目生成方法,该方法包括:
响应于所述用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面;
响应于所述用户对任一页面的编辑按钮的点击操作,进入页面编辑界面;
响应于所述用户在所述页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区;
响应于所述用户对至少一个所述模块的拖拽上下操作,确定当前页面中的各个所述模块在模块列表中的序列顺序;响应于所述用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使所述用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间;
响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目。
可选的,在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,所述方法还包括:
在所述模块列表中显示所述模块的模块信息,所述模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
响应于所述用户对所述模块列表中的所述模块操作类型的选择,对所述生成的模块进行处理;所述模块操作类型包括上移操作、下移操作、预览操作、所述编辑操作、提交操作和删除操作。
可选的,在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,所述方法还包括:
在页面列表中显示所述页面的页面信息;所述页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
响应于所述用户对所述页面列表中的所述页面操作类型的选择,对所述生成的页面进行处理;所述页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
可选的,所述方法还包括:
当所述用户对所述模块进行编辑时,若所述编辑操作不符合预设条件时,生成提示信息;所述提示信息用于提示所述用户按照所述提示信息进行修改。
可选的,所述方法还包括:
响应于所述用户对所述页面的预览操作,显示所述页面的编辑结果以使所述用户进行预览。
本申请实施例还提供了一种栏目生成装置,该装置包括:
第一确定单元,用于响应于所述用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面;
第一进入单元,用于响应于所述用户对任一页面的编辑按钮的点击操作,进入页面编辑界面;
第二确定单元,用于响应于所述用户在所述页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区;
第三确定单元,用于响应于所述用户对至少一个所述模块的上下拖拽操作,确定当前页面中的各个所述模块在模块列表中的序列顺序;
第二进入单元,用于响应于所述用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使所述用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间;
第四确定单元,用于响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目。
可选的,所述装置还包括:
第一显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在所述模块列表中显示所述模块的模块信息,所述模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
第一处理单元,用于响应于所述用户对所述模块列表中的所述模块操作类型的选择,对所述生成的模块进行处理;所述模块操作类型包括上移操作、下移操作、预览操作、所述编辑操作、提交操作和删除操作。
可选的,所述装置还包括:
第二显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在页面列表中显示所述页面的页面信息;所述页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
第二处理单元,用于响应于所述用户对所述页面列表中的所述页面操作类型的选择,对所述生成的页面进行处理;所述页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
可选的,所述装置还包括:
生成单元,用于当所述用户对所述模块进行编辑时,若所述编辑操作不符合预设条件时,生成提示信息;所述提示信息用于提示所述用户按照所述提示信息进行修改。
可选的,所述装置还包括:
第三显示单元,用于响应于所述用户对所述页面的预览操作,显示所述页面的编辑结果以使所述用户进行预览。
通过上述技术方案可知,本申请具有以下有益效果:
本申请实施例提供了一种栏目生成方法及装置,该方法包括:响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定栏目所需的各个页面。响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。响应于用户在页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区。响应于用户对至少一个模块的上下拖拽操作,确定当前页面中的各个模块在模块列表中的序列顺序。响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户在模块编辑界面对模块进行编辑操作。响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目。通过本申请实施例提供的栏目生成方法,从复用性强的第一预设数量个目标页面中选择需要的页面组成栏目,再在第二预设数量个复用性强的目标模块中选择需要的模块组成页面,满足了高效动态生成栏目的需求。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种栏目生成方法的流程图;
图2为本申请实施例提供的一种栏目生成装置的示意图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请实施例作进一步详细的说明。
本申请的发明人经过研究发现,现有技术中,传统生成栏目的方法,可操作的模块种类多且模块的名称表意性不强,不利于用于用户快速定位和选择,且模块的可复用性差。
鉴于此,本申请实施例提供了一种栏目生成方法及装置,该方法包括:响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定栏目所需的各个页面。响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。响应于用户在页面编辑界面上的模块选择操作,从第二预设数量个目标模块中确定当前页面所需的各个模块。响应于用户对至少一个模块的拖拽操作,确定当前页面中的各个模块在模块列表中的序列顺序。响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户在模块编辑界面对模块进行编辑。响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目。
参见图1,图1为本申请实施例提供的一种栏目生成方法的流程图。作为一种示例,该方法应用于页面编辑平台。如图1所示,该方法包括S101-S106:
S101:响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面。
当用户想要生成栏目时,需要对栏目所需的各个页面的选择操作,页面编辑平台响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面,即栏目所需的各个页面为从第一预设数量个目标页面中选择并确定的。需要说明的是,选择操作为从第一预设数量个目标页面中选择页面的操作。
可以理解的是,一个栏目对应一个应用,包含多个页面,有且仅有一个首页,各个栏目之间独立解耦。其中,页面是栏目的基本组成。
需要说明的是,目标页面为设定的第一预设数量个页面,该第一预设数量个目标页面为复用性强,名称辨识性高、表意性强,且分类明显的页面。
S102:响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。
当用户确定栏目的页面之后,用户打开任一页面进行页面编辑。具体实施时,用户对任一页面的编辑按钮进行点击操作,页面编辑平台响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。
S103:响应于用户在页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区。
当进入页面编辑界面后,用户可以从页面编辑界面的第二预设数量个目标模块中进行拖拽。页面编辑平台响应于用户在页面编辑界面上的模块拖拽操作,从第二预设数量个目标模块中拖拽当前页面所需的各个模块。可以理解的是,模块拖拽操作为从第二预设数量个目标模块中拖拽模块的操作。
具体实施时,在页面编辑界面的左侧有静态模块选择区,右侧为页面生成预览区,响应于用户的拖拽操作,可直接从左侧的静态模块选择区拖拽当前页面所需的模块到右侧的页面生成预览区。可以理解的是,页面生成预览区为装修容器。
需要说明的是,页面生成预览区中的模块以系统色显示模块的名称,鼠标悬浮时字体放大且变为红色,同时以红框圈出模块,以突出提示用户当前选中的模块。
还需要说明的是,模块是组成页面的基本单位,一个页面由多个模块组成。多个模块通过拖拽组成一个页面,模块也指组件。
S104:响应于用户对至少一个模块的上下拖拽操作,确定当前页面中的各个模块在模块列表中的序列顺序。
在确定当前页面所需的各个模块之后,所述模块在模块列表中从前到后排列。用户对模块列表中的至少一个模块进行拖拽调节模块的序列顺序后,页面编辑平台响应于用户对至少一个模块的上下拖拽操作,确定当前页面中的各个模块在模块列表中的序列顺序。具体实施时,响应于用户的拖拽操作,可以在页面生成预览区进行模块的上移操作和下移操作,当用户拖拽结束后,确定当前页面中的各个模块在模块列表中的序列顺序。采用拖拽式移动,仅需移动鼠标将模块拖动到指定的位置即可,能最大程度简化用户的操作。
需要说明的是,拖拽的原理是根据鼠标的移动来给变被拖拽元素的位置。首先需要获取目标元素的初始位置。然后再拖拽的过程中,可以通过修改元素的top、left等属性值来设置目标元素的新位置,在新插入的位置新增一个DOM元素来当做占位符,拖拽完成后移除占位符。
拖拽的过程中,主要会使用到mousedown、mousemove和mouseup这三个事件。将元素绑定这些事件时,有一个事件对象会作为参数传递给回调函数,通过这个事件对象,可以获取到当前鼠标的精确位置,鼠标位置是实现拖拽的关键。
当鼠标按下时,会触发mousedown事件,需要记录鼠标的初始位置与目标元素的初始位置,目标为实现当鼠标移动时,目标元素也跟着移动,因此有如下关系:
移动后的鼠标位置-鼠标初始位置=移动后的目标元素位置-目标元素初始位置
当鼠标拖动时会触发mousemove事件,可以持续计算出鼠标移动的差值,进而以此来求出目标元素的当前位置,这个过程就实现了拖拽。
而在鼠标松开时会触发mouseup事件,结束拖动,同时修改元素在列表中的位置并处理一些收尾工作。
需要说明的是,本申请实施例中实现的模块的拖拽操作为基于数据、视图和节点三者的同步变化来实现的。
具体的,拖拽通过AngularJS和jQuery实现。其中,AngularJS是一款优秀的前端JS框架,主要用于构建单页面Web应用。jQuery是一个高效、精简并且功能丰富的JavaScript工具库。
具体实施时,UI-Sortable是基于jQuery实现的。因此,使用前必须先引入jQuery、jQueryUI的相关类库。同时,这两个类库必须在AngularJS之前引入,否则会提示相关错误。jQuery的版本不能低于V3.1,jQueryUI的版本不能低于V1.12,AngularJS的版本不能低于V1.12。
完成资源引入后,需要在AngularJS的module中注入ui.sortable文件。完成模块间的依赖注入后,就可以在业务功能处正式应用拖拽的功能了。在列表出添加ui-sortable指令,同时在列表的每一项中引入ng-right-click指令可以实现右键编辑、删除的功能。另外,通过监听事件并加以判断,动态生成右键菜单元素。右键菜单中至少包含编辑和删除功能。
通过监听鼠标按下、抬起、移动等时间,判断用户的拖拽行为,完成模板的新增。用拖拽操作代替传统的点击式操作,满足用户快速进行楼层定位、变换的能力,也解决了现有技术中通过点击式操作来移动模块所带来的跨页选择问题。
需要说明的是,在实际操作时,选中对应的模块,选中的模块会以特定背景色示意。作为一种示例,在实际操作时,选中对应的模块,选中的模块会以浅蓝色背景色示意。
还需要说明的是,在实际操作时,选中对应的模块,再右击鼠标,会同时出现模块的编辑、删除菜单选项,此即为右键菜单的功能。
S105:响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间。
用户确定当前页面的模块及模块的序列顺序后,点击任一模块的编辑按钮,页面编辑平台响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户在模块编辑界面对模块进行编辑操作。
其中,编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间。链接至少包括跳转链接和商品链接。具体实施时,编辑生效方式为单次生效或重复生效。编辑生效时间为立即生效或定时生效。编辑失效时间为定时失效或无失效时间。
S106:响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目。
当用户在模块编辑界面完成模块的编辑后,可进行下一模块的编辑。当用户对当前页面的模块均编辑完成后,可进行下一页面的编辑。当用户对栏目所需的各个页面均编辑完成后,用户点击页面编辑完成按钮,页面编辑平台响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目。
另外,在响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目之后,还包括:
在模块列表中显示模块的模块信息,模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
响应于用户对模块列表中的模块操作类型的选择,对生成的模块进行处理;模块操作类型包括上移操作、下移操作、预览操作、编辑操作、提交操作和删除操作。
在页面列表中显示页面的页面信息;页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
响应于用户对页面列表中的页面操作类型的选择,对生成的页面进行处理;页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
需要说明的是,模块列表最下方存在新增按钮,新增按钮不可拖动且位置固定于模块列表的最后一个位置,通过点击模块列表最下方的加号框,可以同样进入到新增模块的流程中来。作为一种示例,新增按钮为加号框。
还需要说明的是,当栏目生成后,会在模式列表中显示模块的模块信息,在页面列表中显示页面的页面信息。当用户仍需对页面或模块进行操作时,还可以通过点击列表中的可操作类型进行相应的操作。另外,当栏目生成之后,若无需再进行编辑操作,则可以进行栏目的提交,进入审核流程,待审核人员同意发布后,正式生效,则可以在用户终端进行显示。
可以理解的是,当用于想对页面进行预览时,页面编辑平台响应于用户对页面的预览操作,显示页面的编辑结果以使用户进行预览。
另外,当用户对可编辑模块进行编辑时,若编辑操作不符合预设条件时,平台会生成提示信息。提示信息用于提示用户按照提示信息进行修改。作为一种示例,当用户对页面的底栏进行编辑时,若预设条件设置为必须编辑“我的”模块。而用户在提交时,并没有针对该模块进行编辑,则平台会生成相应的提示消息以提示用户对必要的模块进行编辑。
需要说明的是,生成后的栏目可应用于至少一个目标终端。其中,目标终端包括跨平台终端。即生成后的栏目为封装完成后的,可以在跨平台的终端进行应用。例如,生成后的栏目可以在电脑端进行使用,也可以在手机端进行使用。另外,生成后的栏目可以在不同平台进行使用,例如可以在微信小程序上使用,也可以在掌银中使用。
通过本申请实施例提供的栏目生成方法,提供了一个可视化的页面编辑平台,用于生成栏目所需的页面,最后基于页面生成栏目。简化传统流程,抽离共性的模块,获得复用性强的模块。用户仅需简单的拖拽、填表,即可实现模块的拼接和渲染,实现页面的搭建。通过栏目隔离、基础模块组合,视图实时渲染,满足了用户高效动态装修的需求。而且,可实现页面的预览态与真实态的切换,满足了用户的个性化装修需求。利用AngularJS和jQuery实现了栏目生成过程的封装,可以供不同平台使用,即实现了栏目的跨平台使用,拓展性强、不受平台限制。
参见图2,图2为本申请实施例提供的一种栏目生成装置的示意图,如图2所示,该装置包括:
第一确定单元201,用于响应于所述用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面;
第一进入单元202,用于响应于所述用户对任一页面的编辑按钮的点击操作,进入页面编辑界面;
第二确定单元203,用于响应于所述用户在所述页面编辑界面上的模块选择操作,从第二预设数量个目标模块中确定当前页面所需的各个模块;
第三确定单元204,用于响应于所述用户对至少一个所述模块的拖拽操作,确定当前页面中的各个所述模块在模块列表中的序列顺序;
第二进入单元205,用于响应于所述用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使所述用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间;
第四确定单元206,用于响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目。
可选的,在本申请实施例的一些实施方式中,所述装置还包括:
第一显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在所述模块列表中显示所述模块的模块信息,所述模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
第一处理单元,用于响应于所述用户对所述模块列表中的所述模块操作类型的选择,对所述生成的模块进行处理;所述模块操作类型包括上移操作、下移操作、预览操作、编辑操作、提交操作和删除操作。
可选的,在本申请实施例的一些实施方式中,所述装置还包括:
第二显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在页面列表中显示所述页面的页面信息;所述页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
第二处理单元,用于响应于所述用户对所述页面列表中的所述页面操作类型的选择,对所述生成的页面进行处理;所述页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
可选的,在本申请实施例的一些实施方式中,所述装置还包括:
生成单元,用于当所述用户对所述模块进行编辑时,若所述编辑操作不符合预设条件时,生成提示信息;所述提示信息用于提示所述用户按照所述提示信息进行修改。
可选的,在本申请实施例的一些实施方式中,所述装置还包括:
应用单元,用于将所述栏目应用于至少一个目标终端;所述目标终端包括跨平台终端。
通过本申请实施例提供的一种栏目生成装置,响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定栏目所需的各个页面。响应于用户对任一页面的编辑按钮的点击操作,进入页面编辑界面。响应于用户在页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区。响应于用户对至少一个模块的拖拽操作,确定当前页面中的各个模块在模块列表中的序列顺序。响应于用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使用户在模块编辑界面对模块进行编辑操作。响应于用户对各个页面编辑完成的触发操作,确定各个页面,并基于各个页面生成栏目。通过本申请实施例提供的栏目生成装置,从复用性强的第一预设数量个目标页面中选择需要的页面组成栏目,再在第二预设数量个复用性强的目标模块中选择需要的模块组成页面,满足了高效动态生成栏目的需求。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到上述实施例方法中的全部或部分步骤可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者诸如媒体网关等网络通信设备,等等)执行本申请各个实施例或者实施例的某些部分所述的方法。
需要说明的是,本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的方法而言,由于其与实施例公开的系统相对应,所以描述的比较简单,相关之处参见系统部分说明即可。
还需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种栏目生成方法,其特征在于,所述方法包括:
响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面;
响应于所述用户对任一页面的编辑按钮的点击操作,进入页面编辑界面;
响应于所述用户在所述页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区;
响应于所述用户对至少一个所述模块的上下拖拽操作,确定当前页面中的各个所述模块在模块列表中的序列顺序,其中,所述上下拖拽操作基于数据、视图和节点三者的同步变化实现;
响应于所述用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使所述用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间;
响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目;其中,各个所述模块生成各个所述页面,再由各个所述页面生成所述栏目。
2.根据权利要求1所述的方法,其特征在于,在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,所述方法还包括:
在所述模块列表中显示所述模块的模块信息,所述模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
响应于所述用户对所述模块列表中的所述模块操作类型的选择,对所述生成的模块进行处理;所述模块操作类型包括上移操作、下移操作、预览操作、所述编辑操作、提交操作和删除操作。
3.根据权利要求1所述的方法,其特征在于,在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,所述方法还包括:
在页面列表中显示所述页面的页面信息;所述页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
响应于所述用户对所述页面列表中的所述页面操作类型的选择,对所述生成的页面进行处理;所述页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述用户对所述模块进行编辑时,若所述编辑操作不符合预设条件时,生成提示信息;所述提示信息用于提示所述用户按照所述提示信息进行修改。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述栏目应用于至少一个目标终端;所述目标终端包括跨平台终端。
6.一种栏目生成装置,其特征在于,所述装置包括:
第一确定单元,用于响应于用户对栏目所需的各个页面的选择操作,从第一预设数量个目标页面中确定所述栏目所需的各个页面;
第一进入单元,用于响应于所述用户对任一页面的编辑按钮的点击操作,进入页面编辑界面;
第二确定单元,用于响应于所述用户在所述页面编辑界面上的模块拖拽操作,从静态模块选择区的第二预设数量个目标模块中拖拽当前页面所需的各个模块到页面生成预览区;
第三确定单元,用于响应于所述用户对至少一个所述模块的上下拖拽操作,确定当前页面中的各个所述模块在模块列表中的序列顺序,其中,所述上下拖拽操作基于数据、视图和节点三者的同步变化实现;
第二进入单元,用于响应于所述用户对任一模块的编辑按钮的点击操作,进入模块编辑界面,以使所述用户在模块编辑界面对模块进行编辑操作;所述编辑操作至少包括编辑模块名称、编辑模块图文、编辑链接、编辑生效方式、编辑生效时间和编辑失效时间;
第四确定单元,用于响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目;其中,各个所述模块生成各个所述页面,再由各个所述页面生成所述栏目。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第一显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在所述模块列表中显示所述模块的模块信息,所述模块信息包括名称、位置、是否登录、模块编号、类型、生效时间、生效方式、失效时间、模块详情和模块操作类型;
第一处理单元,用于响应于所述用户对所述模块列表中的所述模块操作类型的选择,对所述生成的模块进行处理;所述模块操作类型包括上移操作、下移操作、预览操作、所述编辑操作、提交操作和删除操作。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第二显示单元,用于在所述响应于所述用户对各个所述页面编辑完成的触发操作,确定各个所述页面,并基于各个所述页面生成栏目之后,在页面列表中显示所述页面的页面信息;所述页面信息包括名称、机构、创建时间、创建人、是否首页、页面编号、主题名称和页面操作类型;
第二处理单元,用于响应于所述用户对所述页面列表中的所述页面操作类型的选择,对所述生成的页面进行处理;所述页面操作类型包括预览操作、编辑操作、提交操作和删除操作。
9.根据权利要求6所述的装置,其特征在于,所述装置还包括:
生成单元,用于当所述用户对所述模块进行编辑时,若所述编辑操作不符合预设条件时,生成提示信息;所述提示信息用于提示所述用户按照所述提示信息进行修改。
10.根据权利要求6所述的装置,其特征在于,所述装置还包括:
应用单元,用于将所述栏目应用于至少一个目标终端;所述目标终端包括跨平台终端。
CN202011637259.9A 2020-12-31 2020-12-31 一种栏目生成方法及装置 Active CN112631494B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011637259.9A CN112631494B (zh) 2020-12-31 2020-12-31 一种栏目生成方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011637259.9A CN112631494B (zh) 2020-12-31 2020-12-31 一种栏目生成方法及装置

Publications (2)

Publication Number Publication Date
CN112631494A CN112631494A (zh) 2021-04-09
CN112631494B true CN112631494B (zh) 2022-06-03

Family

ID=75290129

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011637259.9A Active CN112631494B (zh) 2020-12-31 2020-12-31 一种栏目生成方法及装置

Country Status (1)

Country Link
CN (1) CN112631494B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5675752A (en) * 1994-09-15 1997-10-07 Sony Corporation Interactive applications generator for an interactive presentation environment
CN108228253A (zh) * 2017-12-29 2018-06-29 武汉璞华大数据技术有限公司 一种app构建方法及系统
CN109683893A (zh) * 2018-12-14 2019-04-26 五八有限公司 应用程序生成方法、装置、服务器及存储介质
CN109960491A (zh) * 2017-12-26 2019-07-02 北京金山云网络技术有限公司 应用程序生成方法、生成装置、电子设备及存储介质
CN111708528A (zh) * 2020-06-15 2020-09-25 中国建设银行股份有限公司 一种小程序的生成方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5675752A (en) * 1994-09-15 1997-10-07 Sony Corporation Interactive applications generator for an interactive presentation environment
CN109960491A (zh) * 2017-12-26 2019-07-02 北京金山云网络技术有限公司 应用程序生成方法、生成装置、电子设备及存储介质
CN108228253A (zh) * 2017-12-29 2018-06-29 武汉璞华大数据技术有限公司 一种app构建方法及系统
CN109683893A (zh) * 2018-12-14 2019-04-26 五八有限公司 应用程序生成方法、装置、服务器及存储介质
CN111708528A (zh) * 2020-06-15 2020-09-25 中国建设银行股份有限公司 一种小程序的生成方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN112631494A (zh) 2021-04-09

Similar Documents

Publication Publication Date Title
US9037974B2 (en) Creating and editing dynamic graphics via a web interface
CN104978317B (zh) 网页生成方法及装置、网站生成方法及建站服务器
KR101456506B1 (ko) 웹 어플리케이션 저작도구 및 저작 방법
JP5128673B2 (ja) アプリケーション開発支援装置、プログラム及び記録媒体
US20100235806A1 (en) Rich Web Site Authoring And Design
CN101526942A (zh) 在线、实时及自动生成动态网页的组件实现技术
JP2007257642A (ja) 関連するユーザ・インターフェース・コントロールを強調表示するための装置、方法、およびシステム(関連するユーザ・インターフェース・コントロールを強調表示するための装置および方法)
CN105867820A (zh) 用于触摸屏的文本编辑方法和装置
CN113239672B (zh) 目标文件编辑方法及装置、电子设备、存储介质
JP2019506645A (ja) ページ構築方法、端末、記憶媒体およびページ構築機器
CN114185465A (zh) 信息处理方法、装置、存储介质和电子设备
KR20130040057A (ko) SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체
CN112445564B (zh) 界面显示方法及电子设备、计算机可读存储介质
CN111124533A (zh) 一种活动页面动态配置的方法及装置
CN115712413A (zh) 低代码开发方法、装置、设备及存储介质
Nichols et al. Mobilization by demonstration: using traces to re-author existing web sites
CN111176643A (zh) 子系统首页的生成方法及计算机可读存储介质
WO2013109858A1 (en) Design canvas
CN112631494B (zh) 一种栏目生成方法及装置
US20020196266A1 (en) Progressively rolling animation display method on cellular phones
CN110531972B (zh) 资源编排资源属性的编辑方法及装置
CN112507268A (zh) 一种网页图片热区配置方法、装置、设备及可读存储介质
CN112015410A (zh) 网页编辑方法、装置、系统以及计算机存储介质
CN103970773A (zh) 一种网页的页面更新方法及装置
CN104899044A (zh) 一种移动终端上的流程性操作实现方法及装置

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
GR01 Patent grant