一种业务数据页面加载方法及系统与流程

本发明涉及计算机技术领域，尤其涉及一种业务数据页面加载方法及系统。

背景技术：

目前对于业务数据的页面化加载，主要是通过将功能页面组件化、片段化，并将页面相关参数和变量存储到相应的js页面完成加载。

但上述现有技术的业务数据加载方式如果加载的内容为非单页应用，往往可能会造成业务数据的丢失，例如当前设置好的数据在进行页面跳转后数据丢失。

因此现在亟需一种新的业务数据页面加载方法来解决上述问题。

技术实现要素：

为了解决上述问题，本发明实施例提供一种克服上述问题或者至少部分地解决上述问题的一种业务数据页面加载方法及系统。

第一方面本发明实施例提供一种业务数据页面加载方法，包括：

在主页面中加载第一功能页面的业务数据；

在所述第一功能页面中生成第二功能页面的复用组件；

在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

第二方面本发明实施例还提供一种业务数据页面加载系统，包括：

主页面加载模块，用于在主页面中加载第一功能页面的业务数据；

功能页面复用模块，用于在所述第一功能页面中生成第二功能页面的复用组件；

功能页面加载模块，用于在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

第三方面本发明实施例提供了一种电子设备，包括：

处理器、存储器、通信接口和总线；其中，所述处理器、存储器、通信接口通过所述总线完成相互间的通信；所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行上述业务数据页面加载方法。

第四方面本发明实施例提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行上述业务数据页面加载方法。

本发明实施例提供的一种业务数据页面加载方法及系统，通过在主页面加载第一功能页面后，在第一功能页面中直接获取第二功能页面的页面片段内容，使得第二功能页面在第一功能页面中可以被复用，从而无须切换页面就可以加载不同功能的业务数据，使得页面加载速度和网页响应时间提升，同时减少了代码冗余、节省了资源，运行起来更加高效。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种业务数据页面加载方法流程示意图；

图2是本发明实施例提供的一种业务数据页面加载系统结构示意图；

图3是本发明实施例提供的一种电子设备的结构框图。

具体实施方式

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

图1是本发明实施例提供的一种业务数据页面加载方法流程示意图，如图1所示，包括：

101、在主页面中加载第一功能页面的业务数据；

102、在所述第一功能页面中生成第二功能页面的复用组件；

103、在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

需要说明的是，本发明实施例的执行主体为计算机设备，针对于现有技术中在非单页功能应用切换时可能存在的业务数据丢失问题，本发明实施例提供了一种业务数据页面加载方法，当用户需要在计算机页面前端获取业务数据时，可采用本发明实施例提供的业务数据页面加载方法对业务数据进行加载。

具体的，在步骤101中，主页面在本发明实施例中为spa(singlepageapplication)页面，即只有一张web页面的应用，业务数据的所有操作均在主页面上完成，一般的由javascript来控制。那么当需要对第一功能的业务数据进行加载时，本发明实施例可以直接在主界面中加载第一功能的组件片段页面和第一功能相应的资源文件，实际操作时本发明实施例新建了一个功能页面作为主页面的业务组件存储当前使用的业务数据，即第一功能的业务数据。

可以理解的是，当需要进行不同功能的业务数据切换时，本发明实施例在步骤102中会直接在第一功能页面中获取第二功能页面的页面内容，页面内容包括参数配置、权限配置、个性化显示配置等，然后根据页面内容将第二功能页面生成为可复用的组件，即本发明实施例中的复用组件。其中需要说明的是，第一功能页面和第二功能页面仅用于名称区分，未隐含访问顺序或执行逻辑。

最后，在步骤103中，第二功能页面生成为复用组件后，即可直接在主页面中加载第二功能的组件片断页面和相应的资源、参数配置信息等，实际操作时在新建的功能页面中调用复用组件，使得功能页面中存储的数据替换为第二功能的业务数据，实现功能页面的直接切换，而不需要重复加载。

本发明实施例提供的一种业务数据页面加载方法，通过在主页面加载第一功能页面后，在第一功能页面中直接获取第二功能页面的页面片段内容，使得第二功能页面在第一功能页面中可以被复用，从而无须切换页面就可以加载不同功能的业务数据，使得页面加载速度和网页响应时间提升，同时减少了代码冗余、节省了资源，运行起来更加高效。

在上述实施例的基础上，在所述在主页面中加载第一功能页面的业务数据之前，所述方法还包括：

初始化主页面中所有页面参数，并将所述页面参数保存至页面全局变量。

可以理解的是，在对业务数据页面加载之前，需要初始化用户的所有参数，包括用户登录信息、权限认证信息等，然后将初始化后的结果保存到页面全局变量。可以理解的是，本发明实施例将计算机前端分为总体全局配置和业务局部配置，全局配置保存如数据交互请求配置、个人权限配置等全局信息，业务局部配置只保存针对特定功能的个性化参数，从而使得功能加载时只需调整业务局部配置而无需调整总体全局配置。

在上述实施例的基础上，所述在主页面中加载第一功能页面的业务数据，包括：

在所述主页面中加载具有第一功能的页面片段内容和参数配置信息；

将所述具有第一功能的页面片段内容和参数配置信息存储到相应的js文件中。

由上述实施例的内容可知，本发明实施例会对第一功能页面进行加载，加载实质上是加载具有第一功能的组件片断页面和参数配置信息，组件片段页面还包括第一功能相应的资源文件，然后将加载的具有第一功能的页面片段内容和参数配置信息存储到相应的js文件中进行参数存留，具体实现时，当页面加载完成后，系统会自动加载并登陆用户的个人信息然后读取用户相关的配置数据。结合上述加载的结果以及系统自身的默认配置项，将数据按照类型进行分类存储，存储地址一般采用javascrip文件的json对象和浏览器的存储(cookie、storage)中，从而尽可能的达到业务数据的可复用性和避免http重复请求。

