CN112416209B - 一种基于前后端分离的填报装置 - Google Patents

Abstract

本申请公开了一种基于前后端分离的填报装置，填报装置包括：填报任务界面配置单元，基于用户的操作，对填报任务界面中所包含的基本信息进行配置，所述基本信息包括业务操作按钮、报表操作按钮、界面模型中的至少一种；跳转单元，支持所述填报任务界面与其他界面之间的进行界面跳转；环境单元，包括若干个扩展接口，支持在不同环境中修改相应的样式风格。用户可以基于自身的需求，来配置相对应的填报组件并生成填报任务界面，在使用时只需要通过跳转单元即可从填报任务界面与其他界面之间互相跳转，十分便利。并且通过环境单元可以适应不同的环境，也提高了用户在配置填报任务界面时的体验。

Description

一种基于前后端分离的填报装置

技术领域

本申请涉及前端填报任务领域，具体涉及一种基于前后端分离的填报装置。

背景技术

随着计算机水平的发展，越来越多的企业与用户可以通过网络来执行企业相关的业务。

但是随着企业部门、用户需求的多样化，单一的填报任务模板已经不能够满足用户的所有需求，这就使得用户在填报任务时非常的复杂，降低了用户的办公效率。

发明内容

为了解决上述问题，本申请提出了一种基于前后端分离的填报装置，包括：填报任务界面配置单元，基于用户的操作，对填报任务界面中所包含的基本信息进行配置，所述基本信息包括业务操作按钮、报表操作按钮、界面模型中的至少一种；跳转单元，支持所述填报任务界面与其他界面之间的进行界面跳转；环境单元，包括若干个扩展接口，支持在不同环境中修改相应的样式风格。

在一个示例中，所述填报任务配置单元包括：业务操作按钮配置模块，包括所述业务操作按钮相关的第一属性，基于所述用户对所述第一属性的配置形成第一对象，以便所述用户通过所述第一对象对报表中录入的数据进行相应操作；报表操作按钮配置模块，包括所述报表操作按钮相关的第二属性，基于所述用户对所述第二属性的配置形成第二对象，以便所述用户通过所述第二对象对报表进行相应操作；界面模型展示模块，包括所述界面模型相关的第三属性，基于所述用户对所述第三属性的配置形成第三对象，以便向所述用户展示相应的界面。

在一个示例中，所述第一属性包括：标识、名称、是否为主要业务操作、是否显示、是否可编辑、下拉列表内容中的至少一种；所述第二属性包括：标识、名称、是否为主要按钮、是否显示、下拉列表内容中的至少一种；所述第三属性包括：标题、组织展示类型、是否只读、是否展示帮助信息、是否展示任务栏中的至少一种。

在一个示例中，所述跳转单元包括：转入模块，包括转入填报任务界面相关的第四属性，基于所述用户对所述第四属性的配置，调用预先设置并封装的解析程序，从所述其他界面跳转至所述填报任务界面；转出模块，包括转出填报任务界面相关的第五属性，基于所述用户对所述第五属性的配置，调用预先设置并封装的解析程序，从所述填报任务界面跳转至所述其他界面。

在一个示例中，所述第四属性包括：填报任务标识、对应组织标识、包含报表列表、填报年度、填报期间中的至少一种；所述第五属性包括：跳转方式、跳转功能标识、所需参数中的至少一种。

在一个示例中，每个所述其他界面与每个所述解析程序一一对应。

在一个示例中，所述填报组件应用于企业资源计划ERP系统，所述不同环境为在开发时所述ERP系统时对应的不同环境。

另一方面，本申请还提出了一种填报任务方法，应用如上述任意一个示例所述的基于前后端分离的填报装置进行填报任务，所述方法包括：加载填报任务信息、报表信息；显示填报任务年度、期间；确定当前任务的模式，并向用户展示相应模式的填报任务界面，所述模式包括只读模式、读写模式。

另一方面，本申请还提出了一种填报任务方法，应用如上述任意一个示例所述的基于前后端分离的填报装置进行填报任务，所述方法包括：确定跳转功能参数，并判断是否预存有所述跳转功能对应的标识；若是，则解析跳转功能方式，并判断是否需要传递参数；若是，则在封装参数后，跳转至填报任务界面；否则，直接跳转至所述填报任务界面。

