CN115563427B - 响应式异步门户的构建方法、系统和计算机设备 - Google Patents

Abstract

本发明提供了一种响应式异步门户的构建方法、系统和计算机设备，包括：异步站点管理，用户管理，角色管理，响应式管理。异步站点管理包括：一级门户站点管理，各个一级门户站点可以拥有子站点，各子站点均可以作为根节点，以递归地形式构成分支站点树；一级门户站点、子孙站点均包括页面管理，包含页面的添加、修改、删除等以及添加、修改、删除页面所包含的应用系统组件等应用资源；所有门户站点均为异步门户站点，其内容的更新均为异步更新，不影响其它站点；用户管理包括：系统管理员添加、修改、删除门户系统用户，设置用户角色等用户身份信息。本发明赋能企业用户可以不用编写任何程序代码，自行构建所需的响应式异步门户系统。

Description

响应式异步门户的构建方法、系统和计算机设备

技术领域

本发明涉及企业信息化中企业信息门户领域，特别是一种响应式异步门户的构建方法、系统和计算机设备。

背景技术

随着企业信息化技术的发展，企业内的各种应用系统越来越广泛。对于企业来说，企业信息门户EIP(Enterprise Information Portal) 一个应用框架，它将企业的所有应用系统、数据资源与信息统一集成到一个信息管理平台之上,提供简单、熟悉、一致的一体化界面，实现单点登录, 消除信息孤岛，为企业用户提供集成的内容和应用并快速地建立企业对客户、企业对内部员工和企业对企业的信息通道，并根据每个用户使用特点和角色的不同,形成个性化的应用界面。

申请号为202110055046.3的中国专利公开了一种基于自由配置的门户动态布局方法，申请号为201210592303.8的中国专利公开了一种门户系统构建方法、信息处理方法及装置，申请号为201110171430.6的中国专利公开了一种基于自定义客户端的企业门户集成方法，申请号为202111274442.1的中国专利公开了一种企业门户管理系统，申请号为201310325555.9的中国专利公开了一种构建企业门户平台的方法。

在企业信息门户建设中，我们还常常面临如下问题：

需要为企业的各个部门和子公司分别建设门户站点，以及面临企业内部组织机构的变动，例如部门合并、撤销、新设立等，如何让企业信息门户平台适应企业的这种动态变化，且无需重新设计修改和编码新的程序软件系统，自适应各种客户端的访问、站点的异步访问等。

这些问题，现有技术包括上述发明专利均未有提出或有所涉及，现有技术也不能有效解决本发明申请提出的这些问题。

发明内容

为了解决上述实际问题，本发明提供了一种响应式异步门户的构建方法、系统和计算机设备，解决了现有技术所存在的上述问题，能够为企业的各个部门和子公司分别建设门户站点，能即时将企业内部组织机构的变动映射到门户系统，无需重新设计修改和编码新的程序软件系统，系统用户无需软件编码技术即可构建一种跨屏异步多站点门户系统。

为了实现上述目的，本发明采用如下技术方案：

本发明提供了一种用户无需软件编码技术即可构建一种响应式异步多站点门户系统的方法，包括：

异步站点管理，包括一级门户站点管理，系统管理员添加、修改、删除一级门户站点；各个一级门户站点可以拥有子站点，并以该一级门户站点作为根站点，形成站点树；站点树中各子站点节点，均可以再作为根节点，建设其子站点节点，以递归地形式构成分支站点树；

页面管理，包括系统管理员添加、修改、删除页面所包含的应用系统组件等各种信息应用资源；

用户管理，包括系统管理员添加、修改、删除门户系统用户，设置用户角色等用户身份信息；

响应式管理，包括门户系统SPA单页面的一级站点导航栏、侧边栏、侧边栏另侧的单页面主视口的大小、显示和隐藏，以自适应PC端和各种不同显示尺寸的移动端浏览器

进一步地，所述方法还包括，系统管理员通过WEB浏览器录门户系统后，修改站点名称等站点特性信息，添加、修改、删除所在站点包含的页面，添加、修改、删除所在站点包含的子站点。

进一步地，所述方法还包括，各个一级门户站点包含的对应分支站点树中，各子节点站点，均可以配置其专有的子站点管理员，统一管理该子站点的页面或应用系统组件等各种信息应用资源。

进一步地，所述方法还包括，各一级门户站点及其子站点的内容更新均为异步更新，点击整体页面中的任一门户站点或子站点并进入该门户站点或子站点后，整体页面中的其它站点和内容不会回发到WEB服务器。

进一步地，所述方法还包括，基于HTML5和JavaScript技术，门户系统采用单页面响应式技术，一级门户站点采用拖拽方式设计，用户登录门户系统后可以按需要和便利性将各个一级门户站点拖拽到导航栏中合适的位置。

