一种用于构建用户界面的可视化引擎系统及方法技术方案

技术编号:21033482 阅读:48 留言:0更新日期:2019-05-04 05:09
本发明专利技术提供了一种用于构建用户界面的可视化引擎系统及方法,可视化引擎系统,包括模板设置模块、java标签类库模块、数据存储模块、可视化引擎模块、网页生成模块,在可视化引擎模块中进行模板文件与数据属性字段的替换后通过网页生成网页,通过本系统及方法,网页设计师能够采用本可视化引擎独立完成修改、重建用户界面的工作,解决了开发人员人工重复编写HTML脚本、网页构建或者修改的效率低的问题。

A Visualization Engine System and Method for Building User Interface

【技术实现步骤摘要】
一种用于构建用户界面的可视化引擎系统及方法
本专利技术属于用户界面构建领域,特别涉及一种用于构建用户界面的可视化引擎系统及方法。
技术介绍
B2B电商是较为典型的WEB的交互式系统,通常采用MVC模式的体系架构来实现电商系统中的人—机交互。MVC即模型(model)-视图(view)-控制器(controller),分别对应该架构系统中的视图层、模型层和控制层,每一层有特定的功能,负责特定的任务。模型层表示业务数据和业务逻辑/操作,负责业务数据的访问和修改,同时提供访问接口供控制层调用;视图层表现模型的内容,它从模型层得到数据并且指定这些数据任意被显示,同时将客户输入转交给控制层;控制层定义系统的行为,它分配客户的请求并且选着适合的视图显示给客户,判定客户的输入,把输入匹配到在模型层进行的适当操作。MVC模式应用在B2B电商系统中,可以构建用户界面框架,在用户界面框架中根据用户输入需求导航到多个页面进行数据显示、根据用户操作进行多次业务请求等。现有的B2B电商系统需要开发人员(java程序员)在设定用户界面时编写HTML脚本,实现用户界面的交互功能。而从开发人员(java程序员)中分离出(HTML设计师)在对页面的样式进行更新或者修改时,需要开发人员人工重复编写HTML脚本,导致网页设计师难以独立完成网页修改等工作,网页构建或者修改的效率降低。
技术实现思路
针对上述问题,本专利技术提供了一种用于构建用户界面的可视化引擎。一种用于构建用户界面的可视化引擎系统,包括模板设置模块、java标签类库模块、数据存储模块、可视化引擎模块和网页生成模块,所述模板设置模块和所述数据存储模块均与所述可视化引擎模块相连接,所述可视化引擎模块与所述网页生成模块相连接;模板设置模块,用于编写、存储用户界面呈现效果的模板文件;java标签类库模块,用于提供模板文件编写用的各类标签;数据存储模块,用于储存、更改各种模板文件相对应的业务数据;可视化引擎模块,用于获取模板文件和数据模型中的数据,并将在数据模型中数据的属性字段值替换到模板文件中;网页生成模块,用于解析替换后的模板文件进行网页生成,并且将生成的网页缓存后输出。进一步地,所述模板设置模块包括模板生成单元和模板存储单元;模板生成单元,用于输入自定义的网页内容和调用java标签类库中的标签代码,生成模板文件;模板存储单元,将生成后的模板文件进行存储。进一步地,所述模板文件由HTML语言、占位符表达式和java标签库中的标签组成。进一步地,所述java标签类库包括权限控制标签、字符安全过滤标签、自动生成分页操作标签、字符串格式转换标签。进一步地,所述可视化引擎模块包括调用单元、匹配单元、替换单元和传输单元;调用单元,用于调用模板设置模块中储存的模板文件;匹配单元,用于获取模板文件中的变量名字段,并在数据模型中匹配与变量名字段对应的数据类型;替换单元,用于表达数据类型,接收输入数据类型中的数据属性字段,并将获取到的属性字段替换到对应的模板文件中;传输单元,将替换后的模板文件传输给网页生成模块。进一步地,所述匹配单元采用JSTL解析模板文件中含有java标签类库中的标签,再依据java标签反射调用java函数的逻辑技术来匹配数据存储模块中的数据类型。进一步地,所述网页生成模块包括缓存单元和输出单元;缓存单元,对接收可视化引擎模块传输的模板文件进行解析后生成网页样式,并且对生成的网页样式进行缓存;输出单元,将缓存完成的网页样式进行输出。进一步地,所述缓存单元采用开源框架ehcache的方式进行网页缓存。一种利用上述可视化引擎系统构建用户界面的方法,包括:在模板设置模块内引用java标签类库中的标签编写构建用户界面的模板文件,将编写好的模板文件储存;在数据存储模块内建立与不同模板文件相匹配的数据模型;可视化引擎模块调用获取模板文件、匹配与模板文件对应的数据类型、获取即时输入到数据类型中的数据属性字段,将匹配的属性字段替换到模板文件中,形成确定的模板文件;网页生成模块会解析确定的模板文件生成网页,输出生成的网页。本专利技术的可视化引擎系统能够基于网页设计师编写好的的模板在数据模型中的数据发生变化时能够动态生成用户可访问页面,无需开发人员重复编写页面脚本;网页设计师能够采用本可视化引擎独立完成修改、重建用户界面的工作,无需面对复杂的逻辑,有效提高网页构建的效率;本可视化引擎支持自定义java标签类库,便于可视化引擎的应用更加方便快捷。本专利技术的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在说明书、权利要求书以及附图中所指出的结构来实现和获得。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示出了本专利技术实施例可视化引擎系统的结构图;图2示出了根据本专利技术实施例的可视化引擎系统构建网页顶部欢迎模块的工作流程图;图3示出了利用可视化引擎构建用户页面的流程示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地说明,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。本专利技术提供了一种用于构建用户界面的可视化引擎系统,如图1所示,包括模板设置模块、java标签类库模块、数据存储模块、可视化引擎模块和网页生成模块,模板设置模块与java标签类库模块相连接,java标签类库模块与可视化引擎模块相连接,模板设置模块和数据存储模块均与可视化引擎模块相连接,可视化引擎模块与网页生成模块相连接。具体的,模板设置模块包括模板生成单元和模板存储单元,模板生成单元与模板存储单元相连接。模板生成单元,模板生成单元与java标签类库相连接,用于调用java标签类库中的标签编辑模板文件。模板文件由HTML语言、占位符表达式和java标签库中的标签组成,采用HTML语言(超文本标记语言)该种通用性较广的语言进行表达,既便于不同的使用者编辑也便于可视化引擎模块的识别;占位符表达式中包括用于表达用户界面数据类型的变量名,如:${变量名}格式的表达式,采用占位符表达式可以将网页中需要修改的数据在模板文件中进行占位,在数据确定后即可直接表达,java标签类库中的标签符能够使模板文件具有固定的功能如:换行、日期显示等。模板存储单元,用于储存在模板生成单元中编辑好的模板文件。模板设置模块的工作流程为:开发人员在模板生成单元中使用HTML语言、输入含“变量名”的占位符表达式、在java标签类库中调用所需要的标签进行组成形成模板文件,将设置好的模板文件储存在模板储存单元。java标签类库模块,用于实现JSTL标签库的扩展,JSTL是一个不断完善的开放源代码的JSP标签库,运行在支持JSP1.2等规范容器上。java标签类库是根据网页设计师修改本文档来自技高网...

