美文网首页Angular.js专场
Angular4开发简易blog系统(二)创建内存数据库

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

作者: JetLu009 | 来源:发表于2017-06-20 21:49 被阅读0次

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

    相关文章

      网友评论

        本文标题:Angular4开发简易blog系统(二)创建内存数据库

        本文链接:https://www.haomeiwen.com/subject/pupnqxtx.html