一种基于LowDB实现Angular非父子组件交互的系统及方法技术方案

本发明专利技术提供一种基于LowDB实现Angular非父子组件交互的系统及方法，属于互联网前端领域，主要解决的问题是Angular框架非父子组件之间无法在完全隔离的情况下实现数据交互的问题。Angular非父子组件的发送端先将打上标签的数据存储于LowDB中，接收端组件通过标签对LowDB进行数据的监听与接收，该方式实现发送端与接收端的完全隔离，互不相影响，解决了非父子组件间在完全隔离情况下的交互通信问题，并且通信双方都可作为数据的发送方与接收方，实现了数据的双向通信；同时实现了通信双方一对多、多对一、多对多的交互连接方式，一处存储，多端使用。数据读写分离，两种功能封装于不同模块，均可被发送端和接收端调用，同时增加数据删除与修改功能，增加数据操作的灵活性。

A system and method to realize the interaction of non parent and child components of angular based on lowdb

【技术实现步骤摘要】
一种基于LowDB实现Angular非父子组件交互的系统及方法
本专利技术涉及互联网前端
，特别涉及了一种解决Angular框架非父子组件完全隔离情况下的交互通信的系统及方法。
技术介绍
Angular是一个前端Javascript框架，Angular是用TypeScript编写的，它将核心和附加功能实现为一组TypeScript库，很多程序员都用它来构建和维护复杂的网页应用。但Angular框架中存在一种应用场景却未能实现：两个完全隔离的非父子组件，在HTML展示层或service服务层都不被对方注入的前提下，实现数据的交互通信，且双方都可作为数据发送方与接收方。Angular官方只提供了父子组件间的通信方式，并且需要将子组件注入到父组件HTML展示页或service服务层中，无法实现两个组件间内容的独立展示。为了解决这一问题，可以使用浏览器本地存储作为非父子组件间数据交互的中间介质，从而解决交互双方完全隔离情况下的交互通信问题。但浏览器自身存储容量只有5M大小，限制了大容量数据的交互传输。<br>
技术实现思路
<本文档来自技高网...

【技术保护点】
1.一种基于LowDB实现Angular非父子组件交互的系统，其特征在于，包括：/n发送端模块，即为非父子组件交互数据双方的发送端，每个发送端需要封装发送数据，为其打上标签flag_x；/n发送端中间件模块，响应发送端请求，将数据存储于数据文件库模块中；/n数据文件库模块，其核心载体使用LowDB文件数据库，用于存储非父子组件的交互数据；/n接收端中间件模块，用于响应接收端请求，从数据文件库模块中获取数据；/n接收端模块，即为非父子组件交互数据双方的接收端，每个接收端根据标签flag_x从数据文件库模块取所需数据，并对数据解封装使用；/n附加功能模块，用于非父子组件操作数据。/n

【技术特征摘要】
1.一种基于LowDB实现Angular非父子组件交互的系统，其特征在于，包括：
发送端模块，即为非父子组件交互数据双方的发送端，每个发送端需要封装发送数据，为其打上标签flag_x；
发送端中间件模块，响应发送端请求，将数据存储于数据文件库模块中；
数据文件库模块，其核心载体使用LowDB文件数据库，用于存储非父子组件的交互数据；
接收端中间件模块，用于响应接收端请求，从数据文件库模块中获取数据；
接收端模块，即为非父子组件交互数据双方的接收端，每个接收端根据标签flag_x从数据文件库模块取所需数据，并对数据解封装使用；
附加功能模块，用于非父子组件操作数据。


2.根据权利要求1所述的一种基于LowDB实现Angular非父子组件交互的系统，其特征在于，所述LowDB文件数据库，以json格式存储数据。


3.根据权利要求1或2所述的一种基于LowDB实现Angular非父子组件交互的系统，其特征在于，所述发送端中间件模块，首先连接数据库文件模块，然后根据发送端数据标签flag_x，进行数据的封装，将其存储于数据文件库模块中，按照标签名创建存储文件。


4.根据权利要求1或2所述的一种基于LowDB实现Angular非父子组件交互的系统，其特征在于，所述接收端中间件模块，首先连接数据库文件模块，然后响应接收端请求，按照标签flag_x从数据文件库模块中获取数据，实现对不同发送端的数据获取。


5.根据权利要求1或2所述的一种基于LowDB实现Angular非父子组件交互的系统，其特征在...

【专利技术属性】
技术研发人员：姜昱鹏，宋亚萍，徐士强，
申请(专利权)人：山东汇贸电子口岸有限公司，
类型：发明
国别省市：山东;37