进一步地，所述方法还包括，门户系统提供页面定制功能，用户可以根据个人的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中；

各应用系统或组件与门户系统相对独立，普通用户可以直接在系统中进行添加和删除修改等操作；

门户系统添加和删除各应用系统或组件时，门户系统和各应用系统组件无需更改任何系统软件代码。

根据本发明的另一个方面，提供了一个动态多站点门户系统，包括，

门户管理模块，用户通过客户端WEB浏览器登录门户系统后，门户系统管理员可以动态添加、修改、删除一级门户站点；

门户系统添加和删除各应用系统或组件时，门户系统和各应用系统组件无需更改任何系统软件代码，用户可以直接在系统中进行添加和删除修改等操作；以及

页面管理模块，系统管理员添加、修改、删除页面所包含的应用系统组件等各种信息应用资源；

门户系统提供页面定制功能，用户可以根据个人的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中，各应用系统或组件与门户系统相对独立；

用户管理模块，系统管理员添加、修改、删除门户系统用户，设置用户角色等用户身份信息。

根据本发明的再一方面，提供了一种多级树状站点异步门户系统，包括站点管理模块，各个一级门户站点可以拥有子站点，并以该一级门户站点作为根站点，形成站点树；

站点树中各子站点节点，均可以再作为根节点，建设其子站点节点，以递归地形式构成分支站点树；以及

站点树中各子节点站点，均可以配置其专有的子站点管理员，统一管理该子站点的页面或应用系统组件等各种信息应用资源；以及

各一级门户站点及其子站点的内容更新均为局部更新，点击单页面导航栏中的任一门户站点或子站点并进入该门户站点或子站点后，整体页面中的其它站点和内容不会回发到WEB服务器；

根据本发明的再一方面，提供了一种响应式门户系统：

基于HTML5、响应式页面设计和JavaScript以及CSS技术，实现门户系统的SPA单页面的一级站点导航栏、侧边栏、侧边栏另侧的单页面主视口的大小、显示和隐藏，均以响应式的方式自适应呈现于PC端和各种不同显示尺寸的移动端浏览器。

本发明的再一方面，提出了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器用于执行如上述技术方案中任一项方法的步骤。

本发明的又一方面，提出了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现了如上述技术方案中任一项方法的步骤。

本发明具有以下有益效果：

企业用户可以不用编写任何程序代码，根据需要自行构建所需的门户系统，为企业各个部门构建门户站点，可以即时适应体现企业实际运行中组织结构的变化；部门的新增、合并、撤销以及子部门的新增、合并、撤销，均可以通过一级站点和站点树的动态管理即时实现；

除了门户系统管理员外，各个站点均有其专有的站点管理员，新增删除管理页面、系统组件和内容信息,各站点间相对对立，保证了企业实际运行中不同部门之间的相对独立与信息安全；

普通用户可以根据自身的工作需要及喜好，定制个性化页面、系统组件和内容信息，进一步提高工作效率；

站点内容的请求，不会导致整体页面的回发，局部刷新节省了应用服务器的资源和宽带资源，使用户在客户端可以获得良好的响应体验；

同时满足PC客户端和各种移动客户端的访问，用户不局限于客户端机器的类型，并进一步降低门户系统的维护工作量和复杂度。

附图说明

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

图1为本发明实施例提供的一种响应式异步门户的构建方法示意图；

图2为本发明实施例提供的异步响应式门户系统示意图；

图3为本发明实施例提供的一级站点导航示意图；

图4为本发明实施例提供的具体的一级站点子站点结构示意图；

图5为本发明实施例提供的门户侧边栏导航示意图；

图6为本发明实施例提供的计算机设备示意图。

具体实施方式

本发明公开了一种响应式异步门户的构建方法、系统和计算机设备。在图1和图2中分别展示了本发明优选实施例的响应式异步门户构建方法的流程示意图和响应式异步门户系统示意图。

现在参照图1，其展示了本发明优选实施例的响应式异步门户构建方法的流程示意图。如图所示，门户系统管理员登录门户系统后，可以根据需要进行用户信息管理，录入、修改、冻结和删除系统用户的身份和角色信息,可以为门户系统各种资源控制分匹配系统角色，并根据公司组织实际需要为各部门或团体建设门户一级站点，包括添加、修改、删除一级门户站点；假设公司由办公室、人事部、研发部、市场部等部门组成，门户系统管理员即可为这些部门添加如图3所示部门站点，还可以为公司每位员工用户建设图3所示个人站点。

各个一级门户站点可以拥有子站点，并以该一级门户站点作为根站点，形成站点树；站点树中各子站点节点，均可以再作为根节点，建设其子站点节点，以递归地形式构成分支站点树；图4所示，门户系统管理员在为公司办公室创建对应的一级站点后，公司办公室子部门如秘书科、机要科等科室也可以拥自己的部门科室站点。

