CN113407284A - 导航界面的生成方法、装置、存储介质及电子设备 - Google Patents

Abstract

本申请公开了一种导航界面的生成方法、装置、存储介质和电子设备，该方法包括：根据业务场景选择导航业务模板；将所述导航业务模板加载到导航设计区；基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。本申请的动态生成的导航界面的方式，建立“即需‑即配‑即用”的导航创新应用模式，解决了用户业务处理过程中，或切换不同系统，或经常切换系统各模块的功能菜单，或切换不同微应用的所带来不便利，提高用户工作效率和提升用户体验。

Description

导航界面的生成方法、装置、存储介质及电子设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种导航界面的生成方法、装置、存储介质及电子设备。

背景技术

随着信息技术的迅猛发展，企业在享受信息化成果的同时，使用的信息化系统和功能也越来越多，用户只能依托系统本身自带的功能导航操作，要经常切换不同系统，或切换不同功能菜单，或切换不同微应用，由业务模块一层层菜单费时费力的搜索功能菜单，导致用户的工作效率和满意度大大降低。即使同一个业务场景，不同的用户也有自身的需求，而现有的导航模式为各系统固化方式，无法支持用户灵活多变的业务场景响应要求，导航形式单一，不能由用户在前端自由配置和分享，导致用户体验感欠佳。

发明内容

本申请实施例提供了一种导航界面的生成方法、装置、存储介质及电子设备，通过量化的方式评估用户的数据贡献度。所述技术方案如下：

第一方面，本申请实施例提供了一种导航界面的生成方法，所述方法包括：

根据业务场景选择导航业务模板；

将所述导航业务模板加载到导航设计区；

基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；

保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。

第二方面，本申请实施例提供了一种导航界面的生成装置，所述装置包括：

选择单元，用于根据业务场景选择导航业务模板；

加载单元，用于将所述导航业务模板加载到导航设计区；

配置单元，用于基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；

生成单元，用于保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。

第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第四方面，本申请实施例提供一种电子设备，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。

本申请一些实施例提供的技术方案带来的有益效果至少包括：

根据业务场景加载导航业务模板，然后将导航业务模板加载到导航设计区，便于用户根据实际需求对导航业务模板的拓扑结构和各个节点的属性信息进行配置，根据配置后的导航业务模板生成所需的导航界面，通过本申请的动态生成的导航界面的方式，建立“即需-即配-即用”的导航创新应用模式，解决了用户业务处理过程中，或切换不同系统，或经常切换系统各模块的功能菜单，或切换不同微应用的所带来不便利，提高用户工作效率和提升用户体验。

附图说明

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

图1是本申请实施例提供的一种导航界面的生成方法的流程示意图；

图2～图6是本申请实施例提供的用户界面示意图；

图7是本申请实施例提供的一种导航界面的生成装置的结构示意图；

图8是本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例方式作进一步地详细描述。

下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。此外，在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

下面将结合附图1-附图7，对本申请实施例提供的导航界面的生成方法进行详细介绍。该方法可依赖于计算机程序实现，可运行于基于冯诺依曼体系的导航界面的生成装置上。该计算机程序可集成在应用中，也可作为独立的工具类应用运行。其中，本申请实施例中的导航界面的生成装置可以为电子设备，包括但不限于智能手机、个人电脑、平板电脑、手持设备、车载设备、可穿戴设备、计算设备或连接到无线调制解调器的其它处理设备等。

请参见图1，为本申请实施例提供的一种导航界面的生成方法的流程示意图。如图1所示，本申请实施例的方法可以包括以下步骤：

S101、根据业务场景选择导航业务模板。

其中，业务场景即导航界面应用的场景，例如：在企业的财务管理系统中，业务场景包括：差旅管理、培训管理和出纳管理等。电子设备预存储或预配置有多个导航业务模板，不同的业务场景关联不同的导航业务模板。本申请根据实际的业务场景从预配置的多个导航业务模板中选择一个导航业务模板。导航业务模板包括多个初始节点，各个初始节点可管理一个或多个子节点，不同的导航业务模板具有不同的结构，即包含的多个节点具有不同的拓扑结构。