在一个示例中，所述跳转功能方式包括：右键跳转、按钮点击跳转中的至少一种。

通过本申请提出填报组件能够带来如下有益效果：

用户可以基于自身的需求，来配置相对应的填报组件并生成填报任务界面，在使用时只需要通过跳转单元即可从填报任务界面与其他界面之间互相跳转，十分便利。并且通过环境单元可以适应不同的环境，也提高了用户在配置填报任务界面时的体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例中基于前后端分离的填报装置的示意图；

图2为本申请实施例中填报任务方法的示意图；

图3为本申请实施例中另一种填报任务方法的示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

以下结合附图，详细说明本申请各实施例提供的技术方案。

如图1所示，本申请实施例提供一种基于前后端分离的填报装置，包括：填报任务界面配置单元、跳转单元以及环境单元。其中，前后端分离指的是，后端负责业务/数据接口，前端负责展现/交互逻辑。前后端分离有很明显的优点：前端代码可以做很大部分的数据处理工作，对服务器的压力减小到最小；后台错误不会直接反映到前台，可以在前端做友好的提示或者弥补；由于后台是很难去探知前台页面的分布情况，而这又是前端的强项，而前端又很难独立和服务器进行通讯的。所以单单用后台去控制整体页面，又或者只靠前端完成效果，都会难度加大，前后台各尽其职可以最大程度的减少开发难度，提高开发效率。因此，在基于前后端分离的填报装置中，用户可以在前端就能对相关的组件进行编辑设置。

具体地，填报任务界面配置单元，主要用于对填报任务界面中所包含的基本信息进行配置。用户可以基于自身的习惯，以及自身对于填报任务的要求等，可以进行相应的操作设置，来通过填报任务界面配置单元对基本信息进行配置。在用户通过填报任务界面配置单元配置完毕后，即可使用配置好的填报任务界面中填报任务。而填报任务界面所对应的基本信息可以包括业务操作按钮、报表操作按钮、界面模型等。

跳转单元，主要用于支持填报任务单元与其他界面之间进行界面跳转。通常情况下，用户在使用自己或他人配置的填报任务界面时，由于该界面并非是初试就设置在系统中的，因此，用户想要从其他界面跳转到该填报任务界面时，需要建立并配置跳转单元，通过跳转单元来支持填报任务界面与其他界面之间的跳转。

环境单元，主要用于适配不同的环境。由于填报组件可以应用在不同的环境中，而为了适配这些环境，环境单元中可以包含有若干个修改展示样式扩展接口。用户可以根据扩展接口，快速的修改界面样式风格，来达到环境要求。用户通过扩展接口修改样式，进入填报任务界面后，可以看到界面风格完全适配当前环境。其中，当填报组件应用在企业资源计划（Enterprise Resource Planning，ERP）系统时，这里的不同环境指的就是在开发ERP系统时所使用的框架、语言等组成的环境，例如，可以是Angular前端框架、Typescript编程语言。

在一个实施例中，填报任务配置单元可以包括业务操作按钮配置模块、报表操作按钮配置模块以及界面模型展示模块，分别用来对填报任务配置单元对应的基本信息进行配置。

具体地，业务操作按钮配置模块主要对业务操作按钮相关的基本信息进行配置。业务操作按钮配置模块中可以包含多条与业务操作按钮相关的属性（在此称作第一属性），用户通过对第一属性进行配置，可以形成一个存储对象（在此称作第一对象），用户在想要进行相关的业务操作时，即可使用该第一对象，来对报表中录入的数据进行计算、汇总、审核、展示等操作。而业务操作按钮配置模块中所包含的属性以及各属性对应的含义可以如下表所示。

属性	含义
		标识	每个业务操作按钮的唯一标识，可以表明当前业务需要执行操作，可以是通用业务操作，也可以是特定业务操作。
名称	在填报任务界面当前业务操作按钮显示的名称。
		是否为主要业务操作	控制当前业务操作按钮顺序、优先级。
是否显示	控制当前业务操作按钮显示或者隐藏。
		是否可编辑	控制当前业务操作按钮是否可以编辑。
