生成用于人机交互的界面的方法及系统的制作方法
【专利摘要】本发明提供一种生成用于人机交互的界面的方法及系统,所述方法包括:获取界面栏位模型并且获取初始界面文件;根据获取的界面栏位模型在所述初始界面文件中建立栏位节点;根据建立栏位节点后得到的界面文件生成界面。实施本发明,可以通过界面栏位模型实现界面中栏位的动态建立,从而提高了界面生成的可扩展性以及灵活度,缩短了开发周期。
【专利说明】
生成用于人机交互的界面的方法及系统
技术领域
[0001] 本发明涉及通信领域,更为具体而言,涉及用于生成用于人机交互界面的方法及 系统。
【背景技术】
[0002] 近年来,随着各种金融服务产品的推陈出新,业务创新层出不穷,金融服务系统对 于扩展性以及灵活度的要求越来越高,这给系统的设计与开发带来了极大的挑战。其中,一 个关键的部分就是交互界面的设计,用户利用交互界面填写相关信息,并且把这些信息发 送到后端进行处理,完成相关的功能。在现阶段,通常根据用户的要求,通过把交互界面的 要素固化在代码中来完成交互界面的设计,然而这种方法存在扩展性差、开发周期长、灵活 度低等问题。
【发明内容】
[0003] 为解决上述技术问题,本发明提供一种生成用于人机交互的界面的方法及系统。
[0004] -方面,本发明的实施方式提供了一种生成用于人机交互的界面的方法,所述方 法包括:
[0005] 获取界面栏位模型并且获取初始界面文件;
[0006] 根据获取的界面栏位模型在所述初始界面文件中建立栏位节点;
[0007] 根据建立栏位节点后得到的界面文件生成界面。
[0008] 另一方面,本发明实施方式提供了一种生成用于人机交互的界面的系统,所述系 统包括:
[0009] 获取模块,用于获取界面栏位模型并且获取初始界面文件;
[0010] 栏位节点建立模块,用于根据所述获取模块获取的界面栏位模型在所述初始界面 文件中建立栏位节点;
[0011]生成模块,用于根据所述栏位节点建立模块建立栏位节点后得到的界面文件生成 界面。
[0012] 实施本发明提供的生成用于人机交互的界面的方法及系统,可以通过界面栏位模 型实现界面中栏位的动态建立,从而提高了界面生成的可扩展性以及灵活度,缩短了开发 周期。
【附图说明】
[0013] 图1是根据本发明实施方式的一种生成用于人机交互的界面的方法的流程图;
[0014]图2示出了图1所示的处理S200的一种实施方式;
[0015] 图3是根据本发明实施方式的一种生成用于人机交互的界面的系统的结构示意 图;
[0016] 图4示出了图3所示的栏位节点建立模块200的一种实施方式。
【具体实施方式】
[0017] 为使本发明的实施例的目的、技术方案和优点更加清楚,下面将结合附图对本发 明作进一步地详细描述。
[0018] 图1是根据本发明实施方式的一种生成用于人机交互的界面的方法的流程图。参 见图1,所述方法包括:
[0019] S100:获取界面栏位模型并且获取初始界面文件。其中,所述界面栏位模型用于对 界面中各栏位的通用属性进行描述,所述初始界面文件例如可以包括界面标题节点等预先 建立的节点。
[0020] S200:根据获取的界面栏位模型在所述初始界面文件中建立栏位节点。
[0021] S300:根据建立栏位节点后得到的界面文件生成界面。
[0022] 在本发明的一种实施方式中,界面栏位模型可以包括界面中各个栏位的栏位模 型。其中栏位模型例如可以包括:栏位属性信息(例如:栏位的唯一标识符、栏位在界面上的 标题、栏位的类型、栏位的提示说明、栏位在界面上初始化时的默认值、栏位被激活时触发 的事件等)以及栏位规则信息。与栏位模型对应地,所述栏位节点例如可以包括:基于栏位 属性信息建立的栏位属性节点和基于栏位规则信息建立的栏位规则节点。
[0023] 在本发明的另一种实施方式中,界面栏位模型可以包括界面中各个栏位的栏位模 型以及分组信息,栏位模型的内容如上所述,在此不再赘述,分组信息指栏位所在组的信息 (组的标识符以及标题等)。
[0024]在本发明的另一种实施方式中,所述方法还可以包括下述处理:更新所述界面栏 位模型。该处理与S100中的所述获取界面栏位模型的处理并发执行。
[0025] 图2示出了图1所示的处理S200的一种实施方式。参见图2,处理S200可以包括:
[0026] S210:从所述界面栏位模型中识别出栏位模型、分组信息以及栏位模型与分组信 息之间的对应关系。
[0027] S220:基于识别出的分组信息在所述初始界面文件中建立一个或多个组节点。
[0028] S230:基于所述对应关系,在建立的各组节点中分别根据相应的栏位模型建立栏 位节点。
[0029]下面结合具体例子对本发明的实施方式进行详细说明。
[0030] 步骤1:获取界面栏位模型并且获取初始界面文件。
[0031] 其中,所述界面栏位模型用于对界面中各栏位的通用属性进行描述,所述初始界 面文件例如可以包括界面标题节点等预先建立的节点。
[0032]所述界面栏位模型例如可以定义为jFieldModi,grpldi,grpLabeli} h 其 中,X表示界面中栏位的数量,Fi e 1 dModi表示界面中的第i个栏位的栏位模型,grp I di表示界 面中第i个栏位所在组的标识符,grpLabeh表示界面中第i个栏位所在组的标题,其中,栏 位模型FieldMod例如可以定义为:
[0033] FieldMod = FieldInf U FieldRuls,FieldInf表不栏位属性信息,FieldRuls表不 栏位规则信息。其中,Fieldlnf和FieldRuls可以定义为:
[0034] Fie 1 dlnf = {fieldld,lable,type,tips,dfaltVal,trgrEv},fieldld表不栏位的 唯一标识符,lable表示栏位在界面上的标题,type表示栏位的类型(例如包括:金额输入 框、银行卡号输入框、下拉框、文本框、日期输入框、密码录入框、复选框、下拉多选框等), tips表示栏位的提示说明,dfaltVal是栏位在界面上初始化时的默认值,trgrEv是栏位被 激活时触发的事件。
[0035] FieldRuls= {fieldRule},fieldRule表示栏位的规则,根据栏位类型的不同,栏 位规则的含义也不一样,例如,当栏位的类型为金额输入框时,需要校验输入数字的精度; 当栏位的类型为银行卡号输入框时,需要按照四位数字进行分割(当然本领域的技术人员 也可以根据实际需要,按照其他位数进行分割);当栏位的类型为文本框时,需要限制输入 内容的长度;当栏位为下拉框时,需要给出枚举值。
[0036] 并且,需要预先对所述界面栏位模型进行定义,例如,先对界面中各栏位的栏位模 型进行定义,再对各栏位的栏位模型和分组信息(栏位所在组的标识符以及标题等)建立对 应关系以完成对界面栏位模型的定义。
[0037] 在本发明的一种实施方式中,还可以与所述获取界面栏位模型的处理并发地执行 下述处理:更新所述界面栏位模型。
[0038] 步骤2 :从所述界面栏位模型中识别出栏位模型、分组信息、以及栏位模型和分组 信息之间的对应关系。
[0039] 步骤3:基于识别出的分组信息在所述初始界面文件中建立一个或多个组节点。
[0040] 步骤4:基于所述对应关系,在建立的各组节点中分别根据相应的栏位模型建立栏 位节点。与栏位模型对应地,所述栏位节点包括:基于栏位属性信息建立的栏位属性节点和 基于栏位规则信息建立的栏位规则节点。
[0041] 步骤5:根据建立栏位节点后得到的界面文件生成界面。
[0042]图3是根据本发明实施方式的一种生成用于人机交互的界面的系统的结构示意 图。参见图3,所述系统1000包括:获取模块100、栏位节点建立模块200、以及生成模块300, 具体地:
[0043] 获取模块100用于获取界面栏位模型并且获取初始界面文件。其中,所述界面栏位 模型用于对界面中各栏位的通用属性进行描述,所述初始界面文件例如可以包括界面标题 节点等预先建立的节点。
[0044] 栏位节点建立模块200用于根据获取模块100获取的界面栏位模型在所述初始界 面文件中建立栏位节点。
[0045]生成模块300用于根据栏位节点建立模块200建立栏位节点后得到的界面文件生 成界面。
[0046] 在本发明的一种实施方式中,界面栏位模型可以包括界面中各个栏位的栏位模 型。其中栏位模型例如可以包括:栏位属性信息(例如:栏位的唯一标识符、栏位在界面上的 标题、栏位的类型、栏位的提示说明、栏位在界面上初始化时的默认值、栏位被激活时触发 的事件等)以及栏位规则信息。与栏位模型对应地,所述栏位节点例如可以包括:基于栏位 属性信息建立的栏位属性节点和基于栏位规则信息建立的栏位规则节点。
[0047] 在本发明的另一种实施方式中,界面栏位模型可以包括界面中各个栏位的栏位模 型以及分组信息,栏位模型的内容如上所述,在此不再赘述,分组信息指栏位所在组的信息 (组的标识符以及标题等)。
[0048] 在本发明的另一种实施方式中,系统1000还可以包括用于更新所述界面栏位模型 的更新模块。
[0049] 图4示出了图3所示的栏位节点建立模块200的一种实施方式。所述栏位节点建立 模块200包括:解析单元210、组节点建立单元220、以及栏位节点建立单元230,具体地:
[0050] 解析单元210用于从所述界面栏位模型中解析出栏位模型、分组信息、以及栏位模 型和分组信息之间的对应关系。
[0051] 组节点建立单元220用于基于所述解析单元210解析出的分组信息在所述初始界 面文件中建立一个或多个组节点。
[0052] 栏位节点建立单元230用于基于所述对应关系,在组节点建立单元220建立的各分 组节点中分别根据相应的栏位模型建立栏位节点。
[0053]实施本发明提供的生成用于人机交互的界面的方法及系统,可以通过界面栏位模 型实现界面中栏位的动态建立,从而提高了界面生成的可扩展性以及灵活度,缩短了开发 周期。
[0054] 通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明可借助 软件结合硬件平台的方式来实现。基于这样的理解,本发明的技术方案对【背景技术】做出贡 献的全部或者部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介 质中,如R0M/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算 机,服务器,智能手机或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述 的方法。
[0055] 本发明说明书中使用的术语和措辞仅仅为了举例说明,并不意味构成限定。本领 域技术人员应当理解,在不脱离所公开的实施方式的基本原理的前提下,对上述实施方式 中的各细节可进行各种变化。因此,本发明的范围只由权利要求确定,在权利要求中,除非 另有说明,所有的术语应按最宽泛合理的意思进行理解。
【主权项】
1. 一种生成用于人机交互的界面的方法,其特征在于,所述方法包括: 获取界面栏位模型并且获取初始界面文件; 根据获取的界面栏位模型在所述初始界面文件中建立栏位节点; 根据建立栏位节点后得到的界面文件生成界面。2. 如权利要求1所述的方法,其特征在于,所述方法还包括: 与所述获取界面栏位模型的处理并发地执行下述处理:更新所述界面栏位模型。3. 如权利要求1或2所述的方法,其特征在于, 所述界面栏位模型包括:界面中各栏位的栏位模型以及分组信息。4. 如权利要求3所述的方法,其特征在于,根据获取的界面栏位模型在所述初始界面文 件中建立栏位节点包括: 从所述界面栏位模型中解析出栏位模型、分组信息、以及栏位模型和分组信息之间的 对应关系; 基于解析出的分组信息在所述初始界面文件中建立一个或多个组节点; 基于所述对应关系,在建立的各组节点中分别根据相应的栏位模型建立栏位节点。5. 如权利要求3所述的方法,其特征在于, 所述栏位模型包括:栏位属性信息和栏位规则信息; 所述栏位节点包括:基于栏位属性信息建立的栏位属性节点和基于栏位规则信息建立 的栏位规则节点。6. -种生成用于人机交互的界面的系统,其特征在于,所述系统包括: 获取模块,用于获取界面栏位模型并且获取初始界面文件; 栏位节点建立模块,用于根据所述获取模块获取的界面栏位模型在所述初始界面文件 中建立栏位节点; 生成模块,用于根据所述栏位节点建立模块建立栏位节点后得到的界面文件生成界 面。7. 如权利要求6所述的系统,其特征在于,所述系统还包括: 更新模块,用于更新所述界面栏位模型。8. 如权利要求6或7所述的系统,其特征在于, 所述界面栏位模型包括:界面中各栏位的栏位模型以及分组信息。9. 如权利要求8所述的系统,其特征在于,所述栏位节点建立模块包括: 解析单元,用于从所述界面栏位模型中解析出栏位模型、分组信息、以及栏位模型和分 组信息之间的对应关系; 组节点建立单元,用于基于所述解析单元解析出的分组信息在所述初始界面文件中建 立一个或多个组节点; 栏位节点建立单元,用于基于所述对应关系,在所述组节点建立单元建立的各组节点 中分别根据相应的栏位模型建立栏位节点。10. 如权利要求9所述的系统,其特征在于, 所述栏位模型包括:栏位属性信息和栏位规则信息; 所述栏位节点包括:基于栏位属性信息建立的栏位属性节点和基于栏位规则信息建立 的栏位规则节点。
【文档编号】G06F9/44GK105975286SQ201610428827
【公开日】2016年9月28日
【申请日】2016年6月16日
【发明人】易剑, 朱文甫, 赵雪松, 张鹏
【申请人】中国建设银行股份有限公司