Web应用系统显示方法、装置和应急管理系统

摘要

本申请涉及一种Web应用系统显示方法、装置和应急管理系统。该方法包括：预设与多个排版规则一一对应的前端排版显示页面；获取目标显示数据；接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。从而可以实现根据当前用户对应的排版显示方式，对当前用户对应的目标显示数据进行排版显示，以实现对Web应用系统的展示样式进行个性化展示的目的；通过采用多个前端排版显示页面切换来实现更换排版方式，快速且简洁、容易实施。

说明书

技术领域

本申请涉及互联网技术领域，特别是涉及一种Web应用系统显示方法、装置、计算机设备、存储介质和应急管理系统。

背景技术

随着互联网技术的发展，出现了基于互联网浏览器的Web(world wide web，全球广域网)应用程序技术。Web应用程序技术的特点是访问方便，用户在使用时，有浏览器即可，不需要再安装其他软件。基于Web应用程序技术的特点，各种各样的Web应用系统应运而生。Web应用系统的访问方便，但系统灵活性不够，一旦开发完成，Web应用系统的展示样式就固定了，无法改变展示风格，时间久了容易使用户产生视觉疲劳。传统技术中，一般是通过全局设置的方式，对整个Web应用系统的展示样式进行变换。

然而，传统技术中，是对整个Web应用系统的展示样式进行的变换，不同用户或不同设备登录Web应用系统后，显示的是同一种变换后的展示样式。基于不同用户的习惯或喜好，对Web应用系统的展示样式进行个性化展示，是一项亟待解决的技术问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能够对Web应用系统的展示样式进行个性化展示的Web应用系统显示方法、装置、计算机设备、存储介质和应急管理系统。

一种Web应用系统显示方法，所述方法包括：

预设与多个排版规则一一对应的前端排版显示页面；

获取目标显示数据；所述目标显示数据包括所述Web应用系统支持的应用程序的显示数据；

接收和响应当前用户对应的排版操作，根据所述当前用户的排版操作对应的前端排版显示页面的排版规则，对所述目标显示数据进行排版显示；

保存所述当前用户和与所述当前用户对应的排版显示方式，以使所述当前用户再次登录所述Web应用系统时，按照所述当前用户对应的排版显示方式进行排版显示。

在其中一个实施例中，所述获取目标显示数据，包括：

获取所述当前用户的权限对应的目标显示数据，所述目标显示数据包括所述Web应用系统支持且属于所述当前用户权限的应用程序的显示数据。

在其中一个实施例中，所述获取所述当前用户权限对应的目标显示数据，包括：

获取所述当前用户的权限对应的应用程序集合；

接收并响应所述当前用户对所述应用程序的选择操作，从所述应用程序集合中确定出至少一个应用程序；

获取所述至少一个应用程序对应的目标显示数据。

在其中一个实施例中，所述前端排版显示页面为VUE页面，每个VUE页面定义一个排版规则。

在其中一个实施例中，所述根据所述当前用户的排版操作对应的前端排版显示页面的排版规则，对所述目标显示数据进行排版显示，包括：

判断当前前端排版显示页面是否与所述当前用户的排版操作对应的前端排版显示页面相同；

若相同，则所述当前前端排版显示页面保持不变；

若不同，则将所述当前前端排版显示页面，变更为所述当前用户的排版操作对应的前端排版显示页面。

在其中一个实施例中，所述保存所述当前用户和与所述当前用户对应的排版显示方式，以使所述当前用户再次登录所述Web应用系统时，按照所述当前排版显示方式进行排版显示，包括：

建立所述当前用户和与所述当前用户对应的排版显示方式之间的对应关系；

若检测到所述当前用户登录所述Web应用系统，则根据所述当前用户与所述排版显示方式之间的对应关系，获取所述当前用户对应的排版显示方式；

按照所述当前用户对应的排版显示方式，对所述目标显示数据进行排版显示。

在其中一个实施例中，所述方法还包括：

接收并响应所述当前用户的背景操作，完成对所述Web应用系统的更换背景；

保存所述当前用户和与所述当前用户对应的背景，以使所述当前用户再次登录所述Web应用系统时的背景为与所述当前用户对应的背景。