下拉列表内容	该属性为一个数组，控制当前业务操作按钮是否还有子集操作。

报表操作按钮配置模块主要对报表操作按钮相关的基本信息进行配置。报表操作按钮配置模块中可以包含多条与报表操作按钮相关的属性（在此称作第二属性），用户通过对第二属性进行配置，可以形成一个存储对象（在此称作第二对象），用户在想要进行相关的报表操作时，即可使用该第二对象，来对不同性质的报表本身进行增、删、查改等操作。而报表操作按钮配置模块中所包含的属性以及各属性对应的含义可以如下表所示。

属性	含义
		标识	每个报表操作按钮的唯一标识，可以表明当前按钮需要执行操作。
名称	在填报任务界面当前报表操作按钮想要显示的名称。
		是否为主要按钮	控制当前报表操作按钮显示的颜色。
是否显示	控制当前报表操作按钮显示或者隐藏。
		下拉列表内容	该属性为一个数组，控制当前报表操作按钮是否有子集操作。

界面模型展示模块主要对界面模型相关的基本信息进行配置。界面模型展示模块中可以包含多条与界面模型相关的属性（在此称作第三属性），用户通过对第三属性进行配置，可以形成一个存储对象（在此称作第三对象），通过第三对象来向用户展示相应的界面。而界面模型展示模块中所包含的属性以及各属性对应的含义可以如下表所示。

属性	含义
		标题	当前填报任务的标题。
组织展示类型	当前填报任务对应的组织显示方式，可以隐藏或者显示。
		是否只读	当前填报任务所有报表都只允许查看，不允编辑，同时关联的业务操作和报表操作按钮都会受控。
是否展示帮助信息	可以展示对应报表单元格的帮助信息，可以帮助出报表单元格的公式信息、审核信息以及其他信息。
		是否展示任务栏	可以允许用户切换填报任务、以及对应填报任务年度、期间，以及提示用户当前报表的状态。

在一个实施例中，跳转单元可以包括转入模块、转出模块，转入模块主要用于用户在系统的其他界面想要跳转至填报任务界面时，提供相应的支持，类似地，转出模块则主要用于支持从填报任务界面跳转至其他界面。

具体地，转入模块中可以包含多条与转入界面相关的属性（在此称作第四属性），并封装了用户预先开发的解析程序。用户通过对第四属性进行配置，可以在用户想要从其他界面转入填报任务界面时，调用该解析程序，来跳转至该填报任务界面。而转入模块中所包含的属性以及各属性对应的含义可以如下表所示。

属性	含义
		填报任务标识	所要展示的填报任务的唯一标识。
填报任务对应组织标识	所要展示的填报任务对应的组织唯一标识。
		包含报表列表	所要展示的填报任务包含的报表，可以是单张报表，也可以是多张报表。
填报年度	所要展示的填报任务填报的年度。
		填报期间	所要展示的填报任务填报的期间 。

转出模块中可以包含多条与转出界面相关的属性（在此称作第五属性），并封装了用户预先开发的解析程序。用户通过对第五属性进行配置，可以在用户想要从填报任务界面转出其他界面时，调用该解析程序，来跳转至其他界面。而转出模块中所包含的属性以及各属性对应的含义可以如下表所示。

属性	含义
		跳转方式	跳转到其他的功能界面的方式。
跳转功能标识	跳转到其他的功能界面的唯一标识。
		所需参数	跳转到其他功能界面所需要的参数。

但是需要说明的是，由于每个其他界面中所包含的参数、内容都不同，因此，转入模块以及转出模块中的解析程序也会随着其他界面的不同而不同，每个其他界面都与转入模块、转出模块中的解析程序是一一对应的。

如图2所示，在通过上述任意一个实施例中的基于前后端分离的填报装置进行填报任务，在填报任务的过程中，可以首先加载填报任务信息以及报表信息，以便于确定用户需要的填报组件。然后可以显示填报任务所对应的任务年度以及期间，最后可以根据当前任务的模式，来向用户展示相应模式的填报任务界面。如果模式是只读模式，则当前填报任务界面只允许用户观看，如果模式是读写模式，则当前填报任务界面用户除了观看外，也可以进行编辑。