S102、将导航业务模板加载到导航设计区。

其中，电子设备显示导航设计区，导航设计区是用户进行导航界面设计的交互界面，电子设备获取导航业务模板的渲染数据，根据渲染数据在导航设计区中渲染该导航业务模板，例如：电子设备获取导航界面模板的HTML代码，解析HTML代码生成DOM文件，将DOM文件临时存放到内存中，获取DOM文件中的CSS语句按照DOM文件的指示在导航设计区渲染导航业务模板。导航业务模板根据不同的拓扑结构可分为：S形、卡片形、思维导图、树状。

其中，S形的导航业务模板，S形的导航业务模板包括多个通过曲线串联的一级节点，S形的导航业务模板的层数为多个，具体层数可根据实际需求而定，本申请不作限制。例如：参见图2所示的S形的导航业务模板，导航场景名称为“月度报表编制流程导航”，其层数为3层，其中包括通过S形曲线串联起来的4个一级节点：关账前准备、基层关账及本部准备、本部结账和编报准备，各个一级节点配置有期限：30日以前、30日当天、1号和30日以前，一级节点还关联有一个或多个子节点，如：“关账期准备”关联有“开票本部账务自查”，一级节点关联有一个或多个二级节点，如：“督促基层单位检查财务，明确关账和报表完成时间”关联有“上月错账整改”和“科目异常情况自查”。

其中，卡片形的导航业务模板包括多个呈卡片方式布局的一级节点。例如：参见图3所示的卡片形的导航业务模板包括4个矩形卡片的一级节点：报账管理、基础档案、预算管理和资金管理，各个一级节点关联有一个或多个二级节点，如：“基础档案”关联有“系统用户”和“收款方账户”，具体参见图3所示，此处不再赘述。

其中，思维导图的导航业务模板包括环绕中间节点的多个节点，各个节点之间通过直线或曲线连接。例如：参见图4所示的思维导图的导航业务模板，思维导图包括一个中间节点，该中间节点为一级节点，思维导图的导航业务模板的层数为多个，具体层数可以根据实际需求而定，本申请不作限制。

其中，树状的导航业务模板包括树状方式排列的多个节点。例如：参见图5所示的树状的导航业务模板，导航业务模板的层级为四层，即包含根节点、一级节点、二级节点和三级节点，根节点为“预算考核评价”，根节点关联有多个一级节点“考核模型”、“考核模型设计”、“考核评分”和“考核分析”，二级节点和三级节点可以参照图5的描述，此处不再赘述。

在本申请实施例中，业务导航模板中的各个节点为初始的节点，各个初始的节点并没有映射链接地址，链接地址可以指向页面、文件或OA电子流等，文件可以是内网文件或外网文件，链接地址可以为URL地址。业务导航模板为用户提供的初始的拓扑结构信息，便于用户根据实际需求修改业务导航模板的拓扑结构、修改节点的属性信息以及映射节点的链接地址等配置操作。

S103、基于导航业务模板的拓扑结构信息，在导航设计区进行节点配置操作。

其中，导航业务模板包括多个初始的节点，用户基于交互操作对导航业务模板中的各个节点的属性信息或拓扑结构等进行修改。配置操作的类型可以是鼠标操作、键盘操作或触控操作，电子设备基于用户的配置操作生成配置指令，响应于配置指令对导航业务模板进行拓扑结构的修改和属性信息的修改，拓扑结构的修改包括：删除节点和新增节点，删除或新增的节点可以是一级节点或一级节点以下的节点，本申请不作限制；属性信息的修改包括：修改节点对应的图表、导航场景名称、节点的名称、节点的颜色、设定任务和添加注释等，导航场景名称表示导航界面的名称，导航界面可以为未编辑的导航业务模板或编辑后的导航场景的名称，节点的名称指示的节点可以为一级节点或二级节点等，节点的颜色表示节点对应的控件的颜色，设定的任务表示节点预先配置的触发任务，注释表示节点的属性或功能的解释说明。