一种Web应用系统显示装置，所述装置包括：

预设模块，用于预设与多个排版规则一一对应的前端排版显示页面；

数据获取模块，用于获取目标显示数据；所述目标显示数据包括所述Web应用系统支持的应用程序的显示数据；

页面显示模块，用于接收和响应当前用户对应的排版操作，根据所述当前用户的排版操作对应的前端排版显示页面的排版规则，对所述目标显示数据进行排版显示；

数据存储模块，用于保存所述当前用户和与所述当前用户对应的排版显示方式，以使所述当前用户再次登录所述Web应用系统时，按照所述当前用户对应的排版显示方式进行排版显示。

一种应急管理系统，所述应急管理系统为Web应用系统，采用上述任一实施例中的Web应用系统显示方法显示如下至少一个应用程序：

视频巡查，用于针对预设区域制定巡查预案，按照预设巡查间隔自动循环播放周边视频的系统；

一键调度，用于根据灾情信息进行大数据分析计算，为指挥人员提供资源调派方案；

值班值守，用于对指挥调度部门日常工作进行综合性展示。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项实施例所述的方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项实施例所述的方法的步骤。

上述Web应用系统显示方法、装置、计算机设备、存储介质和应急管理系统，通过预设与多个排版规则一一对应的前端排版显示页面；获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据；接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。从而可以实现根据当前用户对应的排版显示方式，对当前用户对应的目标显示数据进行排版显示，以实现对Web应用系统的展示样式进行个性化展示的目的；另外，本发明通过采用多个前端排版显示页面切换实现更换排版方式，快速且简洁、容易实施。

附图说明

图1为一个实施例中Web应用系统显示方法的流程示意图；

图2为一个实施例中步骤S200的一种可实施方式的流程示意图；

图3为一个实施例中步骤S300的一种可实施方式的流程示意图；

图4为一个实施例中步骤S400之后的一种可实施方式的流程示意图；

图5为一个实施例中Web应用系统显示装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

在一个实施例中，如图1所示，提供了一种Web应用系统显示方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。本实施例中，该方法包括以下步骤：

步骤S100，预设与多个排版规则一一对应的前端排版显示页面。

步骤S200，获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据。

步骤S300，接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示。

步骤S400，保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。

其中，前端排版显示页面是指在Web应用系统的显示界面按一定排版规则显示的前端页面。排版规则是指对需要在Web页面进行显示的内容按照一定的格式进行展示的规则。例如，九宫格排版、矩阵排版、全屏排版、骨骼排版、中轴式排版、分割式排版、倾斜式排版、曲线排版及各种自由的排版规则。

具体地，预先设置多个与多个排版规则一一对应的前端排版显示页面，为后续按照用户选定的排版规则进行页面的显示提供数据基础。接着，登录Web应用系统的用户根据具体需求，进行排版操作，选定需要的前端排版显示页面，Web应用系统接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示。例如，与多个排版规则一一对应的前端排版显示页面有多个，分别为前端排版显示页面1、前端排版显示页面2、……、前端排版显示页面9等9个不同的页面，用户选择了前端排版显示页面6，则Web应用系统按照前端排版显示页面6对应的排版规则，对目标显示数据进行排版显示。例如，九宫格排版显示、矩阵排版显示、全屏排版显示、骨骼排版显示、中轴式排版显示、分割式排版显示、倾斜式排版显示、曲线排版显示及各种自由排版等排版显示方式的显示内容。接着，在按照当前用户对应的排版操作，对目标显示数据进行排版显示后，保存当前用户和与当前用户对应的排版显示方式，使得当前用户退出该Web应用系统，并再次登录Web应用系统时，可以按照当前用户对应的排版显示方式进行排版显示。

上述Web应用系统显示方法，通过预设与多个排版规则一一对应的前端排版显示页面；获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据；接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。从而可以实现根据当前用户对应的排版显示方式，对当前用户对应的目标显示数据进行排版显示，以实现对Web应用系统的展示样式进行个性化展示的目的；另外，本发明通过采用多个前端排版显示页面切换来实现更换排版方式，快速且简洁、容易实施。

在一个实施例中，为步骤S200的一种可实施方式，包括：

