CN115686678B - 一种基于对象的界面信息展示与交互定义系统及方法 - Google Patents
一种基于对象的界面信息展示与交互定义系统及方法 Download PDFInfo
- Publication number
- CN115686678B CN115686678B CN202211413024.0A CN202211413024A CN115686678B CN 115686678 B CN115686678 B CN 115686678B CN 202211413024 A CN202211413024 A CN 202211413024A CN 115686678 B CN115686678 B CN 115686678B
- Authority
- CN
- China
- Prior art keywords
- configuration
- file
- display
- function module
- configuring
- 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.)
- Active
Links
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种基于对象的界面信息展示与交互定义系统及方法,涉及前端技术领域。所述方法包括:依据业务对象信息构建基于数据结构的业务模型;基于业务模型,创建功能模块配置文件,通过功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;基于客户对网页页面的显示需求,创建显示配置文件;通过显示配置文件,控制至少一个功能模块的显示,完成对象展示界面的显示。本发明的技术方案解决传统业务软件系统中各个模块集成难度大、修改耗时、耗力的问题。
Description
技术领域
本发明涉及前端技术领域,尤其涉及一种基于对象的界面信息展示与交互定义系统及方法。
背景技术
传统业务软件系统都是以已知的、特定的业务对象及其之间的关系作为基础定向开发。而采用定向开发方式的业务软件系统存在以下不足:
1、当业务对象的属性、业务对象之间的关系发生变化,大多传统业务软件系统通过重新编辑代码适应这种变化;
2、少部分传统业务软件系统在不需要重新编辑代码的条件下,采用模块集成的方式以适应上述变化,但是由于软件系统内各个业务层间的定向开发方式不同,直接增加业务层间各模块集成的难度。
发明内容
本发明的目的在于提供一种基于对象的界面信息展示与交互定义系统及方法,以解决传统业务软件系统中各个模块集成难度大、修改耗时、耗力的问题。
为了实现上述目的,本发明第一方面的一个技术方案一种基于对象的界面信息展示与交互定义方法,所述方法包括:
S1,获取包括至少一个目标业务对象;将所述至少一个目标业务对象及其属性、两个以上目标业务对象之间的关联关系作为业务对象信息,依据所述业务对象信息构建基于数据结构的业务模型;
S2,基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;
S3,基于客户对所述网页页面的显示需求,创建显示配置文件;通过所述显示配置文件,控制所述至少一个功能模块的显示,完成对象展示界面的显示。
优选地,所述依据以上业务对象信息构建基于数据结构的业务模型,具体为:依据所有目标业务对象的类别,定义命名空间;基于任意一个目标业务对象的基本信息,定义该目标业务对象的对象类型;其中,在定义对象类型过程中,还需要定义对象类型的行为方法;基于任意两个目标业务对象之间的关联关系,定义每个关联关系的关系类型;对上述对象类型和上述关系类型进行类型属性定义,完成业务模型的构建。
优选地,所述功能模块配置中包括但不限于以下配置:配置网页页面上与所述至少一个目标业务对象相对应的功能模块;配置任意两个功能模块的关联关系。
优选地,所述显示配置文件中包括但不限于以下配置:配置任意一个目标业务对象的进度显示方式;配置任意一个目标业务对象的属性编辑布局方式;配置任意一个目标业务对象在网页页面上显示的内容信息;配置任意一个目标业务对象在网页页面上的开关按钮;配置任意一个目标业务对象的图标在网页页面上的显示颜色和布局。
优选地,所述方法还包括:向已经构建的网页页面加入新目标业务对象所对应的新功能模块,具体为:首先,获取所述待加入的新功能模块的Javascript文件,并将其存储在预设文件夹;接着,基于所述Javascript文件,获取所述待加入的新功能模块要渲染的DOM原色、模块配置条件和父模块;然后,基于上述父模块建立所述新功能模块与原有功能模块的关联关系,更新功能模块配置文件;最后,基于更新后的功能模块配置文件,完成包括新功能模块和原有功能模块的网页页面的构建。
优选地,所述方法还包括:基于客户对所述网页页面的扩展需求,创建扩展配置文件;通过所述扩展配置文件包括但不限于以下配置:配置导航路由;配置功能按钮;配置对象编辑器配置对象详情布局和内容;配置图标布局;配置文件编辑器。
优选地,所述方法还包括:对各种配置文件的存储设置和重载配置;其中,存储设置具体为:获取所述网页页面框架中的任意一个主键及该主键要读取的配置文件;将所述配置文件与该主键设置默认关联关系,并将所述配置文件存在Setting目录下;重载配置具体为:命名所述主键为XXX,创建SetingXXX配置文件夹;在所述SetingXXX配置文件夹下创建配置文件XXX的重载配置;设置通过URL中cfg=XXX来使用所述配置文件,完成重载配置;其中,SettingXXX包含与Setting文件夹中文件名相同且配置不同的文件。
本申请的第二方面的一个技术方案一种基于对象的界面信息展示与交互定义系统,所述系统包括:第一获取构建单元、页面构建单元、配置单元和显示单元;所述第一获取构建单元,获取包括至少一个目标业务对象;将所述至少一个目标业务对象及其属性、两个以上目标业务对象之间的关联关系作为业务对象信息,依据所述业务对象信息构建基于数据结构的业务模型;所述页面构建单元,基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;配置单元,获取并存储功能模块配置文件和包括客户对网页页面需求的显示配置文件;显示单元,负责显示构建完成的对象展示界面。
本申请的第三方面的一个技术方案一种终端,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被设置为用于执行所述基于对象的界面信息展示与交互定义方法。
本申请的第四方面的一个技术方案一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行以实现所述基于对象的界面信息展示与交互定义方法。
本发明的一个技术方案通过第一构建单元实现模型定义化,即实现自定义业务对象及其业务对象之间的关系,应对业务对象及其之间关系的可能变化。在本技术方案中,由于模型定义与其所在软件系统采用统一建模方式,故,实现软件系统内各个业务层间无缝集成。即:通过简单配置,在无需编码的前提下,即可实现自定义类型业务对象及对象间关系维护的可交互Web页面。
本发明的另一个技术方案通过页面构建单元的构建实现软件系统内任意一个单一模块既可嵌入网站的特定内容区域成为主网站的一部分,也可以单独提取出来使用。
本发明的另一个技术方案通过配置单元制定配置文件实现在无需重新编码打包的前提下,快速对Web框架的微调和/或功能模块重组。在Web框架安装现场就能实时满足客户需求,提高实施效率、降低人员时间成本、快速应对更多客户的个性化需求。
本发明的另一个技术方案通过在Web框架中通过配置单元实现扩展配置文件设定,实现在无需重新编译整体Web框架的前提下,即可在业务系统中使用二次开发的功能模块。
附图说明
图1是本申请的一个实施例的基于对象的界面信息展示与交互定义方法的结构示意图;
图2是本申请一个实施例的命名空间定义示意图;
图3是本申请一个实施例的对象类型-定义示意图;
图4是本申请一个实施例的新派生对象类型的定义示意图;
图5是本申请一个实施例的关系类型定义的示意图;
图6是本申请一个实施例的属性定义的示意图;
图7是本申请一个实施例的属性层次定义的示意图;
图8是本申请一个实施例中多个功能模块的关联关系以模块树表达的示意图;
图9是本申请一个实施例中配置导航路由的示意图;
图10是本申请一个实施例中按钮配置重载的示意图;
图11是本申请一个实施例中对象编辑器的示意图;
图12是本申请一个实施例中常用字段编辑器中的人员设定的示意图;
图13是本申请一个实施例中常用字段编辑器中的密级设定的示意图;
图14是本申请一个实施例中常用字段编辑器中的计算时间设定的示意图;
图15是本申请一个实施例中常用字段编辑器中的表示设定的示意图;
图16是本申请一个实施例中基本信息的详情窗格示意图;
图17是本申请一个实施例中关联表格的详情窗格示意图;
图18是本申请一个实施例中版本的详情窗格示意图;
图19是本申请一个实施例中图标布局的示意图;
图20是本申请一个实施例中文件编辑器的示意图;
图21是本申请一个实施例中具有单一功能模块在所属Web页面窗口中呈现的示意图;
图22是表示图21中单一功能模块独立使用的示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施方式仅仅用以解释本发明,并不用于限定本发明。
参照图1,本申请的一个实施例基于对象的界面信息展示与交互定义方法,所述方法包括:
S1,模型定义:获取包括至少一个目标业务对象;将所述至少一个目标业务对象及其属性、两个以上目标业务对象之间的关联关系作为业务对象信息,依据所述业务对象信息构建基于数据结构的业务模型;
S2,功能页面模块化搭建:基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;
S3,前端可配置:基于客户对所述网页页面的显示需求,创建显示配置文件;通过所述显示配置文件,控制所述至少一个功能模块的显示,完成对象展示界面的显示。
对实施例的解释说明:
1.关于步骤S1
步骤S1中,所述依据以上业务对象信息构建基于数据结构的业务模型,具体为:依据所有目标业务对象的类别,定义命名空间;基于任意一个目标业务对象的基本信息,定义该目标业务对象的对象类型;其中,在定义对象类型过程中,还需要定义该对象类型的行为方法,例如设置对象类型为目标类和/或模型类;基于任意两个目标业务对象之间的关联关系,定义每个关联关系的关系类型;对上述对象类型和上述关系类型进行类型属性定义,完成业务模型的构建。
1、通过模型定义功能完成业务模型中的定义
模型定义包含“对象类型”定义和“关系类型”定义,为了分门别类归放不同的业务对象还定义了“命名空间”。在“对象类型”和“关系类型”之下,又可以定义“类型属性”,用于存储不同类型的各种数值、描述等业务信息。
1.1命名空间
为了更好地对“对象类型”和“关系类型”进行归类,可以通过定义“命名空间”的方式实现。如图2所示,命名空间可以设置“名称”和“显示名称”。
1.2对象类型
对象类型用于代表业务中的实体,其下可以定义实体具有的属性。同时,对象类型具有继承派生功能及版本功能。
1.2.1定义对象类型
如图3,定义对象类型,需要设置对象类型的“名称”、“显示名称”、“命名空间”、“版本”,以及用于定义对象类型行为的“目标类”,“模型类”。
1.2.2类型继承关系与派生对象类型
如图4,可以基于现有对象类型派生出新的对象类型。新派生的对象类型将包含基对象类型里面定义的对象属性。
1.3关系类型
如图5,关系类型用于代表业务对象的关联。定义关系类型需要设置其“起始”与“指向”的“对象类型”,在创建关系类型时,提交创建的“起始对象”与“指向对象”的类型,要求其符合关系类型定义的端点对象类型。同时,与对象类型一样,其下也可以定义实体具有的属性。
1.4类型属性
“对象类型”和“关系类型”下均可定义“属性”。
1.4.1属性定义
如图6,属性定义包含如下内容:所属模型、父属性、显示名称、名称、属性类型、数据类型、默认值、单位等信息。
1.4.2属性层次
如图7,通过设置属性的父属性名称的方法构建属性结构树。
2.关于步骤S2
所述功能模块配置文件中包括但不限于以下配置:配置网页页面上与所述至少一个目标业务对象相对应的功能模块;配置任意两个功能模块的关联关系。因构建完成的业务模型仅仅是数据结构及数据存储,还需要以一定方式将数据以多样化的方式呈现给操作业务的用户。本实施例所述方法通过创建功能模块配置文件,将业务模型中包括的业务对象、对象属性、对象关系等在内数据以独立或组合的方式展现在网页页面中,供用户按需要的展现形式获取、操作、存储业务数据。数据多样化呈现方式包括但不限于:某种业务对象的列表全部展示或依据某属性的过滤结果展示;列表全部展示与某一具体业务对象具有某类关系的所有某二类业务对象;某种对象的某种属性需要以表格、曲线、柱状图、3D模型等方式展示与编辑;将不同类型的业务对象所具有的不同的业务方法以按钮的方式呈现,供用户操作业务对象、调用对象方法等各种功能页面及其功能区域。
所述功能模块配置文件中包括配置任意一个功能模块是否具有单一使用。本实施例中,通过对任意一个具有单一功能的功能模块的配置文件进行设定,即可实现该具有单一功能的功能模块既可嵌入网站的特定内容区域成为主网站的一部分,也可以单独提取出来使用。通过将该单一功能模块名称直接写在网页地址URL中即可在所属Web页面窗口中渲染,实现在特有业务中独立使用,如图21和图22所示。
在网页页面的功能模块的构建过程还包括以下几点:
功能模块层次构建:可以在创建功能模块实例时传入各个功能模块实例的父模块实例,以父模块实例的引用构建功能模块结构树,如图8所示。任意功能模块实例可以向上通过Parent获取父控件,也可通过Children获取子控件列表。
原生方式开发:无需引用其他开发框架,本实施例所述方法能够通过原生Javascript的方式开发新功能模块。构建功能模块时获取新功能模块要渲染的DOM元素,新功能模块的配置以及其父模块实例等信息。
引入其他开发框架:本实施例所述方法也可引入已有的前端框架用于开发新功能模块,例如使用Vue框架编写新功能模块。
功能模块延迟加载机制:进入Web页面后,加载模块采用延迟加载的方式,不会一次将所有模块加载到浏览器中,而是需要显示相应模块时才去加载相关脚本、样式、模板等内容。
本实施例中,通过对任意一个功能模块进行配置文件的设定,实现无需重新编码打包的前提下,快速实现功能微调、模块重组,在软件交付现场即可实时解决客户对功能关切的需求,提高实施效率、降低人员时间成本、快速应对更多客户的个性化需求。
(三)关于步骤S3
步骤S3中所述显示配置文件中包括但不限于以下配置:配置任意一个目标业务对象的进度显示方式;配置任意一个目标业务对象的属性编辑布局方式;配置任意一个目标业务对象在网页页面上的显示的内容信息;配置任意一个目标业务对象在网页页面上的开关按钮;配置任意一个目标业务对象的图标在网页页面上的显示颜色和布局。本实施例所述方法通过显示配置文件的设置实现针对不同的客户要求条件对网页界面显示进行有目的的设定,关于显示配置文件的设置包括但不限于:
配置页面所具有的功能模块,例如:型号管理、项目管理、任务管理等用户在业务模型中所定义的业务对象;
配置某业务对象的“进度”属性以数值还是进度条的方式显示;
配置某业务对象的属性编辑以何种方式布局,分选项卡显示、各个编辑器占几行;
配置业务对象的详情要显示哪些信息,例如:基本信息、与某一类及某二类对象的关系;
配置不同对象的业务按钮;
配置功能页面的颜色、图标等。
4.形成新功能模块的功能
本实施所述实施例基于对象的界面信息展示与交互定义方法还包括:向已经构建的网页页面加入新目标业务对象所对应的新功能模块;具体为:首先,获取所述待加入的新功能模块的Javascript文件,并将其存储在预设文件夹;接着,基于所述Javascript文件,获取所述待加入的新模块的要渲染的DOM原色、模块配置条件和父模块;然后,基于上述父模块建立所述新功能模块与原有功能模块的关联关系,更新功能模块配置文件;最后,基于更新后的功能模块配置文件,完成包括新功能模块和原有功能模块的网页页面的构建。
5.扩展和二次开发的功能
本实施所述基于对象的界面信息展示与交互定义方法还包括:基于对已有功能模块的扩展配置文件的设定完成该已有功能模块的二次开发,二次开发的新功能模块单独写好后仅需将Javascript文件加入到特定文件夹下,并将其依赖的样式文件、模板文件存放到相应的地方即可实现可扩展功能模块的引入,无需重新编译整个框架代码。本实施所述基于对象的界面信息展示与交互定义方法通过创建扩展配置文件,实现了用户对已有前端功能模块的逻辑做出修改,并通过功能模块配置文件的修改使修改后的功能模块满足特定的功能需求,完成二次开发。二次开发后的功能模块能很好适应当前软件系统。
本实施例所述基于对象的界面信息展示与交互定义方法创建扩展配置文件,实现了基于客户对所述网页页面的扩展需求,其中,所述扩展配置文件包括但不限于以下配置:
5.1配置导航路由;通过配置导航栏,配置各个导航项的名称、图标与导航路由控制内容区要显示的内容。同时,通过配置导航路由所指向的控件及其参数,控制内容区的控件渲染。
5.2配置功能按钮;根据当前页面所管理对象的类型,配置对应的管理按钮。包括:
按钮配置继承:若未针对某类型配置管理按钮,则其按钮配置将继承其父类的按钮配置,若其父类也未配置将继续沿继承关系往上搜索配置,以此类推,直至搜索到针对基类的默认按钮配置。
按钮配置重载:管理按钮的配置还支持重载:按钮的配置可以从父类继承,若某按钮的Title、Icon、Script、Action、Arg等参数未配置,会依据继承关系,查找父类或默认的对应配置,配置继承的依据是Name相同。若某按钮的Title、Icon、Script、Action、Arg等参数已配置,会采用当前的配置,如图10所示。
5.3配置对象编辑器;业务对象会出现在编辑框、对象详情页、表格行等地方。可以从两个层次上配置对象编辑器的表现。
对象编辑器:针对不同类型的业务对象通过配置的方式指定其编辑器名称。该配置支持派生,若未为当前类型配置特定的编辑器,将按照对象类型的派生树寻找与其最近的类型所对应的编辑器。
属性字段编辑器:对象编辑的结果存储在属性字段中,以便于为不同属性字段提供最适合该字段的编辑方式。此处,支持依据字段的名称、类型配置其使用的编辑器,优先按照名称指定字段编辑器。常用的字段编辑器包括:字符串、人员选择、密级、时间、进度、表格等,如图12-图15所示。
5.4配置对象详情布局和内容;不同类型的业务对象需要以一定方式展现其详细信息,这些详细信息通常包括业务对象自身的特征以及与业务对象具有的各种关系的其他业务对象。详细信息页可以依据当前业务对象或业务对象所具有的关系配置多个不同的详情窗格,同时提供容器型布局控件用于以合适的方式排布容纳详情窗格。详情窗格具有根据业务需求实现二次开发获得新功能模块作用。
5.4.1详情窗格
基本信息:直接显示对象的所有属性字段,如图16所示。
关联表格:与当前对象有特定关系的对象的列表,如图17所示。
版本:当前对象的版本历史,如图18所示。
5.4.2可嵌套组装的布局容器
可以使用如下容器及其相互嵌套构建任意复杂嵌套的对象详情布局。
水平选项卡TabHorizontal,配置多个选项卡的标题及其要显示的内容控件,选项卡水平排列。
垂直选项卡TabVertical,配置多个选项卡的标题及其要显示的内容控件,选项卡垂直排列。
水平分割框SplitHorizontal,配置左右两个分割可调整大小区域要显示的内容控件。
垂直分割框SplitVertical,配置上下两个分割可调整大小区域要显示的内容控件。
卡片Card,配置卡片标题及其要显示的内容控件。
5.5配置图标布局;提供统计显示模块,其中,通过拖拽窗口的方式构建统计布局,并通过拖拽数据源的方式为窗口绑定图表及数据源,如图19所示。
5.6配置文件编辑器;提供文件结构树编辑控件,支持在该控件中编辑对文件夹的层级进行调整,支持对文件结构树的中的文件进行编辑,并针对不同的文件类型通过配置设置其要使用的文件编辑器,已经支持的文件编辑器包括XML编辑、JSON编辑器、文本编辑器、图片编辑器等,如图20所示。
6.本实施例所述基于对象的界面信息展示与交互定义方法还包括基础模块的设置
6.1框架页,框架页控件用于组织页面结构将页面分割为多个区域,并支持配置各个区域要显示的控件。
6.2对象列表表格,用于列表多个对象,通常有两种类型的表格。
类型表格,仅需要配置表格要显示的对象类型就可自动获取到对应类型的对象列表,并支持分页、排序等功能。
关系表格,仅需要配置表格要显示的“来源”对象ID及关系名称就可自动获取到与源对象复合对应关系的对象列表,并支持分页、排序等功能。
6.3操作按钮,根据不同类型配置的对象配置其操作按钮,并通过继承关系集成父类的按钮配置,从而减少配置项降低配置难度。
6.4文件系统模块,文件系统模块用于以文件树结构的方式上传文件、调整文件夹结构,并支持通过不同的文件编辑器修改文件内容。上传文件前可以通过文件的MD5值提前判断文件是否已上传过,从而直接引用已上传文件,避免重复上传的耗时。
6.5实例树,实例树用于以树的形式展现对象之间的关系。通过配置不同类型对象节点与下级要显示的对象的关系名称形成树结构。
(七)配置文件的存储设置和重载配置
本实施例所述基于对象的界面信息展示与交互定义方法通过对各种配置文件的存储设置和重载配置,实现使用一套代码多套配置的方式以应对不同业务个性化的Web应用程序需求。
存储设置具体为:获取所述网页页面的框架中的任意一个主键及该主键要读取的配置文件;将所述配置文件与该主键设置默认关联关系,并将所述配置文件存在Setting目录下,保证软件系统运行时能够正确读取配置。
重载配置具体为:命名所述主键为XXX,创建SetingXXX配置文件夹;在所述SetingXXX配置文件夹下创建配置文件XXX的重载配置;设置通过URL中cfg=XXX来使用所述配置文件,完成重载配置;其中,SettingXXX包含与Setting文件夹中文件名相同且配置不同的文件。在软件系统在实际运行过程中,尝试读取SettingXXX下的对应配置,若没有该文件则尝试读取默认配置文件夹Setting下对应的默认配置文件。
本实施例所述基于对象的界面信息展示与交互定义方法适用于复杂装备研制的系统工程。在复杂装备研制的系统工程中,需要大量定制化的软件系统界面,面临软件开发成本高和无法快速交付的问题。而,本实施所述基于对象的界面信息展示与交互定义方法能基于系统工程研制场景下的各类系统界面资源与逻辑,在保证快速迭代交付同时,降低软件开发成本。因系统工程是面向最复杂研制场景的科学研究的方法,故对系统工程研制场景的抽象,可覆盖绝大多数其它应用场景。因此本实施例所述基于对象的界面信息展示与交互定义方法内容不仅适用于系统工程研制场景,也适用于其它相对简单的软件应用场景。
本申请的另一个实施例是基于对象的界面信息展示与交互定义系统,所述系统包括:第一获取构建单元、页面构建单元、配置单元和显示单元;
所述第一获取构建单元,获取包括至少一个目标业务对象、所述至少一个目标业务对象的属性、两个以上目标业务对象之间的关联关系的业务对象信息,依据以上业务对象信息构建基于数据结构的业务模型;
所述页面构建单元,基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;
配置单元,获取并存储功能模块配置文件和包括客户对网页页面需求的显示配置文件;
显示单元,负责显示构建完成的对象展示界面。
本申请的另一个实施例是终端,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被设置为用于执行所述基于对象的界面信息展示与交互定义方法。
本申请的另一个实施例是计算机可读存储介质,述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行以实现基于对象的界面信息展示与交互定义方法。
通过采用本发明公开的上述技术方案,得到了如下有益的效果:
本发明的一个技术方案通过第一构建单元实现模型定义化,即实现自定义业务对象及其业务对象之间的关系,应对业务对象及其之间关系的可能变化。在本技术方案中,由于模型定义与其所在软件系统采用统一建模方式,故,实现软件系统内各个业务层间无缝集成。即:通过简单配置,在无需编码的前提下,即可实现自定义类型业务对象及对象间关系维护的可交互Web页面。
本发明的另一个技术方案通过页面构建单元的构建实现软件系统内任意一个单一模块既可嵌入网站的特定内容区域成为主网站的一部分,也可以单独提取出来使用。
本发明的另一个技术方案通过配置单元制定配置文件实现在无需重新编码打包的前提下,快速对Web框架的微调和/或功能模块重组。在Web框架安装现场就能实时满足客户需求,提高实施效率、降低人员时间成本、快速应对更多客户的个性化需求。
本发明的另一个技术方案通过在Web框架中通过配置单元实现扩展配置文件设定,实现在无需重新编译整体Web框架的前提下,即可在业务系统中使用二次开发的功能模块。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
此外,还需要说明的是,在本文中,诸如“第一”、“第二”“左”“右”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
Claims (9)
1.一种基于对象的界面信息展示与交互定义方法,其特征在于,所述方法包括:
S1,获取包括至少一个目标业务对象;将所述至少一个目标业务对象及其属性、两个以上目标业务对象之间的关联关系作为业务对象信息,依据所述业务对象信息构建基于数据结构的业务模型;
S2,基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;
S3,基于客户对所述网页页面的显示需求,创建显示配置文件;通过所述显示配置文件,控制所述至少一个功能模块的显示,完成对象展示界面的显示;
所述方法还包括:基于客户对所述网页页面的扩展需求,创建扩展配置文件;通过所述扩展配置文件包括但不限于以下配置:
配置导航路由:通过配置导航栏,配置各个导航项的名称、图标与导航路由控制内容区要显示的内容;通过配置导航路由所指向的控件及其参数,控制内容区的控件渲染;
配置功能按钮:根据当前页面所管理对象的类型,配置对应的管理按钮,包括:
按钮配置继承:若未针对某类型配置管理按钮,则其按钮配置将继承其父类的按钮配置,若其父类也未配置将继续沿继承关系往上搜索配置,以此类推,直至搜索到针对基类的默认按钮配置;
按钮配置重载:管理按钮的配置还支持重载:按钮的配置可以从父类继承,若某按钮的Title、Icon、Script、Action、Arg参数未配置,会依据继承关系,查找父类或默认的对应配置,配置继承的依据是Name相同;
配置对象编辑器:针对不同类型的业务对象通过配置的方式指定其编辑器名称,该配置支持派生,若未为当前类型配置特定的编辑器,将按照对象类型的派生树寻找与其最近的类型所对应的编辑器;
属性字段编辑器:对象编辑的结果存储在属性字段中,以便于为不同属性字段提供最适合该字段的编辑方式;此处,支持依据字段的名称、类型配置其使用的编辑器,优先按照名称指定字段编辑器;常用的字段编辑器包括:字符串、人员选择、密级、时间、进度和表格;
配置对象详情布局和内容,采用详情布局包括详情窗格和可嵌套组装的布局容器进行配置,
所述详情窗格包括基本信息、关联表格和版本;
所述可嵌套组装的布局容器使用如下容器及其相互嵌套构建任意复杂嵌套的对象详情布局:
水平选项卡,配置多个选项卡的标题及其要显示的内容控件,选项卡水平排列;
垂直选项卡,配置多个选项卡的标题及其要显示的内容控件,选项卡垂直排列;
水平分割框,配置左右两个分割可调整大小区域要显示的内容控件;
垂直分割框,配置上下两个分割可调整大小区域要显示的内容控件;
卡片,配置卡片标题及其要显示的内容控件;
配置图标布局:提供统计显示模块,其中,通过拖拽窗口的方式构建统计布局,并通过拖拽数据源的方式为窗口绑定图表及数据源;
配置文件编辑器:提供文件结构树编辑控件,支持在该控件中编辑对文件夹的层级进行调整,支持对文件结构树的中的文件进行编辑,并针对不同的文件类型通过配置设置其要使用的文件编辑器,已经支持的文件编辑器包括XML编辑、JSON编辑器、文本编辑器、图片编辑器。
2.根据权利要求1所述基于对象的界面信息展示与交互定义方法,其特征在于,所述依据以上业务对象信息构建基于数据结构的业务模型,具体为:
依据所有目标业务对象的类别,定义命名空间;
基于任意一个目标业务对象的基本信息,定义该目标业务对象的对象类型;其中,在定义对象类型过程中,还需要定义对象类型的行为方法;
基于任意两个目标业务对象之间的关联关系,定义每个关联关系的关系类型;
对上述对象类型和上述关系类型进行类型属性定义,完成业务模型的构建。
3.根据权利要求1所述基于对象的界面信息展示与交互定义方法,其特征在于,所述功能模块配置中包括但不限于以下配置:
配置网页页面上与所述至少一个目标业务对象相对应的功能模块;
配置任意两个功能模块的关联关系。
4.根据权利要求1所述基于对象的界面信息展示与交互定义方法,其特征在于,所述显示配置文件中包括但不限于以下配置:
配置任意一个目标业务对象的进度显示方式;
配置任意一个目标业务对象的属性编辑布局方式;
配置任意一个目标业务对象在网页页面上显示的内容信息;
配置任意一个目标业务对象在网页页面上的开关按钮;
配置任意一个目标业务对象的图标在网页页面上的显示颜色和布局。
5.根据权利要求1所述基于对象的界面信息展示与交互定义方法,其特征在于,所述方法还包括:向已经构建的网页页面加入新目标业务对象所对应的新功能模块,具体为:
首先,获取所述待加入的新功能模块的Javascript文件,并将其存储在预设文件夹;
接着,基于所述Javascript文件,获取所述待加入的新功能模块要渲染的DOM原色、模块配置条件和父模块;
然后,基于上述父模块建立所述新功能模块与原有功能模块的关联关系,更新功能模块配置文件;
最后,基于更新后的功能模块配置文件,完成包括新功能模块和原有功能模块的网页页面的构建。
6.根据权利要求1所述基于对象的界面信息展示与交互定义方法,其特征在于,所述方法还包括:对各种配置文件的存储设置和重载配置;
其中,存储设置具体为:
获取所述网页页面框架中的任意一个主键及该主键要读取的配置文件;
将所述配置文件与该主键设置默认关联关系,并将所述配置文件存在Setting目录下;
重载配置具体为:
命名所述主键为XXX,创建SetingXXX配置文件夹;
在所述SetingXXX配置文件夹下创建配置文件XXX的重载配置;
设置通过URL中cfg=XXX来使用所述SetingXXX配置文件,完成重载配置;
其中,SettingXXX包含与Setting文件夹中文件名相同且配置不同的文件。
7.一种实现如权利要求1至6任意一项所述基于对象的界面信息展示与交互定义方法的系统,其特征在于,所述系统包括:第一获取构建单元、页面构建单元、配置单元和显示单元;
所述第一获取构建单元,获取包括至少一个目标业务对象;将所述至少一个目标业务对象及其属性、两个以上目标业务对象之间的关联关系作为业务对象信息,依据所述业务对象信息构建基于数据结构的业务模型;
所述页面构建单元,基于所述业务模型,创建功能模块配置文件,通过所述功能模块配置文件,完成包括至少一个功能模块的网页页面的构建;
配置单元,获取并存储功能模块配置文件和包括客户对网页页面需求的显示配置文件;
显示单元,负责显示构建完成的对象展示界面。
8.一种终端,其特征在于,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被设置为用于执行上述权利要求1至6中任一项所述基于对象的界面信息展示与交互定义方法。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行以实现权利要求1至6任意一项所述基于对象的界面信息展示与交互定义方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211413024.0A CN115686678B (zh) | 2022-11-11 | 2022-11-11 | 一种基于对象的界面信息展示与交互定义系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211413024.0A CN115686678B (zh) | 2022-11-11 | 2022-11-11 | 一种基于对象的界面信息展示与交互定义系统及方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115686678A CN115686678A (zh) | 2023-02-03 |
CN115686678B true CN115686678B (zh) | 2023-08-22 |
Family
ID=85052427
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211413024.0A Active CN115686678B (zh) | 2022-11-11 | 2022-11-11 | 一种基于对象的界面信息展示与交互定义系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115686678B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103995698A (zh) * | 2014-05-05 | 2014-08-20 | 重庆斯欧信息技术有限公司 | 一种面向业务的应用表单敏捷开发方法及系统 |
CN111158680A (zh) * | 2019-12-27 | 2020-05-15 | 北京同邦卓益科技有限公司 | 一种页面构建的方法、装置、设备及存储介质 |
CN112698819A (zh) * | 2019-10-22 | 2021-04-23 | 北京信普飞科科技有限公司 | 面向树化对象编程程序设计方法、装置及存储介质 |
CN114327458A (zh) * | 2021-12-26 | 2022-04-12 | 浪潮通信信息系统有限公司 | 一种快速搭建企业信息化系统的方法及系统 |
CN115098098A (zh) * | 2022-06-20 | 2022-09-23 | 马上消费金融股份有限公司 | 页面生成方法、页面展示方法及装置 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108108205B (zh) * | 2016-11-25 | 2019-07-05 | 腾讯科技(深圳)有限公司 | 应用程序页面处理方法和装置 |
US10824791B2 (en) * | 2018-02-26 | 2020-11-03 | Servicenow, Inc. | System for building and modeling web pages |
CN112527374A (zh) * | 2020-12-11 | 2021-03-19 | 北京百度网讯科技有限公司 | 标注工具生成方法、标注方法、装置、设备以及存储介质 |
-
2022
- 2022-11-11 CN CN202211413024.0A patent/CN115686678B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103995698A (zh) * | 2014-05-05 | 2014-08-20 | 重庆斯欧信息技术有限公司 | 一种面向业务的应用表单敏捷开发方法及系统 |
CN112698819A (zh) * | 2019-10-22 | 2021-04-23 | 北京信普飞科科技有限公司 | 面向树化对象编程程序设计方法、装置及存储介质 |
CN111158680A (zh) * | 2019-12-27 | 2020-05-15 | 北京同邦卓益科技有限公司 | 一种页面构建的方法、装置、设备及存储介质 |
CN114327458A (zh) * | 2021-12-26 | 2022-04-12 | 浪潮通信信息系统有限公司 | 一种快速搭建企业信息化系统的方法及系统 |
CN115098098A (zh) * | 2022-06-20 | 2022-09-23 | 马上消费金融股份有限公司 | 页面生成方法、页面展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN115686678A (zh) | 2023-02-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
AU2021269367B2 (en) | Device, system, and method of website building by utilizing data lists | |
CN108491205B (zh) | 一种基于组件树的前端网页开发方法及系统 | |
Freeman | Pro Asp. net core MVC | |
US9645977B2 (en) | Systems and methods for configuring a header and layout of a mobile version of a conventional website | |
CN112328212A (zh) | 一种基于引擎模式前后端分离的快速开发平台及其使用方法 | |
US20030014442A1 (en) | Web site application development method using object model for managing web-based content | |
CN109408764B (zh) | 页面区域划分方法、装置、计算设备和介质 | |
CN111857717B (zh) | Ui编辑方法、装置、设备及计算机可读存储介质 | |
CN104933142A (zh) | 动画展示方法和装置 | |
US20100153839A1 (en) | System and method for creating web-based application templates | |
CN114035773A (zh) | 一种基于配置的低代码开发表单方法、系统及装置 | |
US20230102947A1 (en) | Providing operations in accordance with worksheet relationships and data object relationships | |
CN112347277A (zh) | 菜单生成方法、装置、电子设备和可读存储介质 | |
CN113177168A (zh) | 一种基于Web元素属性特征的定位方法 | |
CN114332439A (zh) | 一种三维数据编辑生成系统 | |
US9075891B2 (en) | Method and device for editing an object represented in a web page | |
CN115686678B (zh) | 一种基于对象的界面信息展示与交互定义系统及方法 | |
CN110866379B (zh) | 数据可视化图表库系统 | |
Biswas | Beginning React and Firebase | |
US20110145841A1 (en) | System and method for generating pages of content | |
Luburić et al. | A code generator for building front-end tier of REST-based rich client web applications | |
US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
Linaje et al. | On the implementation of multiplatform RIA user interface components | |
CN117850911A (zh) | 原始代码文件的处理方法及装置 | |
CN118034738A (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 |