在本申请的一些实施例中，可以通过多用户协作的方式对配置节点，提高导航界面的设计效率。在进行多用户协作时，通过为导航设计区中的导航业务模板设置并发锁，以保证同一时刻仅有一个用户对导航业务模板进行写操作；多个用户可以同时对导航业务模板进行读操作。在开启多用户协作时，本申请可以为不同的用户配置不同的访问权限，以便各个用户在允许的访问权限下进行配置，访问权限可以是操作类型的权限或业务导航模板中区域的权限。例如：访问权限为操作类型权限，用户A仅能修改节点的颜色、名称、字体或注释等，用户B可以增加节点或删除节点，用户C可以映射节点的链接地址。又例如：访问权限为区域的权限，用户A仅能访问和修改一级节点的属性信息，用户B仅能修改二级节点的属性信息，用户C仅能访问和修改三级节点的属性信息。访问权限的具体设置可以根据实际需求而定，本申请不作限制。

进一步的，可以为各个用户设置任务截止时刻，在到达该任务截止时刻之前的任务提醒时刻时，可以通过短消息、来电或即时通信消息的方式提示各个用户节点的配置任务即将到期，任务提醒时刻和任务截止时刻之间的时长为预设值，督促用户尽快完成自己的任务，例如：任务截止时刻为2021年6月11的21：00，电子设备在2021年6月11日的8:00向各个用户的终端设备发送短消息，段消息包括项目名称、任务截止时刻等信息，提示用户尽快完成自己的节点设计任务。

在本申请的一些实施例中，电子设备可以响应于用户的分享指令，将导航界面进行分享，例如：检查到用户对分享按钮的触发操作时，显示用户列表，从用户列表中选择一个或多个用户将导航界面分享出去，被分享的用户仅能查看导航界面不能修改导航界面，从而实现导航界面的快速分享。

在本申请的一些实施例中，电子设备可以响应于用户的复制指令，将导航界面复制给其他用户，其他用户基于导航页面的副本可以进行查看和修改，便于对导航界面进行二次开发和维护，不影响原来的导航界面的使用。

在本申请的一些实施例中，电子设备可以响应于用户的删除指令，将用户创建的导航界面进行删除，其他用户不具备删除该用户的导航界面的权限。电子设备也可以响应于用户的置顶指令，将导航页面在展示中心进行置顶。

S104、保存导航设计区中各个节点的配置信息，以及根据各个节点的配置信息生成导航界面。

其中，配置信息包括节点的拓扑位置信息以及属性信息，电子设备获取导航设计区中各个节点的拓扑结构信息以及各个节点的属性信息，保存配置信息，根据配置信息生成导航界面，导航界面包括配置后的导航业务模板。

在本申请的一个或多个实施例中，电子设备可以响应于用户的搜索指令，在导航界面库中搜索相应的节点名称和导航场景名称，导航界面库包含多个导航界面，命中的名称以高亮的方式显示，然后响应于用户对该名称的打开指令，跳转至节点关联的链接地址指示的页面。

举例来说，参见图5所示的，电子设备显示搜索界面，搜索界面包括搜索框和搜索按钮，电子设备接收用户在搜索框中输入的关键词后，检测到搜索按钮上的单击操作时生成搜索指令，在导航界面库中搜索包含关键词“报销”的导航场景名称和节点名称，搜索到的和导航场景名称和节点名称中“报销”以高亮的方式显示。导航界面库中导航界面的数量为多个，将包含“报销”的导航场景名称以卡片的方式进行显示，如：导航场景名称为“差旅报销”和“费用报销”以卡片的方式进行显示，差旅报销下的“省内报销费”、“省外报销费”为节点名称，节点名称对应的节点可以为一级节点或二级节点，根据导航场景名称对应的导航界面的层数决定。当检测到用户对卡片(即导航场景名称)的单击操作时生成打开指令，显示导航场景名称关联的导航界面，导航界面中包括所有节点名称和各个节点之间的拓扑关系；当检查到用户针对节点名称的单击操作时生成打开指令，显示节点名称关联的跳转界面，跳转界面为节点名称指示的节点预先配置的界面。当输入的关键词没有匹配结果时，显示提示消息以提示用户。

