CN113010823B - web软件页面的显示模式切换方法和装置 - Google Patents
web软件页面的显示模式切换方法和装置 Download PDFInfo
- Publication number
- CN113010823B CN113010823B CN202110577514.3A CN202110577514A CN113010823B CN 113010823 B CN113010823 B CN 113010823B CN 202110577514 A CN202110577514 A CN 202110577514A CN 113010823 B CN113010823 B CN 113010823B
- Authority
- CN
- China
- Prior art keywords
- menu
- page
- parameter
- web software
- mode
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种web软件页面的显示模式切换方法和装置,方法包括:接收菜单栏点击事件;获取web软件当前的页面显示模式;当为多标签页显示模式时,向菜单数组对象中添加第一菜单的标识参数和状态参数;将第一菜单的状态参数设置为激活状态,将菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;在导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的标签对应的页面内容。本发明提供的web软件页面的显示模式切换方法在当前显示页面同时显示其他多个菜单的标签和页面内容,提高了web软件页面的加载速度,提升了用户使用web软件的便捷度。
Description
技术领域
本申请实施例涉及计算机软件开发的技术领域,特别是涉及一种web软件页面的显示模式切换方法和装置。
背景技术
随着互联网技术的发展,人们通过web软件客户端可以访问大量的网站以及web页面,web软件客户端主要是指web浏览器(Browser)。
针对现时web软件系统而言,常见的页面显示模式分别有两种,即“单标签页”和“多标签页”显示模式。
单标签页显示模式中,每个被打开的标签页都加载于一个独立的web软件窗口中;当需要加载一个标签页内的菜单的链接内容时,需要重新创建一个新的web软件窗口,从而在该新创建的web软件窗口中打开该菜单链接对应的新的标签页。
多标签页显示模式中,所有被打开的标签页都加载于同一个web软件窗口中;当需要加载一个标签页内的菜单的链接内容时,需要在当前的web软件窗口中创建一个新的标签页。
无论是上述的单标签页显示模式还是多标签页显示模式,当需要在加载一个标签页内的菜单的链接内容时,需要覆盖当前的标签页,从而打开该菜单链接对应的新的标签页,或者是在保留当前的标签页的条件下,重新创建一个新的标签页,如果打开的标签页过多,则容易造成导航栏标签过多,页面变形,加载速度变慢。
发明内容
基于此,本申请实施例提供了一种web软件页面的显示模式切换方法和装置,在当前显示页面同时显示其他多个菜单的标签和页面内容,提高了web软件页面的加载速度,提升了用户使用web软件的便捷度。
第一方面,本申请实施例提供了一种web软件页面的显示模式切换方法,所述web软件的页面包括菜单栏显示区域、导航栏显示区域和页面内容显示区域,所述方法包括:
从所述菜单栏显示区域接收到第一菜单的点击事件;
从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式;
当为多标签页显示模式时,向预先建立的菜单数组对象中添加所述第一菜单的标识参数和状态参数,其中,所述菜单数组对象用于装载每个被打开的菜单的所述标识参数和所述状态参数;
将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;
在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容。
本申请实施例所提供的一种web软件页面的显示模式切换方法,将多个页面内容对应的标签显示在同一个标签页内,在同一个标签页内完成多个页面内容的切换。
可选的,当为单标签页显示模式时,还包括:
在所述导航栏显示区域显示所述第一标签,并覆盖当前显示的标签;
在所述页面内容显示区域显示该第一菜单对应的页面内容,并覆盖当前的页面内容。
可选的,所述获取第一模式参数后,还包括:
从所述web软件的本地存储对象中,获取第一数量参数,所述第一数量参数用于指示所述web软件的页面能打开的标签的最大数量;
判断所述菜单数组对象的长度是否等于所述第一数量参数,如果是,则在所述web软件页面弹出提示,所述提示用于指示不允许打开更多的标签。
可选的,所述获取第一模式参数后,还包括:
从所述web软件的本地存储对象中,获取第二数量参数,所述第二数量参数小于所述第一数量参数;
判断所述菜单数组对象的长度是否大于所述第二数量参数,如果是,则在所述导航栏显示区域显示批量关闭按钮,当所述批量关闭按钮被点击时,所述web软件页面关闭所述菜单数组对象中为非激活状态的菜单的标签。
可选的,所述获取第一模式参数后,还包括:
遍历所述菜单数组对象,判断所述菜单数组对象中是否已存在所述第一菜单的标识参数和状态参数;
如果是,将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态。
可选的,所述从所述web软件的本地存储对象中,获取第一模式参数,包括:
当用户登录所述web软件后,从所述web软件的本地存储对象中,获取当前登录用户对应的第二模式参数;
使所述第一模式参数的值等于所述第二模式参数;
创建所述菜单数组对象,并在所述菜单数组对象中插入所述web软件的首页的标识参数和状态参数。
可选的,如果所述web软件的本地存储对象中不存在当前登录用户对应的第二模式参数,则还包括:
从所述web软件的本地存储对象中获取预设的页面显示模式;
将第一模式参数设置为该预设的页面显示模式;
在所述web软件的本地存储对象中创建所述第二模式参数,并使其等于所述预设的页面显示模式。
可选的,当用户登录所述web软件后,还包括:
从服务器中获取所述预设的显示模式和所述第一数量参数,并将所述预设的显示模式和所述第一数量参数存储于所述web软件的本地存储对象中。
可选的,所述标识参数包括以下至少一项:
所述菜单的编号、名称、地址。
第二方面,本申请实施例提供了一种web软件页面的显示模式切换装置,所述web软件的页面包括菜单栏显示区域、导航栏显示区域和页面内容显示区域,所述装置包括:
第一接收模块,用于从所述菜单栏显示区域接收到第一菜单的点击事件;
第一获取模块,用于从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式;
第一添加模块,用于当为多标签页显示模式时,向菜单数组对象中添加所述第一菜单的标识参数和状态参数,其中,所述菜单数组对象用于装载每个被打开的菜单的所述标识参数和所述状态参数;
第一设置模块,用于将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;
第一显示模块,用于在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
附图说明
图1为本申请一个实施例的一种web软件页面示意图;
图2为本申请一个实施例的一种web软件页面的显示模式切换方法的步骤图;
图3为本申请另一个实施例中多标签页显示模式下的web软件窗口界面示意图;
图4为本申请另一个实施例中多标签页显示模式下的web软件窗口界面示意图;
图5为本申请另一个实施例中用户登录初始化流程图;
图6为本申请另一个实施例中多标签页显示模式下的web软件窗口系统设置部分界面示意图;
图7为本申请另一个实施例中页面初始化和模式切换流程图;
图8为本申请另一个实施例中单标签页显示模式下的web软件窗口界面示意图;
图9为本申请另一个实施例中单标签页显示模式下的web软件窗口界面示意图;
图10为本申请另一个实施例中用户通过点击菜单打开/切换标签页的流程图;
图11为本申请另一个实施例中单标签页显示模式下的web软件窗口界面示意图;
图12为本申请另一个实施例中单标签页显示模式下的web软件窗口界面示意图;
图13为本申请另一个实施例中多标签页显示模式下web软件窗口限制打开新标签页功能界面示意图;
图14为本申请另一个实施例中多标签页显示模式下web软件窗口批量关闭其他便签页功能界面示意图;
图15为本申请另一个实施例中多标签页显示模式下使用批量关闭其他便签页功能后web软件窗口界面示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施例方式作进一步地详细描述。
应当明确,所描述的实施例仅仅是本申请实施例一部分实施例,而不是全部的实施例。基于本申请实施例中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本申请实施例保护的范围。
在本申请实施例使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请实施例。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。在本申请的描述中,需要理解的是,术语“第一”、“第二”、“第三”等仅用于区别类似的对象,而不必用于描述特定的顺序或先后次序,也不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言,可以根据具体情况理解上述术语在本申请中的具体含义。
此外,在本申请的描述中,除非另有说明,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
针对背景技术中所提到的技术问题,本申请实施例提供一种web软件页面的显示模式切换方法,如图1所示,在本发明实施例的web软件页面中,具有菜单栏显示区域a,导航栏显示区域b和页面内容显示区域c,本申请实施例的方法可以在同一个web软件页面中,打开菜单栏显示区域a中的菜单对应的新标签页以及对应的页面内容,从而不需要在web软件中创建新的标签页,或者创建新的web窗口。
如图2所示,图2为本申请一个实施例的一种web软件页面的显示模式切换方法的步骤图。本实施例中,web软件页面的显示模式切换方法包括如下步骤。
S1:从所述菜单栏显示区域接收到第一菜单的点击事件。
其中,本发明实施例中的web软件页面可以是显示于计算机、移动终端等设备,该点击事件可以是鼠标操作、或者触摸操作等,该点击事件用于打开该第一菜单的链接所对应的标签和页面内容。
S2:从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式。
web软件的本地存储对象为浏览器的local storage,即永久存储对象。
S3:当为多标签页显示模式时,向预先建立的菜单数组对象中添加所述第一菜单的标识参数和状态参数,其中,所述菜单数组对象用于装载每个被打开的菜单的所述标识参数和所述状态参数。
优选的,每个被打开的菜单的标识参数包括以下至少一项:所述菜单的编号、名称、地址。
S4:将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态。
其中,激活状态指向在页面内容显示区域显示对应激活状态菜单的页面内容;非激活状态指向在页面内容显示区域隐藏对应非激活状态菜单的页面内容。
S5:在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容。
其中,标签为菜单对应的名称,显示在导航栏区域,用户可以通过直观看到标签,并点击标签所在区域,将页面内容显示区域便捷切换为该标签对应的菜单所对应的页面内容。
当用户点击导航栏显示区域的其他菜单的标签,则该菜单成为第一菜单,该菜单对应的状态参数被设置为激活状态,其他菜单的状态参数设置为非激活状态。此时,web软件窗口的页面内容显示区域显示该菜单的页面内容,隐藏其他菜单的页面内容。
如图3和图4所示,用户先后通过点击事件打开“子菜单a1”和“子菜单a2”,页面显示之后打开的“子菜单a2”的标签和页面内容时,并不会覆盖之前打开的“子菜单a1”的标签和页面内容,而是在导航栏显示区域保留“子菜单a1”的标签,在页面内容显示区域隐藏“子菜单a1”的页面内容;当用户再次点击导航栏显示区域的“子菜单a1”的标签时,页面内容显示区域会重新显示“子菜单a1”的页面内容,并覆盖“子菜单a2”的页面内容。
本申请实施例的web软件页面的显示模式切换方法,在web软件的页面为多标签页显示模式时,通过建立菜单数组对象,并在菜单数组对象中存储多个菜单的标识参数和状态参数,从而可以根据标识参数和状态参数,在同一个web软件的页面内打开并显示多个菜单链接对应的标签和页面内容,提高了web软件页面的加载速度,用户在当面显示页面即可根据导航栏的标签提示,快速找到并点击需要跳转至的标签页对应的页面内容,提升了用户使用web软件的便捷度。
在一个具体的实施例中,如图5所示,用户登录web软件的初始化流程如下。
S201:用户通过浏览器打开系统页面。
S202:用户输入用户名和密码,登录系统。
S203:登录接口返回登录成功信息,并包含系统预设的2个参数值:第一模式参数和第一数量参数。
其中,第一模式参数具体指向为:当前页面显示模式为多标签页显示模式(简称“标签页模式”)或者单标签页显示模式(简称“单页面模式”),第一数量参数具体指向为:当页面显示模式为多标签页显示模式时的最大标签页数量。
如图6所示,在一个具体实施例中,系统的页面模式配置包括“默认页面模式”和“最大标签页值”两项参数,用户可在此界面选择将第一模式参数设置为多标签页显示模式(简称“标签页模式”)或者单标签页显示模式(简称“单页面模式”),以及自定义第一数量参数对应的最大标签页值。
S204:通过浏览器本地存储对象,存储第一模式参数(是否标签页模式)和第一数量参数(最大标签页数量)值备用。
在一个优选实施例的初始化流程中,系统可预设第一模式参数为多标签页显示模式,并预设最大标签页数量为10。最大标签页数量用于实现限制打开功能。
如图7所示,web软件页面初始化和模式切换的流程如下。
S301:判断浏览器本地存储对象是否存在个性化显示模式(即第二模式参数)。
S3021:若不存在个性化显示模式,则通过浏览器本地存储对象获取系统预设值的多标签页显示模式,并将其设置为当面用户的页面显示模式。
S3022:若存在个性化显示模式,则设置当前的页面显示模式等于用户个性化显示模式。
S303:判断当前的页面显示模式,是否为多标签页显示模式(简称“标签页模式”)。
S3041:若当前的页面显示模式不是多标签页显示模式,即为单标签页显示模式(简称“单页面模式”),则在导航栏显示区域显示“首页”的名称,在页面内容显示区域显示“首页”的页面内容;
同时,如图8所示,在导航栏显示区域右侧显示“标签页”的文字链接和“切换页面模式”的鼠标提示文字;
若用户点击此链接,页面显示模式将切换为多标签页显示模式。
S3042:若当前的页面显示模式是多标签页显示模式,则在本地存储对象创建一个菜单数组对象,并在此数组对象中插入默认首页的数据项,包含:编号、名称、地址、状态等;
同时,在导航栏显示区域新增并显示“首页”的默认标签,在页面内容显示区域显示“首页”的页面内容;
同时,如图9所示,在导航栏显示区域右侧显示“单页面”的文字链接和“切换页面模式”的鼠标提示文字;
若用户点击此链接,页面显示模式将切换为单标签页显示模式。
S305:设置个性化显示模式为切换后的当前页面显示模式,并存入浏览器本地存储对象,以备下次重新登录后使用,并强制刷新页面。
当用户下次登录时,即可从浏览器永久缓存(localStorage)读取和使用上次该用户设置的页面模式。此模式是用户个性化设置,彼此不影响,不会更改其他用户的页面模式设置。比如,用户A可以喜欢和设置“单页面”模式,用户B则可以喜欢和设置“标签页”模式。
在本实施例中,系统自动实现用户个性化显示模式的设置和存储,切合用户使用习惯,并减少了用户自主设置的繁琐操作,提高了使用便捷度。
在一个具体实施例中,如图10所示,用户点击菜单流程如下。
S401:菜单初始化,首页初始化已创建一个菜单数组对象。
S402:用户使用鼠标点击左侧菜单栏的菜单链接;点击事件触发系统进入页面判断模式。
S403:判断当前的页面显示模式是否多标签页显示模式(简称“标签页模式”)。
S4041:若为非标签页模式,则在导航栏显示区域显示步骤S402中点击的菜单的标签;在页面内容显示区域显示步骤S402中点击的菜单的页面内容;如图11和图12所示,图11为点击菜单“子菜单a2”之前的页面,图12为点击菜单“子菜单a2”之后的页面,“子菜单a2”的标签和页面内容均直接覆盖之前“子菜单a1”的内容。
S4042:若为标签页模式,则进一步判断:当前菜单数组长度是否等于第一数量参数;在本实施例中,第一数量参数具体为最大标签页数量。
S4051:若当前菜单数组长度等于最大标签页数量,如图13所示,系统将限制打开新的标签页,并在页面右上角弹出提示框;具体地,如上述另一个实施例中,设置最大标签页数量为10,提示框内的文字内容可显示为“您最多可以同时打开10个标签页,请关闭一些标签页再试!”或其他类似提醒内容。
S4052:若当前菜单数组长度小于最大标签页数量,则进一步判断,当前菜单数组长度是否大于等于第二数量参数;在在一个优选的实施例中,第二数量参数具体为“提醒标签页数量”,提醒标签页数量可定义为最大标签页数量的一半,或自定义其他小于最大标签页数量且大于1的整数。
S4061:若当前菜单数组长度大于等于提醒标签页数量,如图14所述,标签页面的导航栏显示区域自动显示“关闭其它标签页”按钮,该按钮对应批量关闭其它标签页功能;
当用户点击“关闭其它标签页”按钮,如图15所示,其他标签页均被批量关闭,导航栏显示区域只留下当前显示的菜单对应的标签;
同时,因为当前菜单数组长度被重置为1,当前菜单数组长度小于提醒标签页数量,导航栏显示区域不再显示“关闭其它标签页”按钮。
S4062:若当前菜单数组长度小于提醒标签页数量,则判断当前点击菜单数据项是否已经打开过,是否已经存在于菜单数组对象中;判断方式具体可以为:遍历当前菜单数组对象中的每一个元素,判断是否有某一元素的编号等于当前点击菜单的编号。
S4071:若当前菜单数组对象中不存在当前点击菜单数据项,则往菜单数组对象中插入当前点击菜单都数据项,包含:编号、名称、地址、状态等。
S4072:若当前菜单数组对象中已存在当前点击菜单数据项,或经过步骤S4071插入了当前点击菜单都数据项,则设置当前点击菜单数据项的状态为激活,设置菜单数组对象内都其它菜单数据项的状态为非激活。
S408:如之前所述的实施例,页面内容显示区域切换为激活状态的菜单对应的页面内容,隐藏非激活状态菜单对应的页面内容。
本实施例所提供的一种web软件页面的显示模式切换方法,为多标签页页面显示模式增加了限制打开功能和批量关闭功能。限制打开功能可防止用户打开过多标签页带来的加载速度变慢等问题,批量关闭功能则可实现一键快捷关闭多个标签页,方便了用户的操作,优化了用户的使用体验。
与前述web软件页面的显示模式切换方法相对应,本申请实施例还提供一种web软件页面的显示模式切换装置,所述web软件的页面包括菜单栏显示区域、导航栏显示区域和页面内容显示区域,所述装置包括:
第一接收模块,用于从所述菜单栏显示区域接收到第一菜单的点击事件;
第一获取模块,用于从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式;
第一添加模块,用于当为多标签页显示模式时,向菜单数组对象中添加所述第一菜单的标识参数和状态参数,其中,所述菜单数组对象用于装载每个被打开的菜单的所述标识参数和所述状态参数;
第一设置模块,用于将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;
第一显示模块,用于在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容。
在一实施例中,web软件页面的显示模式切换装置还包括:
第二显示模块,用于当为单标签页显示模式时,在所述导航栏显示区域显示所述第一标签,并覆盖当前显示的标签;
第三显示模块,用于在所述页面内容显示区域显示该第一菜单对应的页面内容,并覆盖当前的页面内容。
在一实施例中,web软件页面的显示模式切换装置还包括:
第二获取模块,用于在所述第一获取模块从所述web软件的本地存储对象中获取第一模式参数后,从所述web软件的本地存储对象中,获取第一数量参数;
第一判断模块,用于判断所述菜单数组对象的长度是否等于所述第一数量参数;
第四显示模块,用于如果所述菜单数组对象的长度等于所述第一数量参数,则在所述web软件页面弹出提示,所述提示用于指示不允许打开更多的标签。
在一实施例中,web软件页面的显示模式切换装置还包括:
第三获取模块,用于在所述第一获取模块从所述web软件的本地存储对象中获取第一模式参数后,从所述web软件的本地存储对象中,获取第二数量参数,所述第二数量参数小于所述第一数量参数;
第二判断模块,用于判断所述菜单数组对象的长度是否大于所述第二数量参数,
第五显示模块,用于如果所述菜单数组对象的长度大于所述第二数量参数,则在所述导航栏显示区域显示批量关闭按钮,当所述批量关闭按钮被点击时,所述web软件页面关闭所述菜单数组对象中为非激活状态的菜单的标签。
在一实施例中,web软件页面的显示模式切换装置还包括:
第三判断模块,用于在所述第一获取模块从所述web软件的本地存储对象中获取第一模式参数后,遍历所述菜单数组对象,判断所述菜单数组对象中是否已存在所述第一菜单的标识参数和状态参数;
第二设置模块,用于如果所述菜单数组对象中已存在所述第一菜单的标识参数和状态参数,则将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态。
在一实施例中,web软件页面的显示模式切换装置还包括:
第四获取模块,用于当用户登录所述web软件后,从所述web软件的本地存储对象中,获取当前登录用户对应的第二模式参数;
第三设置模块,用于使所述第一模式参数的值等于所述第二模式参数;
第二添加模块,用于创建所述菜单数组对象,并在所述菜单数组对象中插入所述web软件的首页的标识参数和状态参数。
在一实施例中,web软件页面的显示模式切换装置还包括:
第五获取模块,用于当用户登录所述web软件后,从服务器中获取所述预设的显示模式和所述第一数量参数;
第一存储模块,用于将所述预设的显示模式和所述第一数量参数存储于所述web软件的本地存储对象中。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
应当理解的是,本申请实施例并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请实施例的范围仅由所附的权利要求来限制。
以上所述实施例仅表达了本申请实施例的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请实施例构思的前提下,还可以做出若干变形和改进,这些都属于本申请实施例的保护范围。
Claims (8)
1.一种web软件页面的显示模式切换方法,所述web软件的页面内包括菜单栏显示区域、导航栏显示区域和页面内容显示区域,其特征在于,所述方法包括:
从所述菜单栏显示区域接收到第一菜单的点击事件;
从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式;
当为多标签页显示模式时,从所述web软件的本地存储对象中,获取第一数量参数,所述第一数量参数用于指示所述web软件的页面能打开的标签的最大数量;
判断菜单数组对象的长度是否等于所述第一数量参数,其中,所述菜单数组对象用于装载每个被打开的菜单的标识参数和状态参数;
如果是,则在所述web软件页面弹出提示,所述提示用于指示不允许打开更多的标签;
如果否,向预先建立的菜单数组对象中添加所述第一菜单的标识参数和状态参数;
将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;
在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容;
从所述web软件的本地存储对象中,获取第二数量参数,所述第二数量参数小于所述第一数量参数;
判断所述菜单数组对象的长度是否大于所述第二数量参数,如果是,则在所述导航栏显示区域显示批量关闭按钮,当所述批量关闭按钮被点击时,所述web软件页面关闭所述菜单数组对象中为非激活状态的菜单的标签。
2.根据权利要求1所述的一种web软件页面的显示模式切换方法,其特征在于,当为单标签页显示模式时,还包括:
在所述导航栏显示区域显示所述第一标签,并覆盖当前显示的标签;
在所述页面内容显示区域显示该第一菜单对应的页面内容,并覆盖当前的页面内容。
3.根据权利要求1所述的一种web软件页面的显示模式切换方法,其特征在于,所述获取第一模式参数后,还包括:
遍历所述菜单数组对象,判断所述菜单数组对象中是否已存在所述第一菜单的标识参数和状态参数;
如果是,将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态。
4.根据权利要求1所述的一种web软件页面的显示模式切换方法,其特征在于,所述从所述web软件的本地存储对象中,获取第一模式参数,包括:
当用户登录所述web软件后,从所述web软件的本地存储对象中,获取当前登录用户对应的第二模式参数;
使所述第一模式参数的值等于所述第二模式参数;
创建所述菜单数组对象,并在所述菜单数组对象中插入所述web软件的首页的标识参数和状态参数。
5.根据权利要求4所述的一种web软件页面的显示模式切换方法,其特征在于,如果所述web软件的本地存储对象中不存在当前登录用户对应的第二模式参数,则还包括:
从所述web软件的本地存储对象中获取预设的页面显示模式;
将第一模式参数设置为该预设的页面显示模式;
在所述web软件的本地存储对象中创建所述第二模式参数,并使其等于所述预设的页面显示模式。
6.根据权利要求5所述的一种web软件页面的显示模式切换方法,其特征在于,当用户登录所述web软件后,还包括:
从服务器中获取所述预设的显示模式和所述第一数量参数,并将所述预设的显示模式和所述第一数量参数存储于所述web软件的本地存储对象中。
7.根据权利要求1所述的一种web软件页面的显示模式切换方法,其特征在于:
所述标识参数包括以下至少一项:
所述菜单的编号、名称、地址。
8.一种web软件页面的显示模式切换装置,所述web软件的页面包括菜单栏显示区域、导航栏显示区域和页面内容显示区域,其特征在于,所述装置包括:
第一接收模块,用于从所述菜单栏显示区域接收到第一菜单的点击事件;
第一获取模块,用于从所述web软件的本地存储对象中,获取第一模式参数,所述第一模式参数用于指示所述web软件当前的页面显示模式为多标签页显示模式或单标签页显示模式;
第二获取模块,用于当为多标签页模式时,从所述web软件的本地存储对象中,获取第一数量参数,所述第一数量参数用于指示所述web软件的页面能打开的标签的最大数量;
第一判断模块,用于判断菜单数组对象的长度是否等于所述第一数量参数,其中,所述菜单数组对象用于装载每个被打开的菜单的标识参数和状态参数;
第一提示模块,用于当所述菜单数组对象的长度等于所述第一数量参数时,在所述web软件页面弹出提示,所述提示用于指示不允许打开更多的标签;
第一添加模块,用于当为多标签页显示模式且所述菜单数组对象的长度不等于所述第一数量参数时,向菜单数组对象中添加所述第一菜单的标识参数和状态参数,其中,所述菜单数组对象用于装载每个被打开的菜单的所述标识参数和所述状态参数;
第一设置模块,用于将所述第一菜单的状态参数设置为激活状态,将所述菜单数组对象中装载的其他菜单的状态参数设置为非激活状态;
第一显示模块,用于在所述导航栏显示区域新增并激活该第一菜单对应的第一标签,以及在所述页面内容显示区域显示该第一菜单对应的第一页面内容,并隐藏未被激活的所述标签对应的页面内容,其中,所述导航栏显示区域显示有所述菜单数组对象中装载的每个被打开的所述菜单对应的所述标签,所述页面内容显示区域隐藏有所述菜单数组对象中装载的每个被打开的所述菜单对应的页面内容;
第三获取模块,用于从所述web软件的本地存储对象中,获取第二数量参数,所述第二数量参数小于所述第一数量参数;
第二判断模块,用于判断所述菜单数组对象的长度是否大于所述第二数量参数,如果是,则在所述导航栏显示区域显示批量关闭按钮,当所述批量关闭按钮被点击时,所述web软件页面关闭所述菜单数组对象中为非激活状态的菜单的标签。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110577514.3A CN113010823B (zh) | 2021-05-26 | 2021-05-26 | web软件页面的显示模式切换方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110577514.3A CN113010823B (zh) | 2021-05-26 | 2021-05-26 | web软件页面的显示模式切换方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113010823A CN113010823A (zh) | 2021-06-22 |
CN113010823B true CN113010823B (zh) | 2021-09-17 |
Family
ID=76380837
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110577514.3A Active CN113010823B (zh) | 2021-05-26 | 2021-05-26 | web软件页面的显示模式切换方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113010823B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114780189A (zh) * | 2022-04-13 | 2022-07-22 | 北京锐安科技有限公司 | 页面导航方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101546324A (zh) * | 2008-12-30 | 2009-09-30 | 魏新成 | 通过互联网任务栏控制网页窗口和任务窗口的方法 |
CN101833576A (zh) * | 2010-04-23 | 2010-09-15 | 广州联炬科技企业孵化器有限公司 | 一种添加网站快捷导航菜单的方法 |
CN103324694A (zh) * | 2013-06-01 | 2013-09-25 | 魏新成 | 在浏览器地址搜索框中单击左键激活显示导航浏览器窗口 |
CN103336797A (zh) * | 2013-06-13 | 2013-10-02 | 魏新成 | 在电脑屏幕上边缘滚动鼠标滚轮激活显示导航浏览器窗口 |
CN103631653A (zh) * | 2012-08-29 | 2014-03-12 | 中兴通讯股份有限公司 | 一种调整移动终端标签的方法及装置 |
CN106897361A (zh) * | 2017-01-10 | 2017-06-27 | 中电科华云信息技术有限公司 | 基于树状结构的标签页分组管理系统及方法 |
CN111309413A (zh) * | 2019-08-28 | 2020-06-19 | 拉扎斯网络科技(上海)有限公司 | 界面的显示方法、装置、电子设备及存储介质 |
-
2021
- 2021-05-26 CN CN202110577514.3A patent/CN113010823B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101546324A (zh) * | 2008-12-30 | 2009-09-30 | 魏新成 | 通过互联网任务栏控制网页窗口和任务窗口的方法 |
CN101833576A (zh) * | 2010-04-23 | 2010-09-15 | 广州联炬科技企业孵化器有限公司 | 一种添加网站快捷导航菜单的方法 |
CN103631653A (zh) * | 2012-08-29 | 2014-03-12 | 中兴通讯股份有限公司 | 一种调整移动终端标签的方法及装置 |
CN103324694A (zh) * | 2013-06-01 | 2013-09-25 | 魏新成 | 在浏览器地址搜索框中单击左键激活显示导航浏览器窗口 |
CN103336797A (zh) * | 2013-06-13 | 2013-10-02 | 魏新成 | 在电脑屏幕上边缘滚动鼠标滚轮激活显示导航浏览器窗口 |
CN106897361A (zh) * | 2017-01-10 | 2017-06-27 | 中电科华云信息技术有限公司 | 基于树状结构的标签页分组管理系统及方法 |
CN111309413A (zh) * | 2019-08-28 | 2020-06-19 | 拉扎斯网络科技(上海)有限公司 | 界面的显示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113010823A (zh) | 2021-06-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8706169B2 (en) | Interface overlay | |
US10921983B2 (en) | Toolbar dashboard functionality | |
US20210021557A1 (en) | Title provisioning for event notification on a mobile device | |
US10216375B2 (en) | Closing a child application window of a parent window | |
AU2006280934B2 (en) | Software architecture for displaying information content from plug-in modules in a user interface | |
US20120102433A1 (en) | Browser Icon Management | |
US8893014B1 (en) | Deferred loading of a web page | |
WO2011073084A1 (en) | Abbreviated user interface for instant messaging to minimize active window focus changes | |
US20100031198A1 (en) | Data-Oriented User Interface for Mobile Device | |
US20130268853A1 (en) | Mobile terminal comprising a man/machine interface | |
CN111857453B (zh) | 功能界面展示方法、计算机设备及存储介质 | |
CN106775727B (zh) | 一种移动终端的控制方法及装置 | |
CN110851045A (zh) | 信息显示方法及装置、电子设备和计算机可读存储介质 | |
CN113010823B (zh) | web软件页面的显示模式切换方法和装置 | |
CN111309413B (zh) | 界面的显示方法、装置、电子设备及存储介质 | |
CN106817618B (zh) | 弹窗显示方法及装置、包括该弹窗显示装置的电子设备 | |
CN112130908A (zh) | 设置用户引导的方法及装置 | |
CN109408143A (zh) | 软件启动方法及装置 | |
US7363588B2 (en) | GUI for organizational environment |
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 | ||
CP02 | Change in the address of a patent holder |
Address after: 510000 room 23bd, No. 109, system West Road, Tianhe District, Guangzhou City, Guangdong Province Patentee after: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd. Address before: 32B, no.103b, TianLiHe Road, Guangzhou, 510000 Patentee before: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd. |
|
CP02 | Change in the address of a patent holder |