其中，页面中所有http请求包括数据加载等均为异步请求，优选的，本发明实施例采用ajax方式，可以不刷新全局页面，就能达到复用页面业务数据的要求。需要说明的是，第一功能的部分参数可能需要存储到html的storage中。

在上述实施例的基础上，所述在所述第一功能页面中生成第二功能页面的复用组件，包括：

通过预设的加载方式，在所述第一功能页面中获取所述第二功能页面的片段内容，以使所述第二功能页面转换为所述复用组件。

由上述实施例的内容可知，本发明实施例需要在第一功能页面中生成第二功能页面的复用组件，具体的，本发明实施例按照预设的资源加载方式，获取具有第二功能的页面片段内容，以使所述第二功能页面转换为所述复用组件。由上述实施例的内容可知，本发明实施例当页面加载完成后，系统会自动加载并登陆用户的个人信息然后读取用户相关的配置数据。结合上述加载的结果以及系统自身的默认配置项，将数据按照类型进行分类存储，存储地址一般采用javascrip文件的json对象和浏览器的存储(cookie、storage)中，以实现业务数据的可复用性。

可以理解的是，本发明实施例生成复用组件的过程是基于javascript代码级别的复用，而不是基于html源码，那么当系统中其他模块需要复用该组件时，可以通过直接引入相应的该组件的js文件，执行相应的js对象方法即可进行动态html的页面渲染和展示，而无需从html源码处修改。

在上述实施例的基础上，所述预设的加载方式包括：

弹窗加载或页面局部加载。

优选的，本发明实施例提供了两种在第一功能页面加载第二功能页面片段内容的方式，分别为弹窗加载或页面局部加载。弹窗加载即在第一功能页面中以弹窗的形式将第二功能的页面片段内容弹窗表示，页面局部加载则是选择第一功能页面中的部分预设区域进行固定表示。

在上述实施例的基础上，所述在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据，包括：

调用所述复用组件，以获取具有所述第二功能的页面片段内容和参数配置信息；

基于所述具有所述第二功能的页面片段内容和参数配置信息，在所述主页面中加载，并清除掉所述第一功能页面对应的页面片段内容和参数配置信息。

本发明实施例调用复用组件，从而加载具有第二功能的组件片断页面和相应的资源、参数配置信息到主页面，与此同时将第一功能页面对应的页面片段内容和参数配置信息清除，使得功能页面中只存留第二功能页面对应的页面片段内容和参数配置信息。当需要由第二功能页面切换至其它功能页面时，采用相似的方式即可完成切换，无须重复加载。

图2是本发明实施例提供的一种业务数据页面加载系统结构示意图，如图2所示，包括：主页面加载模块201、功能页面复用模块202和功能页面加载模块203，其中：

主页面加载模块201用于在主页面中加载第一功能页面的业务数据；

功能页面复用模块202于在所述第一功能页面中生成第二功能页面的复用组件；

功能页面加载模块203用于在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

具体的如何通过主页面加载模块201、功能页面复用模块202和功能页面加载模块203可用于执行图1所示的业务数据页面加载方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。

本发明实施例提供的一种业务数据页面加载系统，通过在主页面加载第一功能页面后，在第一功能页面中直接获取第二功能页面的页面片段内容，使得第二功能页面在第一功能页面中可以被复用，从而无须切换页面就可以加载不同功能的业务数据，使得页面加载速度和网页响应时间提升，同时减少了代码冗余、节省了资源，运行起来更加高效。

在上述实施例的基础上，所述系统还包括：

初始化模块，用于初始化主页面中所有页面参数，并将所述页面参数保存至页面全局变量。

在上述实施例的基础上，所述主页面加载模块具体用于：

在所述主页面中加载具有第一功能的页面片段内容和参数配置信息；

将所述具有第一功能的页面片段内容和参数配置信息存储到相应的js文件中。

在上述实施例的基础上，所述功能页面复用模块具体用于：

通过预设的加载方式，在所述第一功能页面中获取所述第二功能页面的片段内容，以使所述第二功能页面转换为所述复用组件。

在上述实施例的基础上，所述预设的加载方式包括：

弹窗加载或页面局部加载。

在上述实施例的基础上，所述功能页面加载模块具体用于：

调用所述复用组件，以获取具有所述第二功能的页面片段内容和参数配置信息；

基于所述具有所述第二功能的页面片段内容和参数配置信息，在所述主页面中加载，并清除掉所述第一功能页面对应的页面片段内容和参数配置信息。

本发明实施例提供一种电子设备，包括：至少一个处理器；以及与所述处理器通信连接的至少一个存储器，其中：

图3是本发明实施例提供的又一种电子设备的结构框图，参照图3，所述电子设备，包括：处理器(processor)301、通信接口(communicationsinterface)302、存储器(memory)303和总线304，其中，处理器301，通信接口302，存储器303通过总线304完成相互间的通信。处理器301可以调用存储器303中的逻辑指令，以执行如下方法：在主页面中加载第一功能页面的业务数据；在所述第一功能页面中生成第二功能页面的复用组件；在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

本发明实施例公开一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法实施例所提供的方法，例如包括：在主页面中加载第一功能页面的业务数据；在所述第一功能页面中生成第二功能页面的复用组件；在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

本发明实施例提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行上述各方法实施例所提供的方法，例如包括：在主页面中加载第一功能页面的业务数据；在所述第一功能页面中生成第二功能页面的复用组件；在所述主页面中调用所述复用组件以加载所述第二功能页面的业务数据。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行每个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。