获取当前用户的权限对应的目标显示数据，目标显示数据包括Web应用系统支持且属于当前用户权限的应用程序的显示数据。

其中，当前用户的权限是指当前用户在该Web应用系统可以访问的应用程序或者页面的权限。

具体地，本申请适用于融合单点登录的Web应用系统(通过Web登录的应用程序)，首先登录Web应用系统，对于不同用户的权限，获取用户权限对应的目标显示数据，作为向用户展示不同的应用程序或者页面的数据基础。

上述示例性实施例中，获取当前用户的权限对应的目标显示数据，可以针对不同的用户获取与之对应的目标显示数据，为个性化展示提供数据基础，这样适用于不同权限用户的场景。

在一个实施例中，如图2所示，为步骤S200的一种可实施方式的流程示意图，包括：

步骤S210，获取当前用户的权限对应的应用程序集合。

步骤S220，接收并响应当前用户对应用程序的选择操作，从应用程序集合中确定出至少一个应用程序。

步骤S230，获取至少一个应用程序对应的目标显示数据。

其中，应用程序集合是多个应用程序形成的集合，其中，应用程序是指Web应用系统中的能实现不同功能的模块。

具体地，由于单点登录系统(Web单点登录(Web SSO)协议)允许用户使用单个用户名和密码访问不同的应用程序，因此，可以通过当前用户的权限来配置相应的应用程序。由于不同的用户权限对应不同的应用程序集合，因此，需要先获取当前用户的权限对应的应用程序集合。示例地，用户权限1对应的应用程序集合包括应用程序1、应用程序2、应用程序3；用户权限2对应的应用程序集合包括应用程序2、应用程序3、应用程序4、应用程序5。示例地，用户的权限可以分为超级管理员权限和普通权限，超级管理员权限可以查看所有的应用程序和配置，普通用户权限只能查看与其权限对应的应用程序。进一步地，超级管理员和普通用户可以自定义配置，根据不同的需求配置不同的产品，例如，维护人员可以配置为能够使用和查看目应用程序1、应用程序2，操作人员可以配置为能够使用和查看应用程序2、应用程序3。接着，登录Web应用系统的用户根据具体需求，从应用程序集合中选定需要的至少一个应用程序，并通过Nginx服务，从后台获取与至少一个应用程序对应的目标显示数据。其中，Nginx(engine x)服务是指一种高性能的HTTP和反向代理Web服务器，同时也提供了IMAP/POP3/SMTP服务。目标显示数据等静态文件采用Nginx进行转发，能够减轻服务压力，提高静态文件的响应时间。

可选地，前端排版显示页面为VUE页面，每个VUE页面定义一个排版规则。

具体地，前端排版显示页面可以使用VUE进行开发，每个VUE页面定义一个排版规则。具体地，排版规则如下：1)九宫格排版，页面获取到目标显示数据后先获取前九条数据显示到页面中，若目标显示数据不能在一页完全显示，则其他数据隐藏不显示，等切换下一页后再调取另外的九条数据显示给用户；2)矩阵排版，获取到目标显示数据后全部平铺到桌面中；3)全屏排版，用图片排满整个页面，文字置于图片之上；4)骨骼排版，包括竖向的通栏、双栏、三栏、四栏，横向的通栏、双栏、三栏、四栏；5)中轴式排版，沿着浏览器窗口的中轴将文字或图片水平排列或竖直排列；6)分割式排版，将整个页面分成上下或左右两部分，在两个区域里编排文本使之形成鲜明的对比；7)倾斜式排版，将图片和文字呈现倾斜的状态，产生动感，形成强烈的视觉冲击力；8)曲线排版，将图片、文字在页面上精细曲线分割编排；9)自由排版，由设计师自由编排，将各元素自由搭配，形成独特的风格。

可选地，Web应用系统显示方法实现过程中的数据获取和存储方式，包括：

从预设的第一存储位置获取目标显示数据，从预设的第二存储位置获取排版规则。