除了由门户系统管理员统一管理各个一级门户站点外，包含的对应分支站点树中，各子节点站点，均可以配置其专有的子站点管理员，统一管理该子站点的子站点、页面及应用系统组件等各种信息应用资源，包括添加、修改、删除页面所包含的应用系统组件等各种信息应用资源；管理员通过WEB浏览器录门户系统后，修改站点名称等站点特性信息，添加、修改、删除所在站点包含的页面，添加、修改、删除所在站点包含的子站点。

通过AJAX前端技术，各一级门户站点及其子站点的内容更新均为异步更新，点击整体页面中的任一门户站点或子站点并进入该门户站点或子站点后，整体页面中的其它站点和内容不会回发到WEB服务器。

门户系统基于JavaScript和CSS技术，采用拖拽方式设计一级门户站点，用户登录门户系统后可以按需要和便利性将各个一级门户站点拖拽到导航栏中合适的位置。

门户系统提供页面定制功能，用户可以根据个人的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中；各应用系统或组件与门户系统相对独立，普通用户可以直接在系统中进行添加和删除修改各应用系统或组件等操作。

图2展示了本发明优选实施例的响应式异步门户系的统示意图。门户系统采用响应式设计后，无论是PC桌面客户端或是各种移动端客户端，用户均可通过客户端WEB浏览器登录门户系统，WEB服务器将门户系统数据返回到WEB浏览器后，WEB浏览器依据客户端的类型绘制页面更新的部分。

登录门户系统后，通过门户管理模块，门户系统管理员可以动态添加、修改、删除一级门户站点，所有一级门户站点均布局在门户系统导航栏中，如图3所示，导航栏所在div标签设置隐藏滚动条，或根据客户端的类型隐藏或展示，对于移动端可以左右滑动查看其它被隐藏的门户一级站点。

通过异步站点管理模块，各个一级门户站点可以拥有子站点，并以该一级门户站点作为根站点，形成站点树；站点树中各子站点节点，均可以再作为根节点，建设其子站点节点，以递归地形式构成分支站点树；站点树中各子节点站点，均可以配置其专有的子站点管理员，统一管理该子站点的页面或应用系统组件等各种信息应用资源；各一级门户站点及其子站点的内容更新均为AJAX异步更新，点击单页面导航栏中的任一门户站点或子站点,从服务器端获得JSON数据更新并进入被点击的门户站点或子站点，整体页面中的其它站点和内容不会回发到WEB服务器；图5显示了进入门户站点后，该门户站点所包含的页面和子站点均显示在门户系统侧边栏，用户点击侧边栏页面后，侧边栏另一侧的页面主视口区域将显示该页面所包含的系统组件系统。

基于HTML5、响应式页面设计和JavaScript以及CSS技术，响应式管理模块管理门户系统的SPA单页面的一级站点导航栏、侧边栏、侧边栏另侧的单页面主视口的大小、显示和隐藏，以自适应PC端和各种不同显示尺寸的移动端浏览器；在各种不同尺寸的移动客户端访问门户系统时，门户系统响应式管理模块将一级站点导航栏设置成滑动模式，用户可以左右滑动一级站点导航栏，以呈现被移动端浏览器窗口遮挡的一级站点；隐藏用于呈现包含组件系统的页面的主视口，通过调整设置侧边栏的显示宽度直至100%来适应较小宽度尺寸的移动端，点击侧边栏进入主视口页面或直接进入组件系统，并隐藏侧边栏、最大化主视口页面或组件系统；通过面包屑BreadCrumb导航栏返回先前操作的任意路径。

通过用户管理模块，系统管理员添加、修改、删除门户系统用户，设置用户角色等用户身份信息。

通过门页面管理模块，系统管理员添加、修改、删除页面所包含的应用系统组件等各种信息应用资源；门户系统提供页面定制功能，用户可以根据个人的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中，各应用系统或组件与门户系统相对独立。

通过个人信息管理模块，普通用户可以选择个人喜好的主题和皮肤，可以即时更新用户个人身份信息。

如图6所示为本发明实施例提供的一种响应式异步门户构建方法的计算机设备示意图。该计算机设备1包括存储器12、处理器14及存储在存储器12上并可在处理器14上运行的计算机程序，处理器14用于执行如上述实施例中任一项方法的步骤。

根据本发明的计算机设备1，其所包含的处理器14用于执行如上述实施例中构建响应式异步门户方法的步骤，因而该计算机设备1能够实现该响应式异步门户构建方法的全部有益效果，在此不再赘述。

本发明的又一方面，提出了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现了如上述技术方案中任一项方法的步骤。

