extjs组件的封装方法及装置、用户界面的生成方法及系统制造方法及图纸

技术编号:5473916 阅读:1707 留言:0更新日期:2012-04-11 18:40
本发明专利技术提供一种extjs组件的封装方法及装置、用户界面的生成方法及系统。一种extjs组件的封装方法,包括:确定extjs组件的名称和功能参数;根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的jsp标签,以完成对所述extjs组件的封装,其中,所述jsp标签的名称与所述extjs组件的名称相对应。在本发明专利技术实施例中,通过生成extjs组件的对应jsp标签,将复杂的extjs组件封装成简单易用的jsp标签,封装了复杂的页面逻辑代码,可简单的实现代码的复用,使用方便,易于理解,满足了银行业等应用系统复杂多变的界面展示需求,节省了开发时间、降低了开发难度,为信息系统前端开发提供了充分的支持。

【技术实现步骤摘要】

本专利技术涉及数据处理
,尤其涉及一种extjs组件的封装方法及装置、用 户界面的生成方法及系统。
技术介绍
extjs是一个强大的js类库,主要用于创建前端用户界面,通过参考JavaSwing等 机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可 算是一款不可多得的JavMcript客户端技术的精品。现有技术中,用户界面的创建或生成方法是根据extjs框架提供的组件,直接编 写至Jav必cript代码,通过运行代码调用extjs组件来生成相应的用户界面,然而,由于对 extjs框架提供的组件没有固定的使用模板或限制,一个用户界面的组件可能存在多种编 写方式,这使得调用组件生成用户界面的过程变得复杂和多样化,后续若要重复使用一段 代码而无需重新编写,以提高工作效率时,也很难确定需要复用的代码段,从而增加了代码 复用的难度。
技术实现思路
本专利技术实施例提供一种extjs组件的封装方法及装置、用户界面的生成方法及系 统,能够形成模板化的用户界面组件,以便于形成用户界面和代码复用。为了解决上述技术问题,本专利技术实施例的技术方案如下一种extjs组件的封装方法,包括确定extjs组件的名称和功能参数;根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的jsp标 签,以完成对所述extjs组件的封装,其中,所述jsp标签的名称与所述extjs组件的名称 相对应。进一步,还包括在生成所述jsp标签之前,确定所述extjs组件的属性;所述根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的 jsp标签,具体为根据标记库描述符生成规则,生成具有所述功能参数及所述属性的所述extjs组 件的jsp标签。进一步,还包括设置调取所述jsp标签的路径。一种用户界面的生成方法,包括确定extjs组件的名称和功能参数;根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的jsp标签,其中,所述jsp标签的名称与所述extjs组件的名称相对应;根据用户界面所需extjs组件的名称,调取与所述所需extjs组件的名称相对应 的jsp标签;根据调取的jsp标签生成所述用户界面。进一步,还包括在生成所述jsp标签之前,确定所述extjs组件的属性;所述根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的 jsp标签,具体为所述根据标记库描述符生成规则,生成具有所述功能参数及所述属性的所述 extjs组件的jsp标签。进一步,在所述生成所述用户界面之前,还包括设置调取的所述jsp标签的属性值。进一步,所述根据用户界面所需extjs组件的名称,调取与所述所需extjs组件的 名称相对应的jsp标签,具体为根据用户界面所需extjs组件的名称,确定与所述所需extjs组件的名称相对应 的jsp标签,根据所述jsp标签的调取路径,调取所述jsp标签。一种extjs组件的封装装置,包括组件确定单元,用于确定extjs组件的名称和功能参数;标签生成单元,用于根据标记库描述符生成规则,生成具有所述功能参数的所述 extjs组件的jsp标签,以完成对所述extjs组件的封装,其中,所述jsp标签的名称与所述 extjs组件的名称相对应。进一步,所述组件确定单元,还用于在所述标签生成单元生成所述jsp标签之前, 确定所述extjs组件的属性;所述标签生成单元,具体用于根据标记库描述符生成规则,生成具有所述功能参 数及所述属性的所述extjs组件的jsp标签。进一步,还包括路径设置单元,用于设置调取所述jsp标签的路径。一种用户界面的生成系统,包括组件确定模块,用于确定extjs组件的名称和功能参数;标签生成模块,用于根据标记库描述符生成规则,生成具有所述功能参数的所述 extjs组件的jsp标签,其中,所述jsp标签的名称与所述extjs组件的名称相对应;标签调取模块,用于根据用户界面所需extjs组件的名称,调取与所述所需extjs 组件的名称相对应的jsp标签;界面生成模块,用于根据调取的jsp标签生成所述用户界面。进一步,所述组件确定模块,还用于在所述标签生成模块生成所述jsp标签之前, 确定所述extjs组件的属性;所述标签生成模块,具体用于根据标记库描述符生成规则,生成具有所述功能参 数及所述属性的所述extjs组件的jsp标签。进一步,还包括属性设置模块,用于在所述界面生成模块生成所述用户界面之前,设置调取的所 述jsp标签的属性值。进一步,所述标签调取模块,具体用于根据用户界面所需extjs组件的名称,确定 与所述所需extjs组件的名称相对应的jsp标签,根据所述jsp标签的调取路径,调取所述 jsp标签。进一步,所述extjs组件包括下列之一或任意组合显示数字金额时同步显示汉字金额的组件、右键菜单组件、工具栏位置设置组件、 表格联动同屏编辑组件、树形列表窗口组件、对列表中的数据实现小计的组件、对列表中的 数据实现总计的组件、汇总表头组件、信息提示组件、表单注释组件、联想输入组件。在本专利技术实施例中,通过生成extjs组件的对应jsp (Java Server Images)标签, 将复杂的extjs组件封装成简单易用的jsp标签,封装了复杂的页面逻辑代码,可简单的实 现代码的复用,使用方便,易于理解,满足了银行业等应用系统复杂多变的界面展示需求, 节省了开发时间、降低了开发难度,为信息系统前端开发提供了充分的支持。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本 专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可 以根据这些附图获得其他的附图。图1是本专利技术实施例一种extjs组件的封装方法流程图;图2是本专利技术实施例一种用户界面的生成方法流程图;图3是本专利技术实施例一种extjs组件的封装装置结构示意图;图4是本专利技术实施例一种用户界面生成系统的结构示意图。具体实施例方式为了使本领域技术人员能进一步了解本专利技术的特征及
技术实现思路
,请参阅以下有关 本专利技术的详细说明与附图,附图仅提供参考与说明,并非用来限制本专利技术。下面结合附图和实施例,对本专利技术的技术方案进行描述。参见图1,为本专利技术实施例一种extjs组件的封装方法流程图。该方法可以包括步骤101,确定extjs组件的名称和功能参数。在本实施例中,首先确定出需要生成标签的extjs组件,并确定该组件的名称和 功能参数,以文本框组件进行说明,名称为文本框,功能参数为用于表征该文本框所具有的 功能的参数,可以根据用户的需求设定或选择该文本框所具有的功能,例如文本的横向、纵 向输入。设定组件的功能参数后,生成的标签也具有相同的功能,也即规定了该组件对应的 标签只具有设定的功能。其中,extjs组件也即用于生成用户界面的组件,该组件可以是现有的表格组件、 表单组件、工具栏等,还可以是根据组件的生成规则生成的新组件,如显示数字金额时同步 显示汉字金额的组件(Money组件)、右键菜单组件、工具栏位置设置组件(可以用于form,,tree,region中,其中重要的属性是本文档来自技高网
...

【技术保护点】
一种extjs组件的封装方法,其特征在于,包括:确定extjs组件的名称和功能参数;根据标记库描述符生成规则,生成具有所述功能参数的所述extjs组件的jsp标签,以完成对所述extjs组件的封装,其中,所述jsp标签的名称与所述extjs组件的名称相对应。

【技术特征摘要】

【专利技术属性】
技术研发人员:杨鹏朱玥邹德庆
申请(专利权)人:中国农业银行股份有限公司
类型:发明
国别省市:11[中国|北京]

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1