其中，第一存储位置是指预先设定的存储位置，该第一存储位置可以用于存储目标显示数据，当Web应用系统采用前后代码分离的方式时，该第一存储位置可以为后端，可选地，后端的目标显示数据及存储可以使用Java进行开发。第二存储位置是指预先设定的存储位置，该第二存储位置可以用于存储排版规则，当Web应用系统采用前后代码分离的方式时，该第二存储位置可以为前端，

具体地，为实现对目标显示数据和排版规则的独立管理，需要将目标显示数据存储在第一存储位置，将排版规则存储在第二存储位置，并在需要时从预设的第一存储位置获取目标显示数据，从预设的第二存储位置获取排版规则，以对目标显示数据和排版规则的独立管理，实现两端代码分离，互不影响。

可选地，从预设的第一存储位置获取目标显示数据之后，包括：将目标显示数据存储至第三存储位置。

具体地，将目标显示数据存储至预设的第三存储位置，以备生成或者更换Web应用系统对应的前端排版显示页面时，从第三存储位置调取数据。

可选地，按照当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示，包括：

从第三存储位置调用目标显示数据，并按照当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示。

其中，第三存储位置是指预先设定的存储位置，该第三存储位置可以为Web应用系统对应的本地缓存，将从第一存储位置(后端)获取到的目标显示数据，存储至第三存储位置(本地缓存)，可以使得更换Web页面时不需要重新获取目标显示数据，使得目标显示数据与页面分离开。具体地，在从预设的第一存储位置获取目标显示数据，并将目标显示数据存储至预设的第三存储位置后，从第三存储位置调用目标显示数据，并按照当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版，并在Web页面中显示。

从预设的第一存储位置获取目标显示数据，从预设的第二存储位置获取排版规则。可以使得目标显示数据与排版规则实现两端代码分离，互不影响的目的。同时，将从第一存储位置获取到的目标显示数据存储至预设的第三存储位置，并在使用时从第三存储位置(本地缓存)调用目标显示数据的方式，可以使得数据获取方式更为便捷，使更换Web页面时不需要重新获取目标显示数据，使得目标显示数据与页面分离开，互不影响，高效率地实现对Web应用系统的展示样式进行个性化展示。

上述实施例中，获取当前用户的权限对应的应用程序集合；接收并响应当前用户对应用程序的选择操作，从应用程序集合中确定出至少一个应用程序；获取至少一个应用程序对应的目标显示数据。能够实现对不同用户获取对应的应用程序集合，并根据用户的需求确定出需要的至少一个应用程序，获取至少一个应用程序对应的目标显示数据，为实现个性化展示的目的提供数据基础。同时，通过Nginx服务，获取与至少一个应用程序对应的目标显示数据，能够减轻服务压力，提高静态文件的响应时间。

在一个实施例中，如图3所示，为步骤S300的一种可实施方式的流程示意图，包括：

步骤S310，判断当前前端排版显示页面是否与当前用户的排版操作对应的前端排版显示页面相同。

步骤S320，若相同，则当前前端排版显示页面保持不变。

步骤S330，若不同，则将当前前端排版显示页面，变更为当前用户的排版操作对应的前端排版显示页面。

具体地，当前前端排版显示页面是指Web应用系统的显示页面上显示的排版样式，获取到当前前端排版显示页面后，检测由用户操作确定出的前端排版显示页面与当前前端排版显示页面是否相同。若相同，则无需变换，当前前端排版显示页面保持不变。若不同，则说明用户希望更换显示风格，则将当前前端排版显示页面保持不变(最开始为默认排版样式)更换为当前用户的排版操作对应的前端排版显示页面。需要说明的是，用户在首次登陆Web应用系统时，显示页面为默认的排版显示方式。此后，用户再次登陆Web应用系统时，显示页面均为上一次操作对应的排版显示方式。

可选地，建立当前用户和与当前用户对应的排版显示方式之间的对应关系；若检测到当前用户登录Web应用系统，则根据当前用户与排版显示方式之间的对应关系，获取当前用户对应的排版显示方式；按照当前用户对应的排版显示方式，对目标显示数据进行排版显示。

具体地，将当前用户与当前用户对应的排版显示方式进行绑定，建立当前用户与当前用户对应的排版显示方式之间的对应关系。当检测到当前用户再次登录Web应用系统时，则根据当前用户与排版显示方式之间的对应关系，获取当前用户对应的排版显示方式，按照当前用户对应的排版显示方式，对目标显示数据进行排版显示，以实现用户在不同的时间和设备登录相应的Web应用系统时，可以显示该用户上一次选定的排版显示方式。

