CN112035094B - 基于Vuetify框架的穿梭框实现方法及装置 - Google Patents
基于Vuetify框架的穿梭框实现方法及装置 Download PDFInfo
- Publication number
- CN112035094B CN112035094B CN202010908600.3A CN202010908600A CN112035094B CN 112035094 B CN112035094 B CN 112035094B CN 202010908600 A CN202010908600 A CN 202010908600A CN 112035094 B CN112035094 B CN 112035094B
- Authority
- CN
- China
- Prior art keywords
- shuttle
- frame
- logic
- data
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 27
- 238000004590 computer program Methods 0.000 claims description 16
- 238000006243 chemical reaction Methods 0.000 claims description 9
- 238000010276 construction Methods 0.000 claims description 5
- 238000011161 development Methods 0.000 abstract description 8
- 230000006870 function Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 4
- 230000007704 transition Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000001338 self-assembly Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种基于Vuetify框架的穿梭框实现方法及装置,其中该方法包括:接收用户设置的穿梭框参数;根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,所述目标组件包含在Vuetify框架提供的组件中;获取预先存储的目标组件之间的数据穿梭逻辑;根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框。本发明可以在Vuetify框架下,实现一种可以直接引用的穿梭框,无需重新编写穿梭框内部逻辑即可实现穿梭框功能,提高开发效率。
Description
技术领域
本发明涉及软件开发技术领域,尤其涉及一种基于Vuetify框架的穿梭框实现方法及装置。
背景技术
本部分旨在为权利要求书中陈述的本发明实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
在实际项目开发中,经常需要实现这样的需求,即用户需要在一个列表清单中选出需要的列表项,并将用户选择的列表项与未选择的列表项进行区分展示,穿梭框就是能够满足这一需求的页面展示组件。然而,使用Vuetify框架实现的web项目因为没有现成的穿梭框可使用,使得开发人员不得不自己组合构建穿梭框并且令其实现穿梭框功能,极大的降低了开发效率。
发明内容
本发明实施例提供一种基于Vuetify框架的穿梭框实现方法,用以在Vuetify框架下,实现一种可以直接引用的穿梭框,无需重新编写穿梭框内部逻辑即可实现穿梭框功能,提高开发效率,该方法包括:
接收用户设置的穿梭框参数;
根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,所述目标组件包含在Vuetify框架提供的组件中;
获取预先存储的目标组件之间的数据穿梭逻辑,根据目标组件来选择调用其中的部分或全部数据穿梭逻辑;
根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框;
其中,Vuetify框架提供的组件包括基础组件和附加组件,所述基础组件为构建穿梭框时必选的组件,包括列表框、穿梭启动按钮和选择框,所述附加组件为构建穿梭框时可选的组件,包括搜索按钮和输入框;其中,所述列表框用于展示所需穿梭的数据项内容;
获取预先存储的目标组件之间的数据穿梭逻辑,包括:
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑;
穿梭启动按钮可用与不可用的转换逻辑用于区分可以进行穿梭的状态与不可以进行穿梭的状态;搜索内容清空逻辑用于实现当用户搜索之后不需要当前搜索内容的情况下,清空列表框中当前显示的搜索内容,显示当前列表框中所有数据项。
本发明实施例还提供一种基于Vuetify框架的穿梭框实现装置,用以在Vuetify框架下,实现一种可以直接引用的穿梭框,无需重新编写穿梭框内部逻辑即可实现穿梭框功能,提高开发效率,该装置包括:
接收模块,用于接收用户设置的穿梭框参数;
确定模块,用于根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,所述目标组件包含在Vuetify框架提供的组件中;
获取模块,用于获取预先存储的目标组件之间的数据穿梭逻辑,根据目标组件来选择调用其中的部分或全部数据穿梭逻辑;
穿梭框构建模块,用于根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框;
其中,Vuetify框架提供的组件包括基础组件和附加组件,所述基础组件为构建穿梭框时必选的组件,包括列表框、穿梭启动按钮和选择框,所述附加组件为构建穿梭框时可选的组件,包括搜索按钮和输入框;其中,所述列表框用于展示所需穿梭的数据项内容;
获取模块,用于:
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑;
穿梭启动按钮可用与不可用的转换逻辑用于区分可以进行穿梭的状态与不可以进行穿梭的状态;搜索内容清空逻辑用于实现当用户搜索之后不需要当前搜索内容的情况下,清空列表框中当前显示的搜索内容,显示当前列表框中所有数据项。
本发明实施例还提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述基于Vuetify框架的穿梭框实现方法。
本发明实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有执行上述基于Vuetify框架的穿梭框实现方法的计算机程序。
本发明实施例中,预先存储的数据穿梭逻辑,当用户输入穿梭框参数之后,可以根据穿梭框参数确定用户所需构建的穿梭框中包含的目标组件及数据项内容,根据目标组件、数据项内容和数据穿梭逻辑构建符合用户需求的穿梭框。这样,在Vuetify框架下,无需重新编写穿梭框内部逻辑即可构建穿梭框来实现穿梭框功能,由于目标组件之间的数据穿梭逻辑可以直接被引用,提高开发效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1为本发明实施例中一种基于Vuetify框架的穿梭框实现方法的流程图;
图2为本发明实施例中一种穿梭框的示意图;
图3为图2所示的穿梭框执行数据穿梭后的穿梭框的示意图;
图4为本发明实施例中另一种基于Vuetify框架的穿梭框实现方法的流程图;
图5为本发明实施例中另一种基于Vuetify框架的穿梭框实现装置的结构示意图;
图6为本发明实施例中一种计算机设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚明白,下面结合附图对本发明实施例做进一步详细说明。在此,本发明的示意性实施例及其说明用于解释本发明,但并不作为对本发明的限定。
Vuetify框架是一个基于Vue2.0开发、为移动而生的组件框架,是一个渐进式的UI框架。与其他组件框架相比,Vuetify更加美观,动画效果多样且风格统一。本发明的实现基础正是Vuetify框架。
如图1所示,本发明实施例提供了一种基于Vuetify框架的穿梭框实现方法,该方法包括步骤101至步骤104:
步骤101、接收用户设置的穿梭框参数。
本发明实施例中,为用户提供穿梭框参数输入界面,当用户在界面中输入穿梭框参数后,即可自动生成穿梭框。
步骤102、根据穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容。
其中,目标组件包含在Vuetify框架提供的组件中。
Vuetify框架提供的组件包括基础组件和附加组件,基础组件为构建穿梭框时必选的组件,也就是为了实现穿梭框功能的必备的组件,包括列表框、穿梭启动按钮和选择框,附加组件为构建穿梭框时可选的组件,也就是构建穿梭框可用可不用的组件,包括搜索按钮和输入框;其中,列表框用于展示所需穿梭的数据项内容。
如图2所示,提供了一种穿梭框的示意图。图2中所示的穿梭框包括列表框(左列表框和右列表框)、穿梭启动按钮、选择框、输入框和搜索按钮,其中,列表框包括左列表框和右列表框,左、右列表框分别可以用于展示待穿梭的数据项内容,图2中仅示出的左列表框中展示数据框内容的一种列表框状态;穿梭启动按钮包括向左列表框穿梭启动按钮和向右列表框穿梭启动按钮,分别用于触发数据项向左列表框穿梭功能和数据项向右列表框穿梭功能;选择框包括用于全选的选择框和用于选择单个数据项的选择框,用于选择单个数据项的选择框与单个数据项一一对应。
如果用户定义的数据项内容为引用某个数据源中的内容,则可以先将数据源中的内容进行格式转换,使其成为可以进行穿梭的数据形态。
步骤103、获取预先存储的目标组件之间的数据穿梭逻辑。
其中,数据穿梭逻辑基于Vue语法实现。
具体的,获取预先存储的目标组件之间的数据穿梭逻辑,包括,获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑。
其中,列表框与列表框之间的数据互相移动逻辑是用于实现数据穿梭的基本逻辑,利用该逻辑,可以实现如图2所示的左列表框向右列表框中的数据穿梭,得到如图3所示的穿梭框,或者,还可以实现如图3所示的右列表框向左列表框中的数据穿梭。具体的,用户可以勾选一个或多个左列表框内的数据项,点击向右穿梭按钮将选择项移动到右列表框,也可以勾选一个或多个右列表框内的数据项,点击向左穿梭按钮将选择项移动到左列表框。
穿梭按钮可用与不可用的转换逻辑用于区分可以进行穿梭的状态与不可以进行穿梭的状态,示例性的,如图2所示,由于左列表框中包含数据项内容,右列表框中不包含数据项内容,因此,向右列表穿梭启动按钮处于可用状态,向左列表框穿梭启动按钮处于不可用状态;如图3所示,左列表框和右列表框中均包含数据项内容,左列表框中没有处于选中状态的数据项,因此向右列表框穿梭启动按钮由图2所示的可用状态转换为不可用状态,而右列表框中包含处于选中状态的数据项,因此向左列表框穿梭启动按钮处于可用状态。
搜索列表数据逻辑用于实现对于数据项内容的搜索,有助于用户快速筛选得到所需穿梭的数据项。搜索列表数据逻辑可以设置为支持模糊搜索,即输入部分内容也能够搜索出来。
搜索内容清空逻辑用于实现当用户搜索之后不需要当前搜索内容的情况下,清空列表框中当前显示的搜索内容,显示当前列表框中所有数据项。该逻辑可以通过删除搜索输入框中所有的内容来触发,或者可以通过设置单独的按钮来触发。
列表项全选逻辑用于实现列表框中所有数据项的全选。
需要说明的是,开发人员预先设置好允许使用的所有组件之间的数据穿梭逻辑,构建穿梭框时,根据目标组件来选择调用其中的部分或全部数据穿梭逻辑。
步骤104、根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框。
当确定使用的目标组件、在每个列表框中展示的数据项内容及各个目标组件之间的数据穿梭逻辑之后,即可构建穿梭框,示例性的,构建的穿梭框可以如图2或图3所示。
在本发明实施例的另一种实现方式中,如图4所示,穿梭框参数还包括穿梭框的形态参数,形态参数包括用于定义目标组件形态,目标组件的形态包括形状、大小和显示名称。比如说,用户可以设置目标组件,如列表框的形状为矩形、椭圆形或平行四边形等,大小可以通过定义宽度、高度、倾斜角、长轴与短轴的长度来确定,在定义大小时依据用户选择的目标组件的形状来定义相应的大小参数。显示名称即为对于目标组件的解释,比如说,在图2中“全选”即为全选框的显示名称。显示名称可以为文字,也可以为如向右列表框穿梭启动按钮上的尖角这样的符号,对于显示名称的具体内容,在此不做限定。
需要说明的是,穿梭框并不局限于如图2和图3所示的包含左穿梭框和右穿梭框的形态,两个穿梭框的分布还可以为正上、正下,或斜上、斜下等等,两列表框的位置关系可以由用户设定。
在执行步骤401接收用户设置的穿梭框参数之后,还可以执行如下步骤402至步骤404:
步骤402、根据穿梭框参数确定构建穿梭框时所需使用目标组件、用于穿梭的数据项内容以及目标组件的形态。
步骤403、获取预先存储的目标组件之间的数据穿梭逻辑。
步骤404、根据目标组件、数据项内容、目标组件的形态和数据穿梭逻辑构建相应形态的穿梭框。
本发明实施例中,预先存储的数据穿梭逻辑,当用户输入穿梭框参数之后,可以根据穿梭框参数确定用户所需构建的穿梭框中包含的目标组件及数据项内容,根据目标组件、数据项内容和数据穿梭逻辑构建符合用户需求的穿梭框。这样,在Vuetify框架下,无需重新编写穿梭框内部逻辑即可构建穿梭框来实现穿梭框功能,由于目标组件之间的数据穿梭逻辑可以直接被引用,提高开发效率。
本发明实施例中还提供了一种基于Vuetify框架的穿梭框实现装置,如下面的实施例所述。由于该装置解决问题的原理与基于Vuetify框架的穿梭框实现方法相似,因此该装置的实施可以参见Vuetify框架的穿梭框实现方法的实施,重复之处不再赘述。
如图5所示,该装置500包括接收模块501、确定模块502、获取模块503和穿梭框构建模块504。
接收模块501,用于接收用户设置的穿梭框参数;
确定模块502,用于根据穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,目标组件包含在Vuetify框架提供的组件中;
获取模块503,用于获取预先存储的目标组件之间的数据穿梭逻辑;
穿梭框构建模块504,用于根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框。
在本发明实施例的一种实现方式中,Vuetify框架提供的组件包括基础组件和附加组件,基础组件为构建穿梭框时必选的组件,包括列表框、穿梭启动按钮和选择框,附加组件为构建穿梭框时可选的组件,包括搜索按钮和输入框;其中,列表框用于展示所需穿梭的数据项内容。
在本发明实施例的一种实现方式中,获取模块503,用于:
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑。
在本发明实施例的一种实现方式中,穿梭框参数还包括穿梭框的形态参数,形态参数包括用于定义目标组件形态,目标组件的形态包括形状、大小和显示名称;
确定模块502,还用于根据穿梭框参数确定构建穿梭框时所需使用目标组件、用于穿梭的数据项内容以及目标组件的形态;
获取模块503,还用于获取预先存储的目标组件之间的数据穿梭逻辑;
穿梭框构建模块504,还用于根据目标组件、数据项内容、目标组件的形态和数据穿梭逻辑构建相应形态的穿梭框。
本发明实施例中,预先存储的数据穿梭逻辑,当用户输入穿梭框参数之后,可以根据穿梭框参数确定用户所需构建的穿梭框中包含的目标组件及数据项内容,根据目标组件、数据项内容和数据穿梭逻辑构建符合用户需求的穿梭框。这样,在Vuetify框架下,无需重新编写穿梭框内部逻辑即可构建穿梭框来实现穿梭框功能,由于目标组件之间的数据穿梭逻辑可以直接被引用,提高开发效率。
本发明实施例还提供一种计算机设备,图6为本发明实施例中计算机设备的示意图,该计算机设备能够实现上述实施例中的批量报文自动组报方法中全部步骤,该计算机设备具体包括如下内容:
处理器(processor)601、存储器(memory)602、通信接口(CommunicationsInterface)603和通信总线604;
其中,所述处理器601、存储器602、通信接口603通过所述通信总线604完成相互间的通信;所述通信接口603用于实现相关设备之间的信息传输;
所述处理器601用于调用所述存储器602中的计算机程序,所述处理器执行所述计算机程序时实现上述实施例中的基于Vuetify框架的穿梭框实现方法。
本发明实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有执行上述基于Vuetify框架的穿梭框实现方法的计算机程序。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述的具体实施例,对本发明的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本发明的具体实施例而已,并不用于限定本发明的保护范围,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (6)
1.一种基于Vuetify框架的穿梭框实现方法,其特征在于,所述方法包括:
接收用户设置的穿梭框参数;
根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,所述目标组件包含在Vuetify框架提供的组件中;
获取预先存储的目标组件之间的数据穿梭逻辑,根据目标组件来选择调用其中的部分或全部数据穿梭逻辑;
根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框;
其中,Vuetify框架提供的组件包括基础组件和附加组件,所述基础组件为构建穿梭框时必选的组件,包括列表框、穿梭启动按钮和选择框,所述附加组件为构建穿梭框时可选的组件,包括搜索按钮和输入框;其中,所述列表框用于展示所需穿梭的数据项内容;
获取预先存储的目标组件之间的数据穿梭逻辑,包括:
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑;
穿梭启动按钮可用与不可用的转换逻辑用于区分可以进行穿梭的状态与不可以进行穿梭的状态;搜索内容清空逻辑用于实现当用户搜索之后不需要当前搜索内容的情况下,清空列表框中当前显示的搜索内容,显示当前列表框中所有数据项。
2.根据权利要求1所述的方法,其特征在于,所述穿梭框参数还包括穿梭框的形态参数,所述形态参数包括用于定义目标组件形态,所述目标组件的形态包括形状、大小和显示名称,在接收用户设置的穿梭框参数之后,所述方法还包括:
根据所述穿梭框参数确定构建穿梭框时所需使用目标组件、用于穿梭的数据项内容以及目标组件的形态;
获取预先存储的目标组件之间的数据穿梭逻辑;
根据目标组件、数据项内容、目标组件的形态和数据穿梭逻辑构建相应形态的穿梭框。
3.一种基于Vuetify框架的穿梭框实现装置,其特征在于,所述装置包括:
接收模块,用于接收用户设置的穿梭框参数;
确定模块,用于根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容,所述目标组件包含在Vuetify框架提供的组件中;
获取模块,用于获取预先存储的目标组件之间的数据穿梭逻辑,根据目标组件来选择调用其中的部分或全部数据穿梭逻辑;
穿梭框构建模块,用于根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框;
其中,Vuetify框架提供的组件包括基础组件和附加组件,所述基础组件为构建穿梭框时必选的组件,包括列表框、穿梭启动按钮和选择框,所述附加组件为构建穿梭框时可选的组件,包括搜索按钮和输入框;其中,所述列表框用于展示所需穿梭的数据项内容;
获取模块,用于:
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑,和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑;
穿梭启动按钮可用与不可用的转换逻辑用于区分可以进行穿梭的状态与不可以进行穿梭的状态;搜索内容清空逻辑用于实现当用户搜索之后不需要当前搜索内容的情况下,清空列表框中当前显示的搜索内容,显示当前列表框中所有数据项。
4.根据权利要求3所述的装置,其特征在于,所述穿梭框参数还包括穿梭框的形态参数,所述形态参数包括用于定义目标组件形态,所述目标组件的形态包括形状、大小和显示名称;
所述确定模块,还用于根据所述穿梭框参数确定构建穿梭框时所需使用目标组件、用于穿梭的数据项内容以及目标组件的形态;
所述获取模块,还用于获取预先存储的目标组件之间的数据穿梭逻辑;
所述穿梭框构建模块,还用于根据目标组件、数据项内容、目标组件的形态和数据穿梭逻辑构建相应形态的穿梭框。
5.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至2任一所述方法。
6.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1至2任一所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010908600.3A CN112035094B (zh) | 2020-09-02 | 2020-09-02 | 基于Vuetify框架的穿梭框实现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010908600.3A CN112035094B (zh) | 2020-09-02 | 2020-09-02 | 基于Vuetify框架的穿梭框实现方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112035094A CN112035094A (zh) | 2020-12-04 |
CN112035094B true CN112035094B (zh) | 2024-04-16 |
Family
ID=73591096
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010908600.3A Active CN112035094B (zh) | 2020-09-02 | 2020-09-02 | 基于Vuetify框架的穿梭框实现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112035094B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102112606A (zh) * | 2008-07-31 | 2011-06-29 | 道达尔公司 | 产生和分泌多肽的构建体和方法 |
CN107832038A (zh) * | 2017-10-27 | 2018-03-23 | 中航信移动科技有限公司 | 组件库的实现方法及装置 |
CN110955478A (zh) * | 2019-10-12 | 2020-04-03 | 平安医疗健康管理股份有限公司 | 数据的分区动态显示方法、装置、设备及可读存储介质 |
CN111338625A (zh) * | 2020-02-20 | 2020-06-26 | 广东小天才科技有限公司 | 一种数据处理方法、系统、终端设备以及存储介质 |
CN111399812A (zh) * | 2020-04-07 | 2020-07-10 | 杭州指令集智能科技有限公司 | 组件构建方法、装置、开发框架及设备 |
-
2020
- 2020-09-02 CN CN202010908600.3A patent/CN112035094B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102112606A (zh) * | 2008-07-31 | 2011-06-29 | 道达尔公司 | 产生和分泌多肽的构建体和方法 |
CN107832038A (zh) * | 2017-10-27 | 2018-03-23 | 中航信移动科技有限公司 | 组件库的实现方法及装置 |
CN110955478A (zh) * | 2019-10-12 | 2020-04-03 | 平安医疗健康管理股份有限公司 | 数据的分区动态显示方法、装置、设备及可读存储介质 |
CN111338625A (zh) * | 2020-02-20 | 2020-06-26 | 广东小天才科技有限公司 | 一种数据处理方法、系统、终端设备以及存储介质 |
CN111399812A (zh) * | 2020-04-07 | 2020-07-10 | 杭州指令集智能科技有限公司 | 组件构建方法、装置、开发框架及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112035094A (zh) | 2020-12-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10824691B2 (en) | Page rendering method, device, and data storage medium | |
CN101777004B (zh) | 面向服务环境中基于模板实现bpel子流程复用的方法及系统 | |
CN111666526A (zh) | 页面生成方法、装置、设备及存储介质 | |
CN105335036A (zh) | 一种输入交互方法和输入法系统 | |
CN106210724B (zh) | 图片解码方法及装置 | |
CN109426415B (zh) | 一种生成级联选择器的方法及装置 | |
CN113360211A (zh) | 基于控件的加载显示方法及相关设备 | |
CN112052343A (zh) | 知识图谱展示方法、装置、电子设备及存储介质 | |
CN107491311B (zh) | 生成页面文件的方法、系统以及计算机设备 | |
CN112035094B (zh) | 基于Vuetify框架的穿梭框实现方法及装置 | |
CN109918067B (zh) | 报表定制方法、装置、客户端及存储介质 | |
CN115809056B (zh) | 组件复用实现方法、装置和终端设备、可读存储介质 | |
JP4836412B2 (ja) | グラフィカル・ユーザ・インタフェースを生成する方法および装置 | |
CN107730572B (zh) | 一种图表渲染方法及装置 | |
CN111124386B (zh) | 基于Unity的动画事件处理方法、装置、设备和存储介质 | |
CN110727729A (zh) | 一种实现智能运算的方法及装置 | |
CN114489645A (zh) | 一种基于Vue和Element-UI的表单生成构造方法、系统和存储介质 | |
CN111459484B (zh) | 网页前后端分离开发时后端数据模拟方法 | |
CN107180107B (zh) | Ionic框架下的手机附件上传选择文件的方法及系统 | |
CN114237737A (zh) | 一种对Word文件数据结构化条目化的处理方法 | |
CN112685494A (zh) | 一种数据可视化方法、装置、设备及介质 | |
CN111028338B (zh) | 一种基于Unity3D的图像绘制方法及装置 | |
CN115904572B (zh) | 一种模板创建方法、调用方法、程序产品、系统及装置 | |
CN111651223B (zh) | 公共侧边栏内容显示方法及装置 | |
CN112748980B (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 |