一种采用多标签实现web前端无痕返回的方法技术

本发明专利技术涉及通信技术领域，尤其涉及一种采用多标签实现web前端无痕返回的方法，所述方法包括：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；并获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏,当列表页打开详细页面时，采用内置新标签的模式打开，同时隐藏原有的列表页标签，当点击返回时关闭当前详情的标签页，取消列表标签页的隐藏。

【技术实现步骤摘要】
一种采用多标签实现web前端无痕返回的方法
本专利技术涉及通信
，尤其涉及一种采用多标签实现web前端无痕返回的方法。
技术介绍
目前网页的前端如果采用单页应用，在列表页点击查看详情页时会覆盖原来的列表页，如果列表页时查询结果或者有过翻页等会导致无法返回到之前的列表页，此外打开详情采用弹出新窗口的模式，用户体验不好；采用记录返回列表页面的参数，返回后重新进行处理，这种情况速度较慢，容易出错。
技术实现思路
(一)专利技术目的为解决
技术介绍
中存在的技术问题，本专利技术提出一种采用多标签实现web前端无痕返回的方法，当列表页打开详细页面时，采用内置新标签的模式打开，同时隐藏原有的列表页标签，当点击返回时关闭当前详情的标签页，取消列表标签页的隐藏。(二)技术方案为解决上述问题，本专利技术提供了一种采用多标签实现web前端无痕返回的方法，所述方法包括：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；并获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。优选的，所述获取预先编好的内置标签组件，包括获取预先通过reactjs和css的预编译处理器cass编写的内置标签组件。优选的，所述获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储，包括：获取若干个详情页的唯一hash值作为详情页对应的标识ID；以标识ID作为key值，将对应的详情页的对象属性进行存储。优选的，所述对象属性包括详情页的文本、积木数据以及编辑状态。优选的，在点击详情页时，触发预先编辑好的动作函数，通过标识ID进行进行执行切换标签页动作，并同时对列表标签页进行隐藏。本专利技术还提供了一种存储设备，其中存储有多条指令，所述指令适于由处理器加载并执行：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。本专利技术还提供了一种移动终端，包括：处理器，适于实现各指令；存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。本专利技术的上述技术方案具有如下有益的技术效果：本专利技术通过采用新标签的模式实现返回的功能，实现无痕返回；即，当列表页打开详细页面时，采用内置新标签的模式打开，同时隐藏原有的列表页标签，当点击返回时关闭当前详情的标签页，取消列表标签页的隐藏。附图说明图1为本专利技术的流程结构示意图；具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明了，下面结合具体实施方式并参照附图，对本专利技术进一步详细说明。应该理解，这些描述只是示例性的，而并非要限制本专利技术的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本专利技术的概念。本专利技术提供了一种采用多标签实现web前端无痕返回的方法，获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；并获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。在一个实施例中，所述获取预先编好的内置标签组件，包括获取预先通过reactjs和css的预编译处理器cass编写的内置标签组件。优选的，所述获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储，包括：获取若干个详情页的唯一hash值作为详情页对应的标识ID；以标识ID作为key值，将对应的详情页的对象属性进行存储。在一个实施例中，所述对象属性包括详情页的文本、积木数据以及编辑状态。在一个实施例中，在点击详情页时，触发预先编辑好的动作函数，通过标识ID进行进行执行切换标签页动作，并同时对列表标签页进行隐藏。本专利技术还提供了一种存储设备，其中存储有多条指令，所述指令适于由处理器加载并执行：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。本专利技术还提供了一种移动终端，包括：处理器，适于实现各指令；存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：获取预先编写好的内置标签组件；获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；检测到详情页点击时，对列表标签页进行隐藏；获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。以上显示和描述了本专利技术的基本原理、主要特征和本专利技术的优点。本行业的技术人员应该了解，本专利技术不受上述实施例的限制，上述实施例和说明书中描述的仅为本专利技术的优选例，并不用来限制本专利技术，在不脱离本专利技术精神和范围的前提下，本专利技术还会有各种变化和改进，这些变化和改进都落入要求保护的本专利技术范围内。本专利技术要求保护范围由所附的权利要求书及其等效物界定。本文档来自技高网...

【技术保护点】
1.一种采用多标签实现web前端无痕返回的方法，其特征在于，所述方法包括：/n获取预先编写好的内置标签组件；/n获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；/n检测到详情页点击时，对列表标签页进行隐藏；并获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；/n根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；/n检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。/n

【技术特征摘要】
1.一种采用多标签实现web前端无痕返回的方法，其特征在于，所述方法包括：
获取预先编写好的内置标签组件；
获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储；
检测到详情页点击时，对列表标签页进行隐藏；并获取待切换后的详情页的标识ID，将待切换后的详情页的标识ID作为当前标签页的标识ID；
根据标识ID获取对应详情页的对象属性，根据对象属性进行展示；
检测到点击返回时，关闭当前详情的标签页，并取消列表标签页的隐藏。


2.根据权利要求1所述的一种采用多标签实现web前端无痕返回的方法，其特征在于，所述获取预先编好的内置标签组件，包括获取预先通过reactjs和css的预编译处理器cass编写的内置标签组件。


3.根据权利要求1所述的一种采用多标签实现web前端无痕返回的方法，其特征在于，所述获取位于列表标签页下的若干个详情页的标识ID，根据标识ID将详情页的对象属性进行存储，包括：
获取若干个详情页的唯一hash值作为详情页对应的标识ID；
以标识ID作为key值，将对应的详情页的对象属性进行存储。


4.根据权利要求1所述的一种采用多标签实现web前端无痕返回的方法，其特征在于，所述对象属性包括详情页的文本、积木数据以及编辑状态。


5.根据权利要求1所述的一...

【专利技术属性】
技术研发人员：张国梁，陈超，
申请(专利权)人：上海同在互联网科技有限公司，
类型：发明
国别省市：上海;31