上述实施例中，仅在当前前端排版显示页面与当前用户的排版操作对应的前端排版显示页面不同的情况下，对Web应用系统中显示的排版显示方式进行变换，能够避免当前前端排版显示页面与当前用户的排版操作对应的前端排版显示页面相同情况下页面的不必要更换和刷新，提高Web应用系统的稳定性。同时，通过建立当前用户与当前用户的排版操作对应的前端排版显示页面之间的对应关系，使得用户在不同的时间和设备上登录Web应用系统时，可以显示与该用户之前选定的排版显示方式，使得Web应用系统的展示样式更富有用户个性化。

在一个实施例中，如图4所示，为步骤S400之后的一种可实施方式的流程示意图，包括：

步骤S510，接收并响应当前用户的背景操作，完成对Web应用系统的更换背景。

步骤S520，保存当前用户和与当前用户对应的背景，以使当前用户再次登录Web应用系统时的背景为与当前用户对应的背景。

当然，在本实施例中，背景更换的过程和排版方式更换的过程的可以相互独立，没有必然的先后关系。

具体地，登录Web应用系统的用户根据具体需求，进行背景更换操作，选定需要的背景，根据用户的具体操作，可以将Web应用系统的背景更换为用户的背景操作对应的背景。完成背景的更换后，建立当前用户标识与当前用户对应的背景之间的对应关系。当检测到当前用户再次登录Web应用系统时，根据当前用户与当前用户对应的背景之间的对应关系，获取与当前用户对应的背景，以实现用户在不同的时间和设备登录相应的Web应用系统时，可以显示该用户上一次选定的背景。

示例地，背景的设置包括：系统自带背景和自定义背景，用户根据个人习惯来设置不同的背景图；背景设置成功后同样保存在该用户名下，即与用户绑定，等用户下次登录后即使用户自定义的背景。其中，前端排版显示页面和背景的更换是各自独立的，如此，可以简化用户的操作，以实现前端排版显示页面与背景的不同组合。

可选地，Web应用系统采用前后端分离的方式，在Web应用系统的菜单分为前端展示菜单和后台管理菜单，前端展示的菜单即Web应用系统上的图标，后台管理的菜单在左下角，点击图标后弹出菜单。

上述实施例中，可以实现对Web应用系统的背景进行更换的目的，同时，通过建立当前用户与当前用户对应的背景之间的对应关系，使得用户在不同的时间和设备上登录Web应用系统时，可以显示该用户之前选定的背景，使得Web应用系统的背景展示更富有个性化。其中，前端排版显示页面和背景的更换是各自独立的，如此，可进一步简化用户的操作，以实现前端排版显示页面与背景的不同组合。

在一个实施例中，提供了一种应急管理系统，该应急管理系统为Web应用系统，采用上述实施例中的Web应用系统显示方法显示如下至少一个应用程序：

视频巡查，用于针对预设区域制定巡查预案，按照预设巡查间隔自动循环播放周边视频的系统；

一键调度，用于根据灾情信息进行大数据分析计算，为指挥人员提供资源调派方案；

值班值守，用于对指挥调度部门日常工作进行综合性展示。

应该理解的是，虽然图1-4的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-4中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图5所示，提供了一种Web应用系统显示装置，包括：预设模块501、数据获取模块502、页面显示模块503和数据存储模块504，其中：

预设模块501，用于预设与多个排版规则一一对应的前端排版显示页面；

数据获取模块502，用于获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据；

页面显示模块503，用于接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；

数据存储模块504，用于保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。

在其中一个实施例中，数据获取模块502还用于：获取当前用户的权限对应的目标显示数据，目标显示数据包括Web应用系统支持且属于当前用户权限的应用程序的显示数据。

在其中一个实施例中，数据获取模块502还用于：获取当前用户的权限对应的应用程序集合；接收并响应当前用户对应用程序的选择操作，从应用程序集合中确定出至少一个应用程序；获取至少一个应用程序对应的目标显示数据。