本申请实施例的导航界面的生成方法和现有技术相比，具有如下有益效果：

(1)传统导航都是系统固化方式，用户通常要通过模块再到一层层功能菜单，查找定位费时费力，而本发明动态导航，由用户按场景重新聚合生成新的导航，不仅仅针对狭义上的系统功能菜单，而是广义上的功能菜单、普通事项、文件夹自由组合，导航的应用范围更为广泛。

(2)传统导航采用的形式一般为树形菜单，表现形式单一，而本发明动态导航，提供多种导航模板，包括时间线、卡片式、列表式、思维导图式等多种形式，用户按需选择模板，一站式满足用户业务所需。

(3)传统导航只能由系统管理员在后台配置，前端用户只能使用无法调整，而本发明动态导航，支持用户在前端直接进行配置调整，同时融入图片、背景、注释、图标等多种前端可视化个性化效果，方便用户区分导航信息。

(4)传统导航按照用户的角色加载显示，相同的角色导航形式相同，只能查看不支持相互分享和协作，而本发明动态导航，可以按权限对导航进行标记，快速复用、分享和协作，它不仅仅是导航，也是一个任务管理工具。

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参见图7，其示出了本申请一个示例性实施例提供的导航界面的生成装置的结构示意图。该导航界面的生成装置可以通过软件、硬件或者两者的结合实现成为电子设备的全部或一部分。该装置7包括：选择单元701、加载单元702、配置单元703和生成单元704。

选择单元701，用于根据业务场景选择导航业务模板；

加载单元702，用于将所述导航业务模板加载到导航设计区；

配置单元703，用于基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；

生成单元704，用于保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。

在一个或多个可能的实施例中，其特征在于，所述在所述导航设计区进行节点配置操作，包括：

响应于用户的配置指令，新增或删除所述导航业务模板中的节点，或配置节点的属性信息，属性信息包括：链接地址、节点名称、图标、颜色和注释中的一种或多种。

在一个或多个可能的实施例中，采用多用户协作的方式进行节点配置操作，为所述导航业务模板设置并发锁，以控制同一时刻仅有一个用户对所述导航业务模板进行写操作。

在一个或多个可能的实施例中，各个用户配置不同的访问权限。

在一个或多个可能的实施例中，还包括：

提醒单元，用于获取各个用户配置有任务截止时刻；

在所述任务截止时刻之前的任务提醒时刻，向各个用户发送提醒消息；其中，所述任务提醒时刻和所述任务截止时刻的时长为预设值。

在一个或多个可能的实施例中，还包括：

分享单元，用于响应于用户的分享指令显示用户列表；

响应于用户的选择指令从用户列表中选择一个或多个用户；

将所述导航界面推送给选择的用户；其中，所述选择的用户具有所述导航界面的查看权限，不具备所述导航界面的修改权限。

在一个或多个可能的实施例中，还包括：

搜索单元，用于基于搜索界面接收来自用户的搜索指令；其中，所述搜索指令包括关键词；

根据所述关键词进行搜索，以及以高亮的方式显示搜索到的包含的所述关键词的名称；其中，所述名称包含导航场景名称和/或节点名称；

以卡片的方式显示搜索到的导航场景名称；

响应于用户针对导航场景名称的打开指令，显示所述导航场景名称关联的导航界面；或

响应于用户针对节点名称的打开指令，显示该节点名称关联的跳转界面。

需要说明的是，上述实施例提供的导航界面的生成装置在执行导航界面的生成方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的恢复用户数据装置与导航界面的生成方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不再赘述。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本申请实施例还提供了一种计算机存储介质，所述计算机存储介质可以存储有多条指令，所述指令适于由处理器加载并执行如上述图1-图7所示实施例的方法步骤，具体执行过程可以参见图1-图7所示实施例的具体说明，在此不进行赘述。

请参见图8，为本申请实施例提供了一种电子设备的结构示意图。如图8所示，所述电子设备800可以包括：至少一个处理器801，至少一个网络接口804，用户接口803，存储器805，至少一个通信总线802。

