CN111399966B - 一种隐藏网页页面的方法及系统 - Google Patents
一种隐藏网页页面的方法及系统 Download PDFInfo
- Publication number
- CN111399966B CN111399966B CN202010493699.5A CN202010493699A CN111399966B CN 111399966 B CN111399966 B CN 111399966B CN 202010493699 A CN202010493699 A CN 202010493699A CN 111399966 B CN111399966 B CN 111399966B
- Authority
- CN
- China
- Prior art keywords
- routing
- module
- routing path
- page
- webpage
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3055—Monitoring arrangements for monitoring the status of the computing system or of the computing system component, e.g. monitoring if the computing system is on, off, available, not available
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Quality & Reliability (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种隐藏网页页面的方法及系统，方法步骤包括：往数据库路由配置表添加需要隐藏的页面路由数据；监听前端网页的路由路径；判断路由路径是否发生变化，若没有发生变化，则在前端网页显示当前页面；若路由路径发生变化，获取当前的路由路径，判断当前的路由路径是否存在于数据库路由配置表中，若没有存在于数据库路由配置表中，则显示当前页面；若当前的路由路径存在于数据库路由配置表中，则判断当前页面需要隐藏，并将路由路径重定向至默认页面，在前端网页显示默认页面。本发明通过后台配置数据管理与前端路由监听的方式实现前端网页页面隐藏，避免了前端重新修改代码并且部署上线的繁琐流程，极大地节省了时间。
Description
技术领域
本发明涉及互联网网页设计技术领域，特别涉及一种隐藏网页页面的方法及系统。
背景技术
互联网网页，一般都是经过精心设计然后测试通过后才会上线，提供给用户体验和使用。而网页的设计，都经过相应的项目规划以及代码设计。
在当前的一些单页面项目中，有时候需要下架某个页面，每次都需要经过相应的人员去修改对应代码，重新打包，再重新部署上线。如果是大型单页面项目，打包的时间会比较久，这个过程下来比较耗时并且繁琐。
发明内容
本发明要解决的技术问题在于，提供一种隐藏网页页面的方法及系统，通过后台配置数据管理与前端路由监听的方式实现前端网页页面隐藏，由于只需要修改后台配置，而避免了前端重新修改代码并且部署上线的繁琐流程，极大地节省了时间。
为解决上述技术问题，本发明提供如下技术方案：一种隐藏网页页面的方法，包括以下步骤：
S1、往数据库路由配置表添加需要隐藏的页面路由数据；
S2、监听前端网页的路由路径；判断路由路径是否发生变化，若路由路径没有发生变化，则在前端网页显示当前页面；
若路由路径发生变化，获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
若当前的路由路径没有存在于数据库路由配置表中，则在前端网页显示当前页面；若当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，并将路由路径重定向至默认页面，在前端网页显示默认页面。
进一步地，所述步骤S1具体为：管理员通过后台接口往数据库路由配置表添加需要隐藏的页面路由数据；在数据库路由配置表中，管理员可以对不需要隐藏的页面路由数据进行删除。
进一步地，所述步骤S1还包括：前端网页初始化加载时，通过调用后台接口来读取数据库路由配置表的数据。
进一步地，所述步骤S2中的监听前端网页的路由路径，其具体为：根据路由模式通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径。
本发明另一目的是提供一种隐藏网页页面的系统，包括数据库路由配置表模块、后台接口模块、隐藏页面添加模块、前端网页加载模块、前端网页监听模块、路由路径判断模块、前端网页显示模块以及前端网页隐藏模块；
所述隐藏页面添加模块用于通过所述后台接口模块，往所述数据库路由配置表模块添加需要隐藏的页面路由数据；
所述前端网页加载模块用于：前端网页初始化加载时，通过调用所述后台接口模块来读取所述数据库路由配置表模块的数据；
所述前端网页监听模块用于监听前端网页的路由路径；
所述路由路径判断模块用于：对所述前端网页监听模块监听到的路由路径进行判断，判断路由路径是否发生变化；路由路径判断模块判断到路由路径没有发生变化，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到路由路径发生变化，则路由路径判断模块获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
所述路由路径判断模块判断到当前的路由路径没有存在于数据库路由配置表中，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，所述前端网页隐藏模块对当前页面进行隐藏并将路由路径重定向至默认页面，所述前端网页显示模块在前端网页显示默认页面。
进一步地，所述的一种隐藏网页页面的系统还包括页面路由数据删除模块，所述页面路由数据删除模块用于删除所述数据库路由配置表模块中不需要隐藏的页面路由数据。
进一步地，所述前端网页监听模块用于通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径。
采用上述技术方案后，本发明至少具有如下有益效果：本发明通过后台添加需要隐藏的页面路由数据到数据库路由配置表中，前端通过后台接口读取数据库路由配置表，监听前端路由路径的变化来判断当前路由路径是否与隐藏的页面路由数据匹配，如果匹配说明当前前端网页页面需要隐藏跳转到默认页面，后续只需要调用后台接口修改页面路由配置表，即可实现页面隐藏，避免重新修改代码部署上线的繁琐流程。
附图说明
图1为本发明一种隐藏网页页面的方法步骤流程图；
图2为本发明一种隐藏网页页面的系统框架图。
具体实施方式
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互结合，下面结合附图和具体实施例对本申请作进一步详细说明。
实施例1
如图1所示，本实施例提供一种隐藏网页页面的方法，步骤包括：
S11、往数据库路由配置表添加需要隐藏的页面路由数据；一般地，管理员通过后台接口往数据库路由配置表添加需要隐藏的页面路由数据；在数据库路由配置表中，如果后期发现某些前端网页是不需要隐藏处理的，那么管理员就可以对应地将不需要隐藏的页面路由数据进行删除；因此，页面路由数据均可实现添加和删除功能；前端网页初始化加载时，通过调用后台接口来读取数据库路由配置表的数据；
S12、监听前端网页的路由路径，具体的监听方式为：前端路由监听方式有多种，可以使用所有框架提供的API方法，也可以根据路由模式通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径；
其中，hashchange事件：浏览器window的事件方法，是网页url的hash改变时所触发的事件；pushState事件: HTML5引入方法，浏览器点击前进后台时，页面会触发popstate 事件；replaceState事件: HTML5引入方法，修改当前路由的历史记录项；
监听过程中，需要判断路由路径是否发生变化，若路由路径没有发生变化，则在前端网页显示当前页面；
若路由路径发生变化，获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
若当前的路由路径没有存在于数据库路由配置表中，则在前端网页显示当前页面；若当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，并将路由路径重定向至默认页面，在前端网页显示默认页面；一般地，默认页面为浏览器的首页或者404提示页面。
实施例2
本实施例是在实施例1的方法基础上提供的一种隐藏网页页面的系统，如图2所示，包括数据库路由配置表模块、后台接口模块、隐藏页面添加模块、页面路由数据删除模块、前端网页加载模块、前端网页监听模块、路由路径判断模块、前端网页显示模块以及前端网页隐藏模块；
所述隐藏页面添加模块用于通过所述后台接口模块，往所述数据库路由配置表模块添加需要隐藏的页面路由数据；
所述页面路由数据删除模块用于删除所述数据库路由配置表模块中不需要隐藏的页面路由数据；
所述前端网页加载模块用于：前端网页初始化加载时，通过调用所述后台接口模块来读取所述数据库路由配置表模块的数据；
所述前端网页监听模块用于监听前端网页的路由路径；优选地，所述前端网页监听模块用于通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径。
所述路由路径判断模块用于：对所述前端网页监听模块监听到的路由路径进行判断，判断路由路径是否发生变化；路由路径判断模块判断到路由路径没有发生变化，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到路由路径发生变化，则路由路径判断模块获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
所述路由路径判断模块判断到当前的路由路径没有存在于数据库路由配置表中，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，所述前端网页隐藏模块对当前页面进行隐藏并将路由路径重定向至默认页面，所述前端网页显示模块在前端网页显示默认页面。
尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解的是，在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种等效的变化、修改、替换和变型，本发明的范围由所附权利要求及其等同范围限定。
Claims (2)
1.一种隐藏网页页面的方法，其特征在于，包括以下步骤：
S1、往数据库路由配置表添加需要隐藏的页面路由数据，具体为：管理员通过后台接口往数据库路由配置表添加需要隐藏的页面路由数据；在数据库路由配置表中，管理员对不需要隐藏的页面路由数据进行删除；
前端网页初始化加载时，通过调用后台接口来读取数据库路由配置表的数据；
S2、通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径；判断路由路径是否发生变化，若路由路径没有发生变化，则在前端网页显示当前页面；
若路由路径发生变化，获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
若当前的路由路径没有存在于数据库路由配置表中，则在前端网页显示当前页面；若当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，并将路由路径重定向至默认页面，在前端网页显示默认页面。
2.一种隐藏网页页面的系统，其特征在于，包括数据库路由配置表模块、后台接口模块、隐藏页面添加模块、前端网页加载模块、前端网页监听模块、路由路径判断模块、前端网页显示模块以及前端网页隐藏模块；
所述隐藏页面添加模块用于通过所述后台接口模块，往所述数据库路由配置表模块添加需要隐藏的页面路由数据；
所述前端网页加载模块用于：前端网页初始化加载时，通过调用所述后台接口模块来读取所述数据库路由配置表模块的数据；
所述前端网页监听模块用于监听前端网页的路由路径；
所述路由路径判断模块用于：对所述前端网页监听模块监听到的路由路径进行判断，判断路由路径是否发生变化；路由路径判断模块判断到路由路径没有发生变化，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到路由路径发生变化，则路由路径判断模块获取当前的路由路径，并将其与数据库路由配置表进行对比，来判断当前的路由路径是否存在于数据库路由配置表中；
所述路由路径判断模块判断到当前的路由路径没有存在于数据库路由配置表中，则通过所述前端网页显示模块在前端网页显示当前页面；路由路径判断模块判断到当前的路由路径存在于数据库路由配置表中，则判断当前页面需要进行隐藏，所述前端网页隐藏模块对当前页面进行隐藏并将路由路径重定向至默认页面，所述前端网页显示模块在前端网页显示默认页面；
所述一种隐藏网页页面的系统还包括页面路由数据删除模块，所述页面路由数据删除模块用于删除所述数据库路由配置表模块中不需要隐藏的页面路由数据；
所述前端网页监听模块用于通过浏览器的hashchange事件或pushState事件或replaceState事件来监听前端网页的路由路径。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010493699.5A CN111399966B (zh) | 2020-06-03 | 2020-06-03 | 一种隐藏网页页面的方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010493699.5A CN111399966B (zh) | 2020-06-03 | 2020-06-03 | 一种隐藏网页页面的方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111399966A CN111399966A (zh) | 2020-07-10 |
| CN111399966B true CN111399966B (zh) | 2020-09-18 |
Family
ID=71430045
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010493699.5A Active CN111399966B (zh) | 2020-06-03 | 2020-06-03 | 一种隐藏网页页面的方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111399966B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113835732A (zh) * | 2021-09-29 | 2021-12-24 | 马上消费金融股份有限公司 | 版本更新方法及相关设备 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102542065A (zh) * | 2012-01-05 | 2012-07-04 | 北京百纳威尔科技有限公司 | 移动终端的网页处理方法及装置 |
| CN104007990A (zh) * | 2014-05-30 | 2014-08-27 | 北京金山网络科技有限公司 | 一种网页加载方法及浏览器 |
| CN105512126A (zh) * | 2014-09-24 | 2016-04-20 | 腾讯科技（深圳）有限公司 | 网页广告过滤隐藏及过滤隐藏规则下发方法和装置 |
| CN107704546A (zh) * | 2017-09-26 | 2018-02-16 | 平安科技（深圳）有限公司 | 页面配置方法及服务器 |
| CN107800562A (zh) * | 2017-02-16 | 2018-03-13 | 平安科技（深圳）有限公司 | 一种视图文件的路由配置方法和装置 |
| CN109802919A (zh) * | 2017-11-16 | 2019-05-24 | 中移（杭州）信息技术有限公司 | 一种web网页访问拦截方法及装置 |
| CN110162342A (zh) * | 2019-04-03 | 2019-08-23 | 重庆钢铁集团电子有限责任公司 | 实现页面可配置的方法 |
| US10649650B2 (en) * | 2014-08-05 | 2020-05-12 | Square, Inc. | Native overlay for rapid editing of web content |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170147703A1 (en) * | 2015-11-23 | 2017-05-25 | Le Holdings (Beijing) Co., Ltd. | Method and apparatus for dynamically displaying yellow pages information on mobile device |
| CN106372155A (zh) * | 2016-08-30 | 2017-02-01 | 福建中金在线信息科技有限公司 | 一种过滤网页链接的方法及装置 |
-
2020
- 2020-06-03 CN CN202010493699.5A patent/CN111399966B/zh active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102542065A (zh) * | 2012-01-05 | 2012-07-04 | 北京百纳威尔科技有限公司 | 移动终端的网页处理方法及装置 |
| CN104007990A (zh) * | 2014-05-30 | 2014-08-27 | 北京金山网络科技有限公司 | 一种网页加载方法及浏览器 |
| US10649650B2 (en) * | 2014-08-05 | 2020-05-12 | Square, Inc. | Native overlay for rapid editing of web content |
| CN105512126A (zh) * | 2014-09-24 | 2016-04-20 | 腾讯科技（深圳）有限公司 | 网页广告过滤隐藏及过滤隐藏规则下发方法和装置 |
| CN107800562A (zh) * | 2017-02-16 | 2018-03-13 | 平安科技（深圳）有限公司 | 一种视图文件的路由配置方法和装置 |
| CN107704546A (zh) * | 2017-09-26 | 2018-02-16 | 平安科技（深圳）有限公司 | 页面配置方法及服务器 |
| CN109802919A (zh) * | 2017-11-16 | 2019-05-24 | 中移（杭州）信息技术有限公司 | 一种web网页访问拦截方法及装置 |
| CN110162342A (zh) * | 2019-04-03 | 2019-08-23 | 重庆钢铁集团电子有限责任公司 | 实现页面可配置的方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111399966A (zh) | 2020-07-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20080228910A1 (en) | Method for monitoring user interaction to maximize internet web page real estate | |
| CN102693280B (zh) | 网页浏览方法、WebApp框架、执行JavaScript方法及装置、移动终端 | |
| US8375325B2 (en) | Customizable, multi-function button | |
| US8645760B2 (en) | Alternate procedures assisting computer users in solving problems related to error and informational messages | |
| US8689117B1 (en) | Webpages with conditional content | |
| JP4540689B2 (ja) | ウェブブラウザ、データ処理装置、およびウェブページデータ処理方法 | |
| KR20070001131A (ko) | 컴퓨터 네트워크를 통해 전달되는 문서들의 비헤비어를수정하기 위한 기술들 | |
| US20150074561A1 (en) | Customizable themes for browsers and web content | |
| US20070244914A1 (en) | Electronic information feedback | |
| JP2012511198A (ja) | 複数ビュー要素ｇｕｉ内で見られるほとんどのデータを最大化するためのビュー要素サイズの最適化 | |
| CN104243273A (zh) | 即时通讯客户端显示信息的方法及设备和信息显示系统 | |
| US20130238970A1 (en) | Uniquely Identifying Script Files | |
| EP2839628B1 (en) | Providing rule based analysis of content to manage activation of web extension | |
| CN103092941A (zh) | 在电子设备上呈现内容的方法和装置 | |
| KR102040999B1 (ko) | 웹 확장과 콘텐츠를 맥락적으로 링크시키는 기법 | |
| CN108156121A (zh) | 流量劫持的监控方法及装置、流量劫持的报警方法及装置 | |
| CN111399966B (zh) | 一种隐藏网页页面的方法及系统 | |
| CN104915404A (zh) | 访问失效网址的方法和装置 | |
| US20140006932A1 (en) | Web page update notification device and web page update notification method | |
| CN109446451B (zh) | 网页展示的方法、装置、介质和计算设备 | |
| CN116757405A (zh) | 一种管理门户系统优化的方法、装置、设备及介质 | |
| JP4977096B2 (ja) | 強調表示追加方法、表示制御プログラム、及びサーバ | |
| CN105373632A (zh) | 一种基于移动搜索的加载瀑布流的方法和装置 | |
| CN111611476B (zh) | 专题页面的显示方法和装置 | |
| CN110874446A (zh) | 页面展示方法及其系统、计算机系统及计算机可读介质 |
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 |