大部分的前端人员对数据库的操作还是有些感冒的,毕竟数据库的操作还是属于后台人员负责的,我们都是通过调用后台人员提供的API来展示数据和交互。但是在没有后台API的情况下还是需要我们自己去操作数据的,作为前端开发人员还是需要了解一些关于操作数据的基本东西。在本项目中我主要是利用angular-in-memory-web-api来作为内存数据库,实现基本的数据存储。
本章主要是利用angular-in-memory-web-api实现搭建内存数据库,作为项目的数据来源和交互。
通过在使用命令
npm install 或者 yarn
angular-in-memory-web-api 的数据库初始化如下所示:
在项目中创建service文件夹,在文件夹中创建in-memory-data.service.ts服务。
由于在项目中的的关系比较复杂,所以会有很多数据结构,童鞋们需要仔细看angular-in-memory-web-api的文档,这是我的数据服务。
初始化数据结构写完service后需要在app.module中引用才会起作用,不然是无法使用的,如图所示。
依赖注入service接下来就是把service依赖注入到module中,这样就可以使用了。
如果还有不明如何搭建项目的可以看前面的文章。相关代码已经在git上。
网友评论