其中，通信总线802用于实现这些组件之间的连接通信。

其中，用户接口803可以包括显示屏(Display)、摄像头(Camera)，可选用户接口803还可以包括标准的有线接口、无线接口。

其中，网络接口804可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器801可以包括一个或者多个处理核心。处理器801利用各种接口和线路连接整个电子设备800内的各个部分，通过运行或执行存储在存储器805内的指令、程序、代码集或指令集，以及调用存储在存储器805内的数据，执行电子设备800的各种功能和处理数据。可选的，处理器801可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable GateArray，FPGA)、可编程逻辑阵列(ProgrammableLogic Array，PLA)中的至少一种硬件形式来实现。处理器801可集成中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器801中，单独通过一块芯片进行实现。

其中，存储器805可以包括随机存储器(RandomAccess Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器805包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器805可用于存储指令、程序、代码、代码集或指令集。存储器805可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器805可选的还可以是至少一个位于远离前述处理器801的存储装置。如图8所示，作为一种计算机存储介质的存储器805中可以包括操作系统、网络通信模块、用户接口模块以及适于由所述处理器加载并执行前述方法步骤的所述计算机程序。

在图8所示的电子设备800中，用户接口803主要用于为用户提供输入的接口，获取用户输入的数据；而处理器801可以用于调用存储器805中存储的诈骗电话的识别应用程序，并具体执行图1或图2所示的方法。

本申请实施例和图1或图2的方法实施例属于同一构思，其带来的技术效果也相同，具体过程可参照图1或图2的描述，此处不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。

Claims (10)

1.一种导航界面的生成方法，其特征在于，包括：

根据业务场景选择导航业务模板；

将所述导航业务模板加载到导航设计区；

基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；

保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。

2.根据权利要求1所述的方法，其特征在于，所述在所述导航设计区进行节点配置操作，包括：

响应于用户的配置指令，新增或删除所述导航业务模板中的节点，或配置节点的属性信息，属性信息包括：导航场景名称、链接地址、节点名称、图标、颜色和注释中的一种或多种。

3.根据权利要求1或2所述的方法，其特征在于，采用多用户协作的方式进行节点配置操作，为所述导航业务模板设置并发锁，以控制同一时刻仅有一个用户对所述导航业务模板进行写操作。

4.根据权利要求3所述的方法，其特征在于，各个用户配置不同的访问权限。

5.根据权利要求3或4所述的方法，其特征在于，还包括：

获取各个用户配置有任务截止时刻；

在所述任务截止时刻之前的任务提醒时刻，向各个用户发送提醒消息；其中，所述任务提醒时刻和所述任务截止时刻的时长为预设值。

6.根据权利要求5所述的方法，其特征在于，还包括：

响应于用户的分享指令显示用户列表；

响应于用户的选择指令从用户列表中选择一个或多个用户；

将所述导航界面推送给选择的用户；其中，所述选择的用户具有所述导航界面的查看权限，不具备所述导航界面的修改权限。

7.根据权利要求1或2或4或6所述的方法，其特征在于，还包括：

基于搜索界面接收来自用户的搜索指令；其中，所述搜索指令包括关键词；

根据所述关键词进行搜索，以及以高亮的方式显示搜索到的包含的所述关键词的名称；其中，所述名称包含导航场景名称和/或节点名称；

以卡片的方式显示搜索到的导航场景名称；

响应于用户针对导航场景名称的打开指令，显示所述导航场景名称关联的导航界面；或

响应于用户针对节点名称的打开指令，显示该节点名称关联的跳转界面。

8.一种导航界面的生成装置，其特征在于，包括：

选择单元，用于根据业务场景选择导航业务模板；

加载单元，用于将所述导航业务模板加载到导航设计区；

配置单元，用于基于所述导航业务模板的拓扑结构信息，在所述导航设计区进行节点配置操作；其中，所述导航业务模板包括多个节点；

生成单元，用于保存所述导航设计区中各个节点的配置信息，以及根据所述各个节点的配置信息生成导航界面。

9.一种电子设备，其特征在于，包括：处理器和存储器，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器用于调用所述程序指令，执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。

Images