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

大部分的前端人员对数据库的操作还是有些感冒的,毕竟数据库的操作还是属于后台人员负责的,我们都是通过调用后台人员提供的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上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容