在其中一个实施例中，预设模块502中的前端排版显示页面为VUE页面，每个VUE页面定义一个排版规则。

在其中一个实施例中，页面显示模块503还用于：判断当前前端排版显示页面是否与当前用户的排版操作对应的前端排版显示页面相同；若相同，则当前前端排版显示页面保持不变；若不同，则将当前前端排版显示页面，变更为当前用户的排版操作对应的前端排版显示页面。

在其中一个实施例中，数据存储模块504还用于：建立当前用户和与当前用户对应的排版显示方式之间的对应关系；若检测到当前用户登录Web应用系统，则根据当前用户与排版显示方式之间的对应关系，获取当前用户对应的排版显示方式；按照当前用户对应的排版显示方式，对目标显示数据进行排版显示。

在其中一个实施例中，Web应用系统显示装置还包括背景更换模块，用于：接收并响应当前用户的背景操作，完成对Web应用系统的更换背景；保存当前用户和与当前用户对应的背景，以使当前用户再次登录Web应用系统时的背景为与当前用户对应的背景。关于Web应用系统显示装置的具体限定可以参见上文中对于Web应用系统显示方法的限定，在此不再赘述。上述Web应用系统显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种Web应用系统显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

预设与多个排版规则一一对应的前端排版显示页面；

获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据；

接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；

保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：获取当前用户的权限对应的目标显示数据，目标显示数据包括Web应用系统支持且属于当前用户权限的应用程序的显示数据。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：获取当前用户的权限对应的应用程序集合；接收并响应当前用户对应用程序的选择操作，从应用程序集合中确定出至少一个应用程序；获取至少一个应用程序对应的目标显示数据。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：前端排版显示页面为VUE页面，每个VUE页面定义一个排版规则。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：判断当前前端排版显示页面是否与当前用户的排版操作对应的前端排版显示页面相同；若相同，则当前前端排版显示页面保持不变；若不同，则将当前前端排版显示页面，变更为当前用户的排版操作对应的前端排版显示页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：建立当前用户和与当前用户对应的排版显示方式之间的对应关系；若检测到当前用户登录Web应用系统，则根据当前用户与排版显示方式之间的对应关系，获取当前用户对应的排版显示方式；按照当前用户对应的排版显示方式，对目标显示数据进行排版显示。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：接收并响应当前用户的背景操作，完成对Web应用系统的更换背景；保存当前用户和与当前用户对应的背景，以使当前用户再次登录Web应用系统时的背景为与当前用户对应的背景。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

预设与多个排版规则一一对应的前端排版显示页面；

获取目标显示数据；目标显示数据包括Web应用系统支持的应用程序的显示数据；

接收和响应当前用户对应的排版操作，根据当前用户的排版操作对应的前端排版显示页面的排版规则，对目标显示数据进行排版显示；

保存当前用户和与当前用户对应的排版显示方式，以使当前用户再次登录Web应用系统时，按照当前用户对应的排版显示方式进行排版显示。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：获取当前用户的权限对应的目标显示数据，目标显示数据包括Web应用系统支持且属于当前用户权限的应用程序的显示数据。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：获取当前用户的权限对应的应用程序集合；接收并响应当前用户对应用程序的选择操作，从应用程序集合中确定出至少一个应用程序；获取至少一个应用程序对应的目标显示数据。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：前端排版显示页面为VUE页面，每个VUE页面定义一个排版规则。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：判断当前前端排版显示页面是否与当前用户的排版操作对应的前端排版显示页面相同；若相同，则当前前端排版显示页面保持不变；若不同，则将当前前端排版显示页面，变更为当前用户的排版操作对应的前端排版显示页面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：建立当前用户和与当前用户对应的排版显示方式之间的对应关系；若检测到当前用户登录Web应用系统，则根据当前用户与排版显示方式之间的对应关系，获取当前用户对应的排版显示方式；按照当前用户对应的排版显示方式，对目标显示数据进行排版显示。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：接收并响应当前用户的背景操作，完成对Web应用系统的更换背景；保存当前用户和与当前用户对应的背景，以使当前用户再次登录Web应用系统时的背景为与当前用户对应的背景。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。