本发明专利技术公开一种列表生成的方法及装置,涉及计算机技术领域,可以解决生成列表时工作量大的问题。本发明专利技术实施例通过使用JavaScript以标签的形式在后台封装列表对象;在前端页面设置标签,将标签与后台的列表对象相关联;在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。本发明专利技术实施例提供的方案适于生成列表时采用。
【技术实现步骤摘要】
本专利技术涉及计算机
,尤其涉及一种列表生成的方法及装置。
技术介绍
随着网络的发展,浏览器的应用越来越广泛,在浏览器的应用过程中,经常需要以列表的形式展示一些信息。目前,在生成列表时开发人员需要编写大量的代码,具体而言,需要编写用于调用每个单元格样式的代码,还需要为每个单元格编写用于加载数据的代码,每次使用列表还需要编写大量代码以支持列表的正常显示和使用,此外,随着浏览器种类越来越多,不同内核的浏览器所支持的DOM(Document Object Model,文档对象模型)存在差异,还需要编写大量用于兼容浏览器之间差异的代码。然而,代码量非常庞大会导致代码出现错误的概率变大,在维护列表时,还需从大量的代码中查找并修改存在问题的代码,使得生成列表的所需的工作量非常大。
技术实现思路
本专利技术的实施例提供一种页面列表生成的方法及装置,可以解决由于代码量庞大而导致的生成列表工作量大的问题。为达到上述目的,本专利技术的实施例采用如下技术方案:一方面,本专利技术的实施例提供一种列表生成的方法,包括:使用脚本语言JavaScript以标签的形式在后台封装列表对象;在前端页面设置标签,将所述标签与后台的列表对象相关联;在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。在本专利技术的另一实施例中,所述使用JavaScript以标签的形式在后台封装列表对象,包括:提取不同列表中相同的功能以标签的形式封装成方法;分别为每个列表生成一个唯一的标识符;根据每个列表的差异部分,分别以标签的形式生成每个标识符对应的属性及方法。在本专利技术的另一实施例中,所述在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表,包括:在前端页面上调用标签;为被调用的标签添加属性;通过所述被调用的标签加载从后台接收到的脚本语言对象表示法JSON数据;根据所述JSON数据以及所述被调用的标签的属性自动生成列表。在本专利技术的另一实施例中,所述列表中的每个元素分别与各自对应的事件绑定。在本专利技术的另一实施例中,所述标签为tag标签。另一方面,本专利技术的实施例提供一种列表生成的装置,包括:封装单元,用于使用JavaScript以标签的形式在后台封装列表对象;设置单元,用于在前端页面设置标签,将所述标签与后台的列表对象相关联;调用单元,用于在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。在本专利技术的另一实施例中,所述封装单元,还用于提取不同列表中相同的功能以标签的形式封装成方法;分别为每个列表生成一个唯一的标识符;根据每个列表的差异部分,分别以标签的形式生成每个标识符对应的属性及方法。在本专利技术的另一实施例中,所述调用单元,还用于在前端页面上调用标签;为被调用的标签添加属性;通过所述被调用的标签加载从后台接收到的JSON数据;根据所述JSON数据以及所述被调用的标签的属性自动生成列表。在本专利技术的另一实施例中,所述列表中的每个元素分别与各自对应的事件绑定。在本专利技术的另一实施例中,所述标签为tag标签。本专利技术实施例提供的列表生成的方法及装置,使用JavaScript以标签的形式在后台封装列表对象,然后在前端页面设置标签,将标签与后台的列表对象相关联;在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。与现有技术中由于生成列表时需要编写并维护大量代码而导致生成列表工作量的相比,本专利技术使用JavaScript以标签的形式在后台封装列表对象,使用标签的形式封装列表对象提高了代码的复用率,可以减少代码量,且在前端页面上调用标签就能够加载后台数据并自动生成列表,无需开发人员手动编写代码生成列表对象,减小了生成列表的工作量。【附图说明】为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种列表生成的方法流程图;图2为本专利技术实施例提供的另一种列表生成的方法流程图;图3为本专利技术实施例提供的另一种列表生成的方法流程图;图4为本专利技术实施例提供的列表生成的方法中列表初始化的方法流程图;图5为本专利技术实施例提供的一种列表生成的装置的逻辑结构示意图。【具体实施方式】下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。为了减小生成列表时的工作量,本专利技术实施例提供一种列表生成的方法,如图1所示,该方法包括:101、使用JavaScript (脚本语言)以标签的形式在后台封装列表对象。在本专利技术实施例中,标签可以为tag标签。102、在前端页面设置标签,将标签与后台的列表对象相关联。需要说明的是,将标签与后台的列表对象相关联以使得通过调用某个标签就可以接收该标签对应的列表对象,其中,接收到的该标签对应的列表对象是以数据的形式表示的。103、在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。值得说明的是,列表中的每个元素分别与各自对应的事件绑定,例如,列表对象为每个行和单元格的选中及取消选中都绑定了事件,每次执行选中或者取消选中的动作都会触发相关事件,并将需要的操作对象的信息更新到相关的属性中,当需要获取选中的行和单元格的信息时,只需要读取对应属性的值就可以获取到所需要的信息。本专利技术实施例提供的列表生成的方法,使用JavaScript以标签的形式在后台封装列表对象,然后在前端页面设置标签,将标签与后台的列表对象相关联;在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。与现有技术中由于生成列表时需要编写并维护大量代码而导致生成列表工作量的相比,本专利技术使用JavaScript以标签的形式在后台封装列表对象,使用标签的形式封装列表对象提高了代码的复用率,可以减少代码量,且在前端页面上调用标签就能够加载后台数据并自动生成列表,无需开发人员手动编写代码生成列表对象,减小了生成列表的工作量。为了提高代码复用率,以减少生成列表时的工作量,在本专利技术实施例提供的另一种实现方式中,如图2所示,上述步骤101、使用JavaScript以标签的形式在后台封装列表对象具体可以实现为下述步骤1011至1013。1011、提取不同列表中相同的功能以标签的形式封装成方法。由于不同页面的列表的大部分功能是相同的,所以可以将相同的功能提取出来,使用标签的方式实现相同的列表功能的封装,这样就无需为每个列表编写重复的代码。1012、分别为每个列表生成一个唯一的标识符。值得说明的是,不同的列表之间存在差异,所以需要为每个列表分别生成一个标识符,用于标识列表的差异部分。1013、根据每个列表的差异部分,分别以标签的形式生成每个标识符对应的属性及方法。本专利技术实施例提供的列表生成的方法,提取不同列表中相同的功能以标签的形式封装成方法,再分别为每个列表生成一个唯一的标识符,然后根据每个列表的差异部分,分别以标签的形式生成每个标识本文档来自技高网...
【技术保护点】
一种列表生成的方法,其特征在于,包括:使用脚本语言JavaScript以标签的形式在后台封装列表对象;在前端页面设置标签,将所述标签与后台的列表对象相关联;在前端页面上调用标签,通过被调用的标签加载后台数据并自动生成列表。
【技术特征摘要】
【专利技术属性】
技术研发人员:康缪建,冯乐英,
申请(专利权)人:亚信科技南京有限公司,
类型:发明
国别省市:江苏;32
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。