一种导航栏的切换方法、装置、电子设备及存储介质与流程

1.本发明涉及计算机技术领域，尤其涉及一种导航栏的切换方法、装置、电子设备及存储介质。


背景技术：

2.页面菜单导航是为网页访问者提供的一种方便访问到所需内容的途径、技术手段和提示工具。在页面布局中，菜单导航是不可缺少的一部分，随着前端布局的发展，目前常用的菜单导航为顶部导航栏和侧边导航栏两种。
3.侧边导航栏是位于页面左右两侧的菜单导航栏，通常以左侧导航栏为主。侧边导航栏能使用户更清晰地看到每一个导航菜单，顶部导航栏能给内容页面预留更多的展示空间。
4.但是，现有的页面布局中导航栏的位置通常都是固定的。由于不同内容页面可能需要的展示空间大小不同，并且不同用户对页面的操作习惯也并不一致，现有技术中缺乏一种便于用户自主切换导航栏位置的方法。


技术实现要素：

5.本发明提供了一种导航栏的切换方法、装置、电子设备及存储介质，可以实现用户对应用页面中的导航栏进行自主切换，满足用户对大面积内容页面的展示需求。
6.根据本发明的一方面，提供了一种导航栏的切换方法，包括：
7.在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型；目标页面中包括：导航页面和内容页面；
8.根据所述导航栏切换类型，识别目标导航栏，其中，在所述目标页面中，不同导航栏对应不同的展示区域；
9.将所述导航页面中当前展示的导航栏切换为所述目标导航栏；
10.根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整。
11.可选的，将所述导航页面中当前展示的导航栏切换为所述目标导航栏，包括：
12.获取与所述导航页面匹配的参数配置文件，在所述参数配置文件中获取当前展示的导航栏对应的业务逻辑代码，在所述业务逻辑代码中将当前展示的导航栏对应的展示参数设置为隐藏；
13.在所述参数配置文件中获取与所述目标导航栏对应的目标业务逻辑代码，在所述目标业务逻辑代码中将目标导航栏对应的展示参数设置为显示；
14.通过运行所述参数配置文件，完成当前展示的导航栏到目标导航栏之间的切换。
15.可选的，根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整，包括：
16.根据导航页面中的侧边展示区域，和/或顶部展示区域，确定内容展示更新区域；
17.根据所述目标导航栏所在的展示区域，将所述内容页面按照内容展示更新区域的尺寸，进行至少一个方向上的拉伸或收缩。
18.可选的，在响应于导航栏切换请求之前，还包括：
19.在前端界面设计引擎中，建立不同展示区域对应的多个菜单组件，以及各菜单组件对应的配置参数；
20.通过所述前端界面设计引擎，根据各菜单组件对应的配置参数，生成不同展示区域下导航栏分别对应的业务逻辑代码；
21.其中，所述导航栏中包括多个菜单组件。
22.可选的，建立不同展示区域对应的多个菜单组件，包括：
23.根据目标展示区域的尺寸，判断所述目标展示区域中是否支持对全部菜单组件进行展示；
24.若否，则将各菜单组件按照预设优先级进行排列，并根据排列结果将末尾多个菜单组件进行组合，得到目标展示区域对应的导航栏。
25.可选的，在按照所述内容展示更新区域，对所述内容页面进行尺度调整之后，还包括：
26.将所述导航页面匹配的参数配置文件保存至预设的存储单元中；
27.响应于对目标页面的展示请求，从所述存储单元中获取所述导航页面匹配的参数配置文件，通过运行所述参数配置文件，得到导航页面。
28.根据本发明的另一方面，提供了一种导航栏的切换装置，所述装置包括：
29.转换类型获取模块，用于在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型；目标页面中包括：导航页面和内容页面；
30.导航栏识别模块，用于根据所述导航栏切换类型，识别目标导航栏，其中，在所述目标页面中，不同导航栏对应不同的展示区域；
31.导航栏切换模块，用于将所述导航页面中当前展示的导航栏切换为所述目标导航栏；
32.页面调整模块，用于根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整。
33.根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：
34.至少一个处理器；以及
35.与所述至少一个处理器通信连接的存储器；其中，
36.所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的导航栏的切换方法。
37.根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的导航栏的切换方法。
38.根据本发明的另一方面，提供了一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现本发明任一实施例所述的导航栏的切换方法。
39.本发明实施例提供的技术方案，通过在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型，根据导航栏切换类型，识别目标导航栏，将导航页面中当前展示的导航栏切换为目标导航栏，根据目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整的技术手段，可以实现用户对应用页面中的导航栏进行自主切换；保证导航栏切换结果的有效性；可以在导航栏切换时，快速获取目标导航栏对应的业务逻辑代码，节省导航栏的切换时间，提高导航栏的切换效率；可以节省菜单组件占用的页面资源；不需要使用单独的窗口展示内容页面，通过对内容页面自动拉伸，即可满足用户对大面积内容页面的展示需求，提高用户对内容页面的观看体验；通过对用户针对导航栏最近一次的配置文件进行记录，可以使目标页面自动匹配用户的使用习惯，提高用户对应用程序的使用体验。
40.应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
41.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
42.图1a是根据本发明实施例提供的一种导航栏的切换方法的流程图；
43.图1b是根据本发明实施例提供的一种目标页面的示意图；
44.图1c是根据本发明实施例提供的另一种目标页面的示意图；
45.图1d是根据本发明实施例提供的另一种目标页面的示意图；
46.图1e是根据本发明实施例提供的另一种目标页面的示意图；
47.图2a是根据本发明实施例提供的另一种导航栏的切换方法的流程图；
48.图2b是根据本发明实施例提供的另一种目标页面的示意图；
49.图2c是根据本发明实施例提供的另一种目标页面的示意图；
50.图2d是根据本发明实施例提供的另一种目标页面的示意图；
51.图3是根据本发明实施例提供的一种导航栏的切换装置的结构示意图；
52.图4是实现本发明实施例的导航栏的切换方法的电子设备的结构示意图。
具体实施方式
53.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
54.需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或
描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
55.图1a为本发明实施例一提供的一种导航栏的切换方法的流程图，本实施例可适用于用户对应用页面中的导航栏位置进行切换的情况，该方法可以由导航栏的切换装置来执行，该导航栏的切换装置可以采用硬件和/或软件的形式实现，该导航栏的切换装置可配置于具备数据处理功能的电子设备(例如终端或者服务器)中。如图1a所示，该方法包括：
56.步骤110、在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型。
57.在本实施例中，所述目标页面可以为应用程序的展示页面，所述目标页面中包括导航页面和内容页面。导航页面用于展示应用程序的导航栏，内容页面可以为，应用程序向用户展示具体内容或资源的页面。具体的，所述导航栏可以包括多个菜单组件，用于链接应用程序中的各个站点以及页面。
58.在一个具体的实施例中，图1b可以为一种目标页面的示意图，如图1b所示，目标页面中可以包括导航页面101和内容页面102。导航页面101中可以包括顶部展示区域和侧边展示区域，顶部展示区域用于对顶部导航栏进行展示，侧边展示区域用于对侧边导航栏进行展示。在目标页面的展示过程中，通常仅对顶部导航栏或者侧边导航栏进行展示。
59.在本实施例中，检测到用户首次触发目标页面的展示请求后，应用程序会根据默认的导航栏展示位置，将导航栏展示在导航页面对应的展示区域中。在目标页面的展示过程中，如果用户想要对导航栏的位置进行切换，则可以触发目标页面中的导航栏切换按钮，以发起导航栏切换请求。
60.在此步骤中，检测到用户触发导航栏切换按钮后，可以根据所述导航栏切换按钮的属性，确定导航栏切换类型。具体的，假设用户触发的导航栏切换按钮的名称为“侧边导航栏”，则可以确定导航栏切换类型为将当前展示的导航栏切换为侧边导航栏；假设用户触发的导航栏切换按钮的名称为“顶部导航栏”，则可以确定导航栏切换类型为将当前展示的导航栏切换为顶部导航栏。
61.步骤120、根据所述导航栏切换类型，识别目标导航栏，其中，在所述目标页面中，不同导航栏对应不同的展示区域。
62.在此步骤中，可以将导航栏切换类型中指向的最终导航栏作为目标导航栏。例如，假设导航栏切换类型为将当前展示的导航栏切换为侧边导航栏，则可以将侧边导航栏作为目标导航栏；假设导航栏切换类型为将当前展示的导航栏切换为顶部导航栏，则可以将顶部导航栏作为目标导航栏。
63.在本实施例中，不同的导航栏对应不同的展示区域。例如，侧边导航栏对应于导航页面的侧边展示区域，顶部导航栏对应于导航页面的顶部展示区域。
64.步骤130、将所述导航页面中当前展示的导航栏切换为所述目标导航栏。
65.在此步骤中，可选的，可以将导航页面中当前展示的导航栏进行隐藏，并将目标导航栏展示在对应的展示区域中。
66.在一个具体的实施例中，可以在目标页面对应的配置信息中，将当前展示的导航
栏的展示属性设置为“关闭”，并将目标导航栏的展示属性设置为“开启”，以完成当前展示的导航栏至目标导航栏的切换过程。
67.在一个具体的实施例中，假设用户首次触发目标页面的展示请求后，应用程序展示的目标页面如图1c所示，其中导航栏位于导航页面的顶部展示区域中，导航栏中包括菜单组件1、菜单组件2
……
菜单组件5。假设用户触发了“侧边导航栏”的切换按钮，则可以得到导航栏切换后的目标页面，如图1d所示。
68.这样设置的好处在于，可以实现用户对应用页面中的导航栏进行自主切换，满足不同用户对应用页面的操作习惯，提高用户对应用程序的使用体验。
69.步骤140、根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整。
70.在本实施例中，在对导航栏的位置进行切换以后，可以根据目标导航栏所在的展示区域，获取另一导航栏展示区域中的空白区域作为内容展示更新区域，并按照所述内容展示更新区域对内容页面进行尺度调整。
71.在一个具体的实施例中，假设目标导航栏所在的展示区域为顶部展示区域，由于侧边展示区域中需要展示的元素变少，因此可以将侧边展示区域中的空白区域作为内容展示更新区域，并按照所述内容展示更新区域对内容页面的进行横向拉伸。反之，当目标导航栏所在的展示区域为侧边展示区域，由于顶部展示区域中需要展示的元素变少，因此可以将顶部展示区域中的空白区域作为内容展示更新区域，并按照所述内容展示更新区域对内容页面的进行纵向拉伸。
72.以图1d中的目标页面为例，假设用户触发了“顶部导航栏”的切换按钮，则可以将侧边导航栏切换为顶部导航栏，并对内容页面进行横向拉伸，得到如图1e所示的目标页面。
73.这样设置的好处在于，可以满足用户对大面积内容页面的展示需求，提高导航栏展示方式的灵活性。
74.本发明实施例提供的技术方案，通过在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型，根据导航栏切换类型，识别目标导航栏，将导航页面中当前展示的导航栏切换为目标导航栏，根据目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整的技术手段，可以实现用户对应用页面中的导航栏进行自主切换，满足用户对大面积内容页面的展示需求。
75.图2a为本发明实施例二提供的一种导航栏的切换方法的流程图，本实施例与上述实施例之间的关系是追加了切换导航栏的技术特征。如图2a所示，该方法包括：
76.步骤210、在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型。
77.步骤220、根据所述导航栏切换类型，识别目标导航栏。
78.步骤230、获取与所述导航页面匹配的参数配置文件，在所述参数配置文件中获取当前展示的导航栏对应的业务逻辑代码，在所述业务逻辑代码中将当前展示的导航栏对应的展示参数设置为隐藏。
79.在此步骤中，可以从预设的存储器中获取与导航页面匹配的参数配置文件，所述参数配置文件中包括导航页面中全部组件对应的业务逻辑代码。具体的，可以根据当前展
示的导航栏对应的组件标识，在参数配置文件中获取对应的业务逻辑代码，并在所述业务逻辑代码中将当前展示的导航栏对应的展示参数设置为隐藏。
80.步骤240、在所述参数配置文件中获取与所述目标导航栏对应的目标业务逻辑代码，在所述目标业务逻辑代码中将目标导航栏对应的展示参数设置为显示。
81.在此步骤中，可以根据目标导航栏对应的组件标识，在参数配置文件中获取目标导航栏对应的目标业务逻辑代码，并在所述目标业务逻辑代码中将目标导航栏对应的展示参数设置为显示。
82.步骤250、通过运行所述参数配置文件，完成当前展示的导航栏到目标导航栏之间的切换。
83.在此步骤中，可以通过运行参数文件中各个组件的业务逻辑代码，渲染得到新的导航页面，以完成当前展示的导航栏到目标导航栏之间的切换。
84.这样设置的好处在于，通过在参数配置文件中对业务逻辑代码中的展示参数进行修改，可以保证导航栏切换结果的有效性，提高导航栏的切换效率。
85.在本实施例的一个实施方式中，在响应于导航栏切换请求之前，还包括：在预设的前端界面设计引擎中，建立不同展示区域对应的多个菜单组件，以及各菜单组件对应的配置参数；通过所述前端界面设计引擎，根据各菜单组件对应的配置参数，生成不同展示区域下导航栏分别对应的业务逻辑代码；其中，所述导航栏中包括多个菜单组件。其中，所述前端界面设计引擎可以是elementui，或者其他支持页面组件配置的开发引擎。
86.在一个具体的实施例中，可以根据不同展示区域对应的不同位置，建立对应的菜单组件，以及各菜单组件对应的配置参数(例如坐标、展示样式、颜色以及字体等)，然后通过前端界面设计引擎，根据各菜单组件对应的配置参数，生成不同展示区域下导航栏(例如顶部导航栏与侧边导航栏)分别对应的业务逻辑代码。
87.其中，可以根据各菜单组件之间的依赖关系，将各菜单组件对应的配置参数按照树形结构进行封装，前端界面设计引擎可以根据封装后的配置参数，生成对应的业务逻辑代码。具体的，假设菜单组件a中包括子菜单组件b和子菜单组件c，则菜单组件a的显示参数可以设为menu，子菜单组件b和子菜单组件c对应的显示参数可以设为submenu。
88.这样设置的好处在于，通过预先建立不同展示区域对应的多个菜单组件，以及各菜单组件对应的配置参数，便于在导航栏切换时，快速获取目标导航栏对应的业务逻辑代码，由此可以节省导航栏的切换时间，提高导航栏的切换效率。
89.在本实施例中，建立不同展示区域对应的多个菜单组件，包括：根据目标展示区域的尺寸，判断所述目标展示区域中是否支持对全部菜单组件进行展示；若否，则将各菜单组件按照预设优先级进行排列，并根据排列结果将末尾多个菜单组件进行组合，得到目标展示区域对应的导航栏。
90.其中，可以根据目标展示区域的尺寸，以及各菜单组件的尺寸，判断目标展示区域中是否能够对全部菜单组件进行展示，如果是，则通过前端界面设计引擎根据各菜单组件的配置参数，生成对应的业务逻辑代码；如果否，则可以对优先级较低的多个菜单组件进行组合，得到菜单组件块，并将剩余的多个菜单组件以及菜单组件块作为目标展示区域的导航栏。
91.在一个具体的实施例中，假设导航栏中包括菜单组件1、菜单组件2、菜单组件3、菜
单组件4
……
菜单组件8，当顶部展示区域的面积较小，不能够对全部菜单组件进行展示时，可以将各菜单组件按照优先级进行排列，并将优先级较低的几个菜单组件(假设为菜单组件2、菜单组件4、菜单组件7和菜单组件8)进行组合得到菜单组件块，然后将剩余的菜单组件以及菜单组件块共同展示在顶部展示区域中，如图2b所示。
92.这样设置的好处在于，一方面可以节省菜单组件占用的页面资源，另一方面通过将优先级较高的菜单组件直接展示给用户，便于用户快速获取需要触发的菜单组件，提高用户对应用程序的使用体验。
93.步骤260、根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整。
94.在本实施例的一个实施方式中，根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整，包括：根据导航页面中的侧边展示区域，和/或顶部展示区域，确定内容展示更新区域；根据所述目标导航栏所在的展示区域，将所述内容页面按照内容展示更新区域，进行至少一个方向上的拉伸或收缩。
95.在一个具体的实施例中，可以直接将导航页面中的侧边展示区域作为内容展示更新区域。如果目标导航栏所在的展示区域为顶部展示区域，则可以按照内容展示更新区域的宽度对内容页面进行横向拉伸；如果目标导航栏所在的展示区域为侧边展示区域，则可以按照内容展示更新区域的宽度，对内容页面进行横向收缩。
96.以图2c中的目标页面为例，其中侧边导航栏包括以下菜单组件：首页、菜单一、菜单二、menu3、基本、表单、弹窗、表格、图标以及其他。当用户触发“顶部菜单”按钮后，可以将各菜单组件切换至顶部展示区域，并按照侧边展示区域的宽度对内容页面进行横向拉伸，得到如图2d所示的目标页面。
97.在另一个具体的实施例中，可以将导航页面中的侧边展示区域和顶部展示区域作为内容展示更新区域。如果目标导航栏所在的展示区域为顶部展示区域，则可以按照侧边展示区域的宽度对内容页面进行横向拉伸，并按照顶部展示区域的高度对内容页面进行纵向收缩；如果目标导航栏所在的展示区域为侧边展示区域，则可以按照侧边展示区域的宽度对内容页面进行横向收缩，并按照顶部展示区域的高度对内容页面进行纵向拉伸。
98.这样设置的好处在于，不需要使用单独的窗口展示内容页面，通过对内容页面自动拉伸，即可满足用户对大面积内容页面的展示需求，由此可以提高用户对内容页面的观看体验。
99.本发明实施例提供的技术方案，通过在目标页面的展示过程中，响应于导航栏切换请求获取导航栏切换类型，根据导航栏切换类型识别目标导航栏，获取与导航页面匹配的参数配置文件，在参数配置文件中将当前展示的导航栏对应的展示参数设为隐藏，将目标导航栏对应的展示参数设为显示，通过运行参数配置文件完成当前展示的导航栏到目标导航栏之间的切换，根据目标导航栏所在的展示区域，在目标页面中确定内容展示更新区域，并按照内容展示更新区域，对内容页面进行尺度调整的技术手段，可以实现用户对应用页面中的导航栏进行自主切换，满足用户对大面积内容页面的展示需求。
100.在上述实施例的基础上，在按照内容展示更新区域，对内容页面进行尺度调整之后，还包括：将导航页面匹配的参数配置文件保存至预设的存储单元中；响应于对目标页面
的展示请求，从存储单元中获取导航页面匹配的参数配置文件，通过运行参数配置文件，得到导航页面。
101.在本实施例中，在用户对导航栏切换完成之后，如果用户再次触发了目标页面的展示请求，则可以从存储单元中获取最近一次保存的导航页面的参数配置文件，并通过运行所述参数配置文件，得到导航页面。
102.这样设置的好处在于，通过对用户针对导航栏最近一次的配置文件进行记录，可以使目标页面自动匹配用户的使用习惯，提高用户对应用程序的使用体验。
103.图3为本发明实施例三提供的一种导航栏的切换装置的结构示意图，如图3所示，该装置包括：转换类型获取模块310、导航栏识别模块320、导航栏切换模块330和页面调整模块340。
104.其中，转换类型获取模块310，用于在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型；目标页面中包括：导航页面和内容页面；
105.导航栏识别模块320，用于根据所述导航栏切换类型，识别目标导航栏，其中，在所述目标页面中，不同导航栏对应不同的展示区域；
106.导航栏切换模块330，用于将所述导航页面中当前展示的导航栏切换为所述目标导航栏；
107.页面调整模块340，用于根据所述目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整。
108.本发明实施例提供的技术方案，通过在目标页面的展示过程中，响应于导航栏切换请求，获取导航栏切换类型，根据导航栏切换类型，识别目标导航栏，将导航页面中当前展示的导航栏切换为目标导航栏，根据目标导航栏所在的展示区域，在所述目标页面中确定内容展示更新区域，并按照所述内容展示更新区域，对所述内容页面进行尺度调整的技术手段，可以实现用户对应用页面中的导航栏进行自主切换，满足用户对大面积内容页面的展示需求。
109.在上述实施例的基础上，所述导航栏切换模块330包括：
110.隐藏单元，用于获取与所述导航页面匹配的参数配置文件，在所述参数配置文件中获取当前展示的导航栏对应的业务逻辑代码，在所述业务逻辑代码中将当前展示的导航栏对应的展示参数设置为隐藏；
111.显示单元，用于在所述参数配置文件中获取与所述目标导航栏对应的目标业务逻辑代码，在所述目标业务逻辑代码中将目标导航栏对应的展示参数设置为显示；
112.文件运行单元，用于通过运行所述参数配置文件，完成当前展示的导航栏到目标导航栏之间的切换。
113.页面调整模块340包括：
114.区域确定单元，用于根据导航页面中的侧边展示区域，和/或顶部展示区域，确定内容展示更新区域；
115.页面尺寸调整单元，用于根据所述目标导航栏所在的展示区域，将所述内容页面按照内容展示更新区域的尺寸，进行至少一个方向上的拉伸或收缩。
116.所述导航栏的切换装置，还包括：
117.菜单组件建立模块，用于在前端界面设计引擎中，建立不同展示区域对应的多个
菜单组件，以及各菜单组件对应的配置参数；
118.代码生成模块，用于通过前端界面设计引擎，根据各菜单组件对应的配置参数，生成不同展示区域下导航栏分别对应的业务逻辑代码；
119.其中，所述导航栏中包括多个菜单组件；
120.区域判断模块，用于根据目标展示区域的尺寸，判断所述目标展示区域中是否支持对全部菜单组件进行展示；
121.菜单排列模块，用于所述目标展示区域中不支持对全部菜单组件进行展示时，将各菜单组件按照预设优先级进行排列，并根据排列结果将末尾多个菜单组件进行组合，得到目标展示区域对应的导航栏；
122.配置文件保存模块，用于将所述导航页面匹配的参数配置文件保存至预设的存储单元中；
123.配置文件获取模块，用于响应于对目标页面的展示请求，从所述存储单元中获取所述导航页面匹配的参数配置文件，通过运行所述参数配置文件，得到导航页面。
124.上述装置可执行本发明前述所有实施例所提供的方法，具备执行上述方法相应的功能模块和有益效果。未在本发明实施例中详尽描述的技术细节，可参见本发明前述所有实施例所提供的方法。
125.图4示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。
126.如图4所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(rom)12、随机访问存储器(ram)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(rom)12中的计算机程序或者从存储单元18加载到随机访问存储器(ram)13中的计算机程序，来执行各种适当的动作和处理。在ram 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、rom 12以及ram 13通过总线14彼此相连。输入/输出(i/o)接口15也连接至总线14。
127.电子设备10中的多个部件连接至i/o接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
128.处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如导航栏的切换方法。
129.在一些实施例中，导航栏的切换方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以
经由rom 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到ram 13并由处理器11执行时，可以执行上文描述的导航栏的切换方法的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行导航栏的切换方法。
130.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
131.用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
132.在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
133.为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
134.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)、区块链网络和互联网。
135.计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过
通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与vps服务中，存在的管理难度大，业务扩展性弱的缺陷。
136.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。
137.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。