如图3所示，在通过上述任意一个实施例中的基于前后端分离的填报装置进行填报任务，在跳转界面的过程中，可以首先解析跳转功能的参数，并判断是否预存有相应的功能标识，如果有，则说明预存有相关的填报任务界面，可以进行跳转，如果没有，则无法进行跳转。在跳转的过程中，可以先解析跳转功能方式，例如，跳转功能方式可以是右键跳转或者按钮点击跳转等，当用户执行了相应的操作，例如，点击右键或点击相应的按钮后，即可进行跳转。在进行跳转之前，还可以先判断是否需要封装参数，如果需要，则可以在封装参数后跳转至填报任务界面，如果不需要，则可以直接跳转至填报任务界面。

本申请中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于设备和介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本申请实施例提供的设备和介质与方法是一一对应的，因此，设备和介质也具有与其对应的方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述设备和介质的有益技术效果。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器 (CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器 (RAM) 和/或非易失性内存等形式，如只读存储器 (ROM) 或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存 (PRAM)、静态随机存取存储器 (SRAM)、动态随机存取存储器 (DRAM)、其他类型的随机存取存储器 (RAM)、只读存储器 (ROM)、电可擦除可编程只读存储器 (EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘 (DVD) 或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体 (transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (6)

1.一种基于前后端分离的填报装置，其特征在于，包括：

填报任务界面配置单元，基于用户的操作，对填报任务界面中所包含的基本信息进行配置，所述基本信息包括业务操作按钮、报表操作按钮、界面模型中的至少一种，包括：

业务操作按钮配置模块，包括所述业务操作按钮相关的第一属性，基于所述用户对所述第一属性的配置形成第一对象，以便所述用户通过所述第一对象对报表中录入的数据进行相应操作；

报表操作按钮配置模块，包括所述报表操作按钮相关的第二属性，基于所述用户对所述第二属性的配置形成第二对象，以便所述用户通过所述第二对象对报表进行相应操作；

界面模型展示模块，包括所述界面模型相关的第三属性，基于所述用户对所述第三属性的配置形成第三对象，以便向所述用户展示相应的界面；

加载填报任务信息、报表信息；

显示填报任务年度、期间；

确定当前任务的模式，并向用户展示相应模式的填报任务界面，所述模式包括只读模式、读写模式；

跳转单元，支持所述填报任务界面与其他界面之间的进行界面跳转，包括：

转入模块，包括转入填报任务界面相关的第四属性，基于所述用户对所述第四属性的配置，调用预先设置并封装的解析程序，从所述其他界面跳转至所述填报任务界面；

转出模块，包括转出填报任务界面相关的第五属性，基于所述用户对所述第五属性的配置，调用预先设置并封装的解析程序，从所述填报任务界面跳转至所述其他界面；

确定跳转功能参数，并判断是否预存有所述跳转功能对应的标识；

若是，则解析跳转功能方式，并判断是否需要传递参数；

若是，则在封装参数后，跳转至填报任务界面；

否则，直接跳转至所述填报任务界面；

环境单元，包括若干个扩展接口，支持在不同环境中修改相应的样式风格。

2.根据权利要求1所述的填报装置，其特征在于，所述第一属性包括：标识、名称、是否为主要业务操作、是否显示、是否可编辑、下拉列表内容中的至少一种；

所述第二属性包括：标识、名称、是否为主要按钮、是否显示、下拉列表内容中的至少一种；

所述第三属性包括：标题、组织展示类型、是否只读、是否展示帮助信息、是否展示任务栏中的至少一种。

3.根据权利要求1所述的填报装置，其特征在于，所述第四属性包括：填报任务标识、对应组织标识、包含报表列表、填报年度、填报期间中的至少一种；

所述第五属性包括：跳转方式、跳转功能标识、所需参数中的至少一种。

4.根据权利要求1所述的填报装置，其特征在于，每个所述其他界面与每个所述解析程序一一对应。

5.根据权利要求1所述的填报装置，其特征在于，所述填报组件应用于企业资源计划ERP系统，所述不同环境为在开发时所述ERP系统时对应的不同环境。

6.根据权利要求1所述的填报装置，其特征在于，所述跳转功能方式包括：右键跳转、按钮点击跳转中的至少一种。

Images