【技术保护点】
1.一种用于构建用户界面的可视化引擎系统,包括模板设置模块、java标签类库模块、数据存储模块、可视化引擎模块和网页生成模块,所述模板设置模块和所述数据存储模块均与所述可视化引擎模块相连接,所述可视化引擎模块与所述网页生成模块相连接;模板设置模块,用于编写、存储用户界面呈现效果的模板文件;java标签类库模块,用于提供模板文件编写用的各类标签;数据存储模块,用于储存、更改各种模板文件相对应的业务数据;可视化引擎模块,用于获取模板文件和数据模型中的数据,并将数据模型中数据的属性字段值替换到模板文件中;网页生成模块,用于解析替换后的模板文件进行网页生成,并且将生成的网页缓存后输出。

【技术特征摘要】
1.一种用于构建用户界面的可视化引擎系统,包括模板设置模块、java标签类库模块、数据存储模块、可视化引擎模块和网页生成模块,所述模板设置模块和所述数据存储模块均与所述可视化引擎模块相连接,所述可视化引擎模块与所述网页生成模块相连接;模板设置模块,用于编写、存储用户界面呈现效果的模板文件;java标签类库模块,用于提供模板文件编写用的各类标签;数据存储模块,用于储存、更改各种模板文件相对应的业务数据;可视化引擎模块,用于获取模板文件和数据模型中的数据,并将数据模型中数据的属性字段值替换到模板文件中;网页生成模块,用于解析替换后的模板文件进行网页生成,并且将生成的网页缓存后输出。2.根据权利要求1所述的用于构建用户界面的可视化引擎系统,其中,所述模板设置模块包括模板生成单元和模板存储单元;模板生成单元,用于输入自定义的网页内容和调用java标签类库中的标签代码,生成模板文件;模板存储单元,将生成后的模板文件进行存储。3.根据权利要求2所述的用于构建用户界面的可视化引擎系统,其中,所述模板文件由HTML语言、占位符表达式和java标签类库中的标签组成。4.根据权利要求1所述的用于构建用户界面的可视化引擎系统,其中,所述java标签类库包括权限控制标签、字符安全过滤标签、自动生成分页操作标签和字符串格式转换标签。5.根据权利要求1所述的用于构建用户界面的可视化引擎系统,其中,所述可视化引擎模块包括调用单元、匹配单元、替换单元和传输单元;调用单元,用于调用模板设置模块中储存的模板文件;匹配单元,用于获取模板文件中的变量名字段,并在数据模型中匹配与变量名字...

【专利技术属性】
技术研发人员:石军
申请(专利权)人:安徽同徽信息技术有限公司
类型:发明
国别省市:安徽,34

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

1