CN109814778A - 小程序选项卡的实现方法、装置、电子设备及介质 - Google Patents
小程序选项卡的实现方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN109814778A CN109814778A CN201811583731.8A CN201811583731A CN109814778A CN 109814778 A CN109814778 A CN 109814778A CN 201811583731 A CN201811583731 A CN 201811583731A CN 109814778 A CN109814778 A CN 109814778A
- Authority
- CN
- China
- Prior art keywords
- tabs
- data
- tree
- attribute
- template
- 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
Landscapes
- Stored Programmes (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本公开提供一种小程序选项卡的实现方法,包括:获取所述小程序的树形选项卡的数据;根据所述数据渲染所述树形选项卡;响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡。本公开实施例通过对小程序采用树形选项卡进行管理的技术指标进行改进,使得小程序能够采用树形选项卡的方式进行管理,克服了原有组件的技术障碍,增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在应用管理上更加人性化,操作便捷,提升了小程序的应用价值。
Description
技术领域
本公开涉及计算机技术领域,具体为一种小程序选项卡的实现方法、装置、电子设备及介质。
背景技术
随着移动互联网的发展,小程序应用的规模越来越大,一些小程序不仅需要满足客户的基本应用需求,还需要有更加人性化的交互方式,一些小程序也需要有文件管理的解决方案,例如,网盘小程序、后台管理小程序等,然而现在小程序官方并没有给出树形选项卡的解决方案,使得用户在管理小程序时特别不方便,所以急需一种实现树形选项卡的方案,以带给用户以更好的体验。
因此,对于传统的小程序应用进行技术改进,使其具有更加友好的交互界面从而提高小程序的使用体验,就成为一个特别急迫的技术问题。
发明内容
本公开的目的在于提供一种小程序选项卡的实现方法、装置、电子设备及介质,能够实现小程序树形选项卡的设置和使用。
根据本公开的实施方式,第一方面,本公开提供一种小程序选项卡的实现方法,包括:
获取所述小程序的树形选项卡的数据;
根据所述数据渲染所述树形选项卡;
响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡。
可选的,所述获取所述小程序的树形选项卡的数据,包括:
从服务器获取树形选项卡的数据、从本地数据获取树形选项卡的数据、或从代码里预先编写的数据读取树形选项卡的数据。
可选的,所述数据的属性至少包含类型属性、折叠属性和列表属性;
其中,类型属性,表示该数据的类型,包括文件夹类型和文件类型;
折叠属性,表示文件夹是否折叠;
列表属性,表示其包含的数据的数组。
可选的,所述根据所述数据渲染所述树形选项卡,包括:
根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡。
可选的,所述根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡,包括:
设置第一模板和第二模板;
调用所述第一模板,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
如果不是文件夹类型,或是文件夹类型且其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
如果是文件夹类型且折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在所述列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息。
可选的,所述响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡,包括:
响应用户指令,调用被点击元素的回调函数;
在所述回调函数中,获得当前被点击元素的身份信息,并通过该身份信息关联相对应的数据;
将该元素的折叠属性改为其现有值的相反值;
小程序重新渲染,可展开或折叠树形选项卡。
根据本公开的实施方式,第二方面,本公开提供一种小程序选项卡的实现装置,包括:
获取单元,用于获取所述小程序的树形选项卡所需的数据;
渲染单元,用于根据所述数据渲染所述树形选项卡;
关联单元,用于响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡。
可选的,所述渲染单元还用于:
设置第一模板和第二模板;
调用所述第一模板,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
如果不是文件夹类型,或是文件夹类型且其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
如果是文件夹类型且折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在所述列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息。
根据本公开的实施方式,第三方面,本公开提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现第一方面任一所述的方法步骤。
根据本公开的实施方式,第四方面,本公开提供一种计算机可读存储介质,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。
与现有技术相比,本公开实施例的有益效果是:
本公开实施例通过对小程序采用树形选项卡进行管理的技术指标进行改进,使得小程序能够采用树形选项卡的方式进行管理,克服了原有组件的技术障碍,增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在应用管理上更加人性化,操作便捷,提升了小程序的应用价值。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本公开一实施例提供的小程序选项卡的实现方法流程示意图;
图2为本公开一实施例提供的小程序选项卡的实现方法执行流程示意图;
图3为本公开一实施例提供的小程序选项卡的实现装置的结构示意图;
图4为本公开实施例提供的电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
应当理解,尽管在本公开实施例中可能采用术语第一、第二、第三等来描述技术名称,但这些技术名称不应限于这些术语。这些术语仅用来将技术名称区分开。例如,在不脱离本公开实施例范围的情况下,第一校验签名也可以被称为第二校验签名,类似地,第二校验签名也可以被称为第一校验签名。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
另外,下述各实施例中的步骤时序仅为一种举例,而非严格限定。
请参阅图1,根据本公开的实施方式,第一方面,本公开提供一种小程序选项卡的实现方法,包括:
步骤S102:获取所述小程序的树形选项卡所需的数据;
可选的,所述获取所述小程序树形选项卡所需的数据,包括:
从服务器获取树形选项卡的数据、从本地数据获取树形选项卡的数据、或从代码里预先编写的数据读取树形选项卡的数据。
每项数据的表示可以为JSON对象,这个对象包含类型属性、折叠属性和列表属性,用户可以自己指定其他属性,以实现自己的需求,例如,用于表示一个文件树,可以添加名称属性,用于表示每个文件的名称。
其中,JSON(JavaScript Object Notation,JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
其中,类型(type)属性,表示该数据的类型,包括文件夹类型,指一个文件夹类型的数据,文件类型,指是一个文件的类型。
折叠(folded)属性,是只有文件夹才会有的属性,表示文件夹是否折叠,其中,true为折叠,false为展开。
列表(list)属性,是只有文件夹才会有的,是一个用来表示其包含的数据的数组,数组的每项都是数据的JSON对象。
步骤S104:根据所述数据渲染所述树形选项卡;
由于每项数据都可能是文件夹类型,所以需要递归的渲染出整个文件树。
可选的,所述根据所述数据渲染所述树形选项卡,包括:
根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡。
具体的,递归的实现:由于小程序模板没法自递归(即自己调用自己),所以需要两个模板代码相同的模板间相互调用来实现递归,他们唯一的不同是调用另外模板的路径和代码不相同,例如,有两个模板A和B,在根据JSON对象渲染这个树时,如果从A开始调用,首先判断该对象的type属性是否是'folder',如果不是,则只渲染当前的一个元素。如果是'folder',并且folded属性不为true,则取出其list属性对应的值,利用列表渲染,在列表的每一次循环中,调用模板B,传入当前列表项的数据。在模板B中,是和A是一样的逻辑和视图代码,唯一不同的地方是,在列表的每一次循环中,调用模板A。
如图2所示,可选的,所述根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡,包括:
步骤S1042:预设两个代码相同的第一模板A和第二模板B,两个模板代码完全相同。
步骤S1044:调用所述第一模板A,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
步骤S1046:如果不是文件夹类型,或是文件夹类型但其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
步骤S1048:如果是文件夹类型但折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息,直到遍历完毕。
步骤S106:响应用户点击操作,对应关联所述树形选项卡及数据,形成可展开、折叠树形选项卡。
用户点击时,在回调函数中,从传入的事件对象中,通过对象的当前目标(currentTarget)的数据设置(dataset)的身份信息id属性获得当前被点击的元素的id,然后在JSON对象中,通过id,找到该条数据,然后将其folded属性对应的值,改为其现有值的反面,例如,以前是true,就改为false,以前是true,就改为false。设置完后,小程序会根据数据再重新渲染。
除此之外,用户还可以在点击回调函数做自己需要的事,例如,打开展示某个文件等。
具体的,所述响应用户点击操作,对应关联所述树形选项卡及数据,形成可展开、折叠树形选项卡,包括:
步骤S1062:响应用户点击操作,调用被点击元素的回调函数;
步骤S1064:在所述回调函数中,获得当前被点击元素的身份信息,并通过该身份信息关联相对应的数据;
步骤S1066:将该元素的折叠属性改为其现有值的相反值;
步骤S1068:小程序重新渲染,形成可展开、折叠树形选项卡。
本公开实施例通过对小程序采用树形选项卡进行管理的技术指标进行改进,使得小程序能够采用树形选项卡的方式进行管理,克服了原有组件的技术障碍,增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在应用管理上更加人性化,操作便捷,提升了小程序的应用价值。
请参阅图3,根据本公开的实施方式,第二方面,本公开提供一种小程序选项卡的实现装置,包括:获取单位302、渲染单元304以及关联单元306。
具体的,获取单位302,用于获取所述小程序的树形选项卡所需的数据;
可选的,获取单位302还用于:
从服务器获取树形选项卡的数据、从本地数据获取树形选项卡的数据、或从代码里预先编写的数据读取树形选项卡的数据。
每项数据的表示可以为JSON对象,这个对象包含类型属性、折叠属性和列表属性,用户可以自己指定其他属性,以实现自己的需求,例如,用于表示一个文件树,可以添加名称属性,用于表示每个文件的名称。
其中,JSON(JavaScript Object Notation,JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
其中,类型(type)属性,表示该数据的类型,包括文件夹类型,指一个文件夹类型的数据,文件类型,指是一个文件的类型。
折叠(folded)属性,,是只有文件夹才会有的属性,表示文件夹是否折叠,其中,true为折叠,false为展开。
列表(list)属性,是只有文件夹才会有的,是一个用来表示其包含的数据的数组,数组的每项都是数据的JSON对象。
渲染单元304,用于根据所述数据渲染所述树形选项卡;
由于每项数据都可能是文件夹类型,所以需要递归的渲染出整个文件树。
可选的,所述渲染单元304还用于:
根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡。
具体的,递归的实现:由于小程序模板没法自递归(即自己调用自己),所以需要两个模板代码相同的模板间相互调用来实现递归,他们唯一的不同是调用另外模板的路径和代码不相同,例如,有两个模板A和B,在根据JSON对象渲染这个树时,如果从A开始调用,首先判断该对象的type属性是否是'folder',如果不是,则只渲染当前的一个元素。如果是'folder',并且folded属性不为true,则取出其list属性对应的值,利用列表渲染,在列表的每一次循环中,调用模板B,传入当前列表项的数据。在模板B中,是和A是一样的逻辑和视图代码,唯一不同的地方是,在列表的每一次循环中,调用模板A。
如图2所示,可选的,所述根据获得的数据,通过小程序的模板,采用自递归的方式渲染树形选项卡,包括:
预设两个代码相同的第一模板A和第二模板B;
调用所述第一模板,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
如果不是文件夹类型,或是文件夹类型但其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
如果是文件夹类型但折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息,直到遍历完毕。
关联单元306,用于响应用户点击操作,对应关联所述树形选项卡及数据,形成可展开、折叠树形选项卡。
用户点击时,在回调函数中,从传入的事件对象中,通过对象的当前目标(currentTarget)的数据设置(dataset)的身份信息id属性获得当前被点击的元素的id,然后在JSON对象中,通过id,找到该条数据,然后将其folded属性对应的值,改为其现有值的反面,例如,以前是true,就改为false,以前是true,就改为false。设置完后,小程序会根据数据再重新渲染。
除此之外,用户还可以在点击回调函数做自己需要的事,例如,打开展示某个文件等。
具体的,所述关联单元306用于:
响应用户点击操作,调用被点击元素的回调函数;
在所述回调函数中,获得当前被点击元素的身份信息,并通过该身份信息关联相对应的数据;
将该元素的折叠属性改为其现有值的相反值;
小程序重新渲染,形成可展开、折叠树形选项卡。
本公开实施例通过对小程序采用树形选项卡进行管理的技术指标进行改进,使得小程序能够采用树形选项卡的方式进行管理,克服了原有组件的技术障碍,增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在应用管理上更加人性化,操作便捷,提升了小程序的应用价值。
根据本公开的实施方式,第三方面,本公开提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现第一方面任一所述的方法步骤。
根据本公开的实施方式,第四方面,本公开提供一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。
下面参考图4,其示出了适于用来实现本公开实施例的电子设备400的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接受器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示,电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM 402被安装。在该计算机程序被处理装置401执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接受所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接受包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接受到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
Claims (10)
1.一种小程序选项卡的实现方法,其特征在于,包括:
获取所述小程序的树形选项卡的数据;
根据所述数据渲染所述树形选项卡;
响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡。
2.根据权利要求1所述的方法,其特征在于,所述获取所述小程序的树形选项卡所需的数据,包括:
从服务器获取所述树形选项卡的数据、从本地数据获取所述树形选项卡的数据、或从代码里预先编写的数据读取所述树形选项卡的数据。
3.根据权利要求2所述的方法,其特征在于,
所述数据的属性至少包含类型属性、折叠属性和列表属性;
其中,类型属性,表示该数据的类型,包括文件夹类型和文件类型;
折叠属性,表示文件夹是否折叠;
列表属性,表示其包含的数据的数组。
4.根据权利要求1所述的方法,其特征在于,所述根据所述数据渲染所述树形选项卡,包括:
根据获得的所述数据,通过小程序的模板,采用自递归的方式渲染所述树形选项卡。
5.根据权利要求4所述的方法,其特征在于,所述根据获得的所述数据,通过小程序的模板,采用自递归的方式渲染所述树形选项卡,包括:
设置第一模板和第二模板;
调用所述第一模板,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
如果不是文件夹类型,或是文件夹类型且其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
如果是文件夹类型且折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在所述列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息。
6.根据权利要求1所述的方法,其特征在于,所述响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡,包括:
响应用户指令,调用被点击元素的回调函数;
在所述回调函数中,获得当前被点击元素的身份信息,并通过所述身份信息关联相对应的数据;
将所述元素的折叠属性改为其现有值的相反值;
小程序重新渲染,可展开或折叠树形选项卡。
7.一种小程序选项卡的实现装置,其特征在于,包括:
获取单元,用于获取所述小程序的树形选项卡的数据;
渲染单元,用于根据所述数据渲染所述树形选项卡;
关联单元,用于响应用户指令,关联与所述用户指令对应的所述树形选项卡和所述数据,可展开或折叠所述树形选项卡。
8.根据权利要求7所述的装置,其特征在于,所述渲染单元还用于:
设置第一模板和第二模板;
调用所述第一模板,并判断所述第一模板中待渲染的对象数据类型属性是否为文件夹类型;
如果不是文件夹类型,或是文件夹类型且其折叠属性为展开,则只渲染当前的一个元素并绑定相关事件和身份信息;
如果是文件夹类型且折叠属性为折叠,则取出其列表属性对应的值,利用列表循环渲染,在所述列表的每一次循环中,调用所述第二模板,传入当前列表项的数据并绑定相关事件和身份信息。
9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现权利要求1-6任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现权利要求1-6任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811583731.8A CN109814778B (zh) | 2018-12-24 | 2018-12-24 | 小程序选项卡的实现方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811583731.8A CN109814778B (zh) | 2018-12-24 | 2018-12-24 | 小程序选项卡的实现方法、装置、电子设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109814778A true CN109814778A (zh) | 2019-05-28 |
CN109814778B CN109814778B (zh) | 2020-12-22 |
Family
ID=66602292
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811583731.8A Active CN109814778B (zh) | 2018-12-24 | 2018-12-24 | 小程序选项卡的实现方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109814778B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110689600A (zh) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | 树形组件的渲染方法和装置、可读存储介质、电子设备 |
CN112416374A (zh) * | 2020-11-18 | 2021-02-26 | 北京字跳网络技术有限公司 | 数据处理方法、装置、终端和存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101719056A (zh) * | 2002-02-15 | 2010-06-02 | 特里迪姆公司 | 用于实时系统控制的组件模型 |
CN104536795A (zh) * | 2015-01-23 | 2015-04-22 | 深圳市中兴移动通信有限公司 | 一种应用程序的启动方法及装置 |
CN106339400A (zh) * | 2015-07-13 | 2017-01-18 | 阿里巴巴集团控股有限公司 | 呈现树形文件的方法、装置及设备 |
CN106502492A (zh) * | 2016-09-29 | 2017-03-15 | 乐视控股(北京)有限公司 | 一种应用图标的操作方法及装置 |
CN106980504A (zh) * | 2017-03-28 | 2017-07-25 | 腾讯科技(深圳)有限公司 | 一种应用程序开发方法及其工具、设备 |
US20180356969A1 (en) * | 2016-01-22 | 2018-12-13 | Johnson Controls Technology Company | Building energy management system with ad hoc dashboard |
CN109032600A (zh) * | 2018-07-24 | 2018-12-18 | 东软集团股份有限公司 | 应用界面更新方法、装置、存储介质及电子设备 |
-
2018
- 2018-12-24 CN CN201811583731.8A patent/CN109814778B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101719056A (zh) * | 2002-02-15 | 2010-06-02 | 特里迪姆公司 | 用于实时系统控制的组件模型 |
CN104536795A (zh) * | 2015-01-23 | 2015-04-22 | 深圳市中兴移动通信有限公司 | 一种应用程序的启动方法及装置 |
CN106339400A (zh) * | 2015-07-13 | 2017-01-18 | 阿里巴巴集团控股有限公司 | 呈现树形文件的方法、装置及设备 |
US20180356969A1 (en) * | 2016-01-22 | 2018-12-13 | Johnson Controls Technology Company | Building energy management system with ad hoc dashboard |
CN106502492A (zh) * | 2016-09-29 | 2017-03-15 | 乐视控股(北京)有限公司 | 一种应用图标的操作方法及装置 |
CN106980504A (zh) * | 2017-03-28 | 2017-07-25 | 腾讯科技(深圳)有限公司 | 一种应用程序开发方法及其工具、设备 |
CN109032600A (zh) * | 2018-07-24 | 2018-12-18 | 东软集团股份有限公司 | 应用界面更新方法、装置、存储介质及电子设备 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110689600A (zh) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | 树形组件的渲染方法和装置、可读存储介质、电子设备 |
CN112416374A (zh) * | 2020-11-18 | 2021-02-26 | 北京字跳网络技术有限公司 | 数据处理方法、装置、终端和存储介质 |
CN112416374B (zh) * | 2020-11-18 | 2022-10-25 | 北京字跳网络技术有限公司 | 数据处理方法、装置、终端和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109814778B (zh) | 2020-12-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109729004A (zh) | 会话消息置顶处理方法和装置 | |
CN109857971A (zh) | 页面渲染方法和装置 | |
CN109828807A (zh) | 小程序手势切换页面的方法、装置、电子设备及存储介质 | |
CN109299348A (zh) | 一种数据查询方法、装置、电子设备及存储介质 | |
CN110162758A (zh) | 在线文档插入信息方法及装置 | |
CN110489087A (zh) | 一种生成分形结构的方法、装置、介质和电子设备 | |
CN109800041A (zh) | 小程序背景模糊实现方法、装置、电子设备及存储介质 | |
CN109492210A (zh) | 一种在线文档内容展示方法、装置、存储介质及电子设备 | |
CN109062563A (zh) | 用于生成页面的方法和装置 | |
CN110263287A (zh) | 页面渲染方法及设备 | |
CN110245030A (zh) | 一种数据服务提供方法、装置、介质和电子设备 | |
WO2020186897A1 (zh) | 信息处理方法和装置 | |
CN109510874A (zh) | 基于lbs的电子凭证推送方法、装置及电子设备 | |
CN110362248A (zh) | 小程序侧边菜单栏的控制方法、装置、设备及介质 | |
CN109597929A (zh) | 搜索结果的展示方法、装置、终端及可读介质 | |
CN110209315A (zh) | 用户界面中字符的显示方法、装置、电子设备及存储介质 | |
CN109960801A (zh) | 数据处理方法及装置 | |
CN109814778A (zh) | 小程序选项卡的实现方法、装置、电子设备及介质 | |
CN110389899A (zh) | 检测js程序的api数据类型的方法装置、介质和设备 | |
CN110489165A (zh) | 获取调用栈栈帧指令偏移的方法、装置、介质和设备 | |
CN109729189A (zh) | 用于配置域名的方法和装置 | |
CN110489041A (zh) | 小程序拖动元素自动对齐的方法、装置、设备及介质 | |
CN110188782A (zh) | 图像相似性确定方法、装置、电子设备及可读存储介质 | |
CN110489158A (zh) | 对代码托管平台进行优化的方法、装置、介质和电子设备 | |
CN109799945A (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 | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20210726 Address after: 200433 no.465 Guohe Road, Yangpu District, Shanghai Patentee after: Shanghai suixun Electronic Technology Co.,Ltd. Address before: 300450 Tianjin Nankai Binhai High-tech Zone Binhai Science Park, No. 39, No. 6 High-tech Road, 9-3-401 Patentee before: TIANJIN BYTEDANCE TECHNOLOGY Co.,Ltd. |