Angular4开发简易blog系统(二)创建内存数据库

大部分的前端人员对数据库的操作还是有些感冒的,毕竟数据库的操作还是属于后台人员负责的,我们都是通过调用后台人员提供的API来展示数据和交互。但是在没有后台API的情况下还是需要我们自己去操作数据的,作为前端开发人员还是需要了解一些关于操作数据的基本东西。在本项目中我主要是利用angular-in-memory-web-api来作为内存数据库,实现基本的数据存储。

本章主要是利用angular-in-memory-web-api实现搭建内存数据库,作为项目的数据来源和交互。

通过在使用命令

npm install 或者 yarn 

angular-in-memory-web-api 的数据库初始化如下所示:


Angular4开发简易blog系统(二)创建内存数据库_第1张图片

在项目中创建service文件夹,在文件夹中创建in-memory-data.service.ts服务。

由于在项目中的的关系比较复杂,所以会有很多数据结构,童鞋们需要仔细看angular-in-memory-web-api的文档,这是我的数据服务。

Angular4开发简易blog系统(二)创建内存数据库_第2张图片
初始化数据结构

写完service后需要在app.module中引用才会起作用,不然是无法使用的,如图所示。

Angular4开发简易blog系统(二)创建内存数据库_第3张图片
依赖注入service

接下来就是把service依赖注入到module中,这样就可以使用了。

如果还有不明如何搭建项目的可以看前面的文章。相关代码已经在git上。

你可能感兴趣的:(Angular4开发简易blog系统(二)创建内存数据库)