根据本发明的计算机可读存储介质，其上存储的计算机程序被处理器执行时实现了如上述实施例中响应式异步门户构建方法的步骤，因而该计算机可读存储介质能够实现该响应式异步门户构建方法的全部有益效果，在此不再赘述。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

Claims (9)

1.一种响应式异步门户的构建方法，其特征在于，包括：异步站点管理，站点页面管理，角色管理，用户管理，响应式页面管理，其中：

异步站点管理包括：一级门户站点及其子站点均为异步门户站点，对站点内容的请求均为异步请求，不会导致其它站点内容的刷新，点击整体页面中的任一门户站点或子站点并进入该门户站点或子站点后，整体页面中的其它站点和内容不会回发到WEB服务器；

系统管理员添加、修改、删除一级门户站点；各个一级门户站点能够拥有子站点，并以该一级门户站点作为根站点，形成站点树；站点树中各子站点节点，均能够再作为根节点，建设其子站点节点，以递归地形式构成分支站点树；

站点页面管理包括：管理页面资源，包括添加、修改、删除页面所包含的应用系统组件；

角色管理：包括添加、删除用户角色，建立与资源权限相对应的角色与群组；

用户管理包括：系统管理员添加、修改、删除门户系统用户信息，设置用户角色和用户身份信息；

响应式页面管理包括：基于HTML5、响应式页面设计和JavaScript以及CSS技术，管理门户系统的SPA单页面的一级站点导航栏、侧边栏、侧边栏另侧的单页面主视口的大小、显示和隐藏，以自适应PC端和各种不同显示尺寸的移动端浏览器。

2.根据权利要求1所述的一种响应式异步门户的构建方法，其特征在于，所述异步站点管理还包括：

基于前端脚本语言以及CSS层级样式表技术，一级门户站点采用拖拽方式设计，用户按需要或便利性将各个一级门户站点拖拽到导航栏中合适的位置；

修改站点名称或站点特性信息，添加、修改、删除所在站点包含的页面，添加、修改、删除所在站点包含的子站点；

根据各站点需要，添加修改删除站点页面,设置多个页面中的某一个页面为该站点默认缺省页面。

3.根据权利要求1所述的一种响应式异步门户的构建方法，其特征在于，所述异步站点管理还包括：

为站点树中各子节点站点配置专有的子节点站点管理员，统一管理该子站点的页面或应用系统组件或各种信息应用资源。

4.根据权利要求1所述的一种响应式异步门户的构建方法，其特征在于，所述方法还包括：

门户系统提供页面定制功能，根据用户的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中，各应用系统或组件与门户系统相对独立，门户系统添加和删除各应用系统或组件时，无需更改门户系统和各应用系统组件软件代码，直接在系统中进行添加和删除操作。

5.一种响应式异步门户系统，包括：门户管理模块，站点管理模块，站点页面管理模块，用户管理模块，响应式管理模块，其中：

门户管理模块包括：一级门户站点管理，门户系统管理员添加、修改、删除一级门户站点；

站点管理模块包括：各个一级门户站点能够拥有子站点，并以该一级门户站点作为根站点，形成站点树；站点树中各子站点节点，均能够作为根节点，建设其子站点节点，以递归的形式构成分支站点树；

站点页面管理模块包括：添加、修改、删除页面所包含的应用系统组件或各种信息应用资源；

用户管理模块包括：系统管理员添加、修改、删除门户系统用户，设置用户角色或用户身份信息；

响应式管理模块，管理门户系统的SPA单页面的一级站点导航栏、侧边栏、侧边栏另侧的单页面主视口的大小、显示和隐藏，以自适应PC端和各种不同显示尺寸的移动端浏览器。

6.根据权利要求5所述的一种响应式异步门户系统，其特征在于，所述一级门户站点管理还包括：

修改站点名称或站点特性信息，添加、修改、删除所在站点包含的页面，添加、修改、删除所在站点包含的子站点。

7.根据权利要求5所述的一种响应式异步门户系统，其特征在于，所述站点管理模块还包括：

站点树中各子节点站点，均能够配置其专有的子站点管理员，统一管理该子站点的页面或应用系统组件或各种信息应用资源；

对各个一级门户站点及其子站点的内容请求均为异步请求，点击整体页面中的任一门户站点或子站点并进入该门户站点或子站点后，整体页面中的其它站点和内容不会回发到WEB服务器。

8.根据权利要求5所述的一种响应式异步门户系统，其特征在于，所述系统还包括：

门户系统提供页面定制功能，用户根据个人的工作需要和喜好，将相关的应用系统或组件以及内容信息聚合到页面中，各应用系统或组件与门户系统相对独立，门户系统添加和删除各应用系统或组件时，门户系统和各应用系统组件无需更改任何系统软件代码，直接在系统中进行添加和删除操作。

9.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器用于执行如权利要求1至4中任一项所述方法的步骤。