使用node和express+mongodb实现数据增删改功能

2018即将过去，2019即将来临，前端技术不断在在更新，学的东西越来越多。我们只有不断的学习，才不能被淘汰。在前后端分离的一个时代，后端提供接口，前端调用接口，逻辑判断，每个都是独立的工作。如果自己在空余的时间，想学习新的知识，却没有好的接口，只能写写假的json数据。或者网上开源的数据库，mock，野狗数据库，firebase，或者使用本地的json-server搭建本地数据库使用也是完全没有问题的，也可以正常的实现数据的接口请求。

　今天小编就写一遍关于node写接口的文档，会从环境搭建，数据库链接，数据模型，接口文档以及到测试，一步一步的来，尽最大可能写好，让每一位读者都能看懂，文章可能过程，希望慢慢理解

2018最后的一篇博客，希望在2019继续努力

1.准备工作

postman接口测试工具，
node安装
mlab数据存储
mongodb数据库

2.node + express环境搭建

2.1环境搭建之前，首先要检查自己电脑是否安装node环境，如果没有安装，先安装node环境.

2.2在自己电脑创建一个目录文件，打开自己终端，先进行初始化 cnpm init(在这里使用了cnpm国内镜像，如果没有安装，请自行安装cnpm)；

初始化之后会出现下面这个界面，会在我们的文件中生成一个package.json文件；

2.3在自己根目录创建一个入口文件，app.js文件或者通过终端命令touch app.js创建一个文件，

2.4这时候我们可以搭建服务器环境，但是需要依赖express，这时候我们就需要安装express

cnpm install express

2.5工作环境准备好之后，需要在我们的入口文件引入express，并创建一个app实列，请看下面，

　　2.5.1：port是我们的端口号，app.listen是监听端口号运行

　　2.5.2：然后通过node app.js运行，查看服务器是否正常运行成功，然后在浏览器出入http://localhost:5000，就可以查看运行的结果了

2.6但是我们每次修改代码的时候都要重新运行node app.js，这个时候我们只需要安装nodemon,监听node变化的一个工具

cnpm install nodemon -g  在这里是全局安装

2.7：配置package.json启动命令，在开发环境的时候，直接可以通过cnpm run app来监听每次修改node的变化，nodemon我们已经全局安装过了，可以在任何地方都可以使用，只要我们每次修改代码都会发生变化，这样我们就不会手动输入命令了

3.数据库mlab创建

3.1:mlab是MongoDB提供的免费存储的数据库，使用的时候必须先注册，才可以使用，这个mlab需要FQ注册，注册登录之后会出现下面的界面

3.2然后点击Create new 创建》》》》然后选择下面的两个，amazon和SANDBOX最后点击右下角CONTINUE，会跳转下一步

3.3在这个界面选择国家地区，选择US EAST和Europe都可以，然后点击CONTINUE，会跳转下一步

3.4在这个界面，需要我们输入一个名字，名字随便输入，然后点击CONTINUE，会跳转下一步，

3.5在下一个页面，然后在点击SUBMIT ORDER，这样我们就创建好一个数据库，然后点击进入数据库中

3.6进入我的数据库中，黄色警告提示我们需要创建一个用户信息，也就是我们最后链接的用户名和密码，点击add会弹出一个框，然后我门添加用户名和密码就可以了，最后点击CREATE，这样我们的数据库就已经创建完成了，接下来我们可以使用node链接我们的数据库了

4.node链接MongoDB

4.1安装mongoose链接数据库

cnpm install mongoose

4.2然后在你的入口文件引入(app.js),

const mongoose require('mongoose')

4.3在我们的根目录创建一个config文件，在confing中创建一个db.js文件，这个文件存放我们的数据库的地址，连接数据库的地址放在一个单独的文件，把我们服务器的地址引入过了就行了，修改用户名和密码就行了，

4.4使用mongoose链接数据库，在我们的根目录引入config下面的db文件。然后通过mongoose链接数据，最后在控制台可以看到我们已经链接成功了，到现在为止，数据已经链接配置好了，接下来接开始写接口

5.接口路由搭建和数据模型

5.1在我们的根目录下创建一个router >>> api >>> useinfo.js文件，这个用于存放我们的请求接口的路由文件;

　　5.1.1在userinfo文件中引入express和路由，先写一个get请求方法，

　　5.2.2需要在我们的app.js文件引入userinfo.js文件，并使用router中间件，不然不会生效

/api/userinfo：这个相当于我们访问的接口地址

//引入userinfo.js
const userinfo = require('./router/api/userinfo')


//使用router中间件
app.use('/api/userinfo',userinfo)

然后就可以在浏览器输入http://localhost:5000/api/userinfo

5.2postman接口测试工具使用

　　5.2.1我们已经写好一个get的测试请求，接下来我们进行测试，我们可以通过postman这个工具进行测试，下载好之后需要登录注册，

　　下载好之后打开这个工具，第一步输入我们的地址，点击send，就能看到我们请求的结果是否正确了

5.3创建数据模型

5.3.1创建我们的数据模型用于存放数据字段名。在根目录创建models文件，然后创建Userinfo.js文件，用于写数据字段模型。

创建了name,age,sex,address,date几个字段名，(使用什么字段创建什么字段，在这里先使用这么多)

mongoose.Schema是一个MongoDB对象建模工具,

每一个Schema对应一个mongoDB collection 并且在那个collection里面定义了documents的模型。

5.4编写路由接口，实现数据的添加，删除，修改功能

在我们路由文件userinfo引入数据模型Userinfo文件，这样我们就可以查询数据库中是否有这些字段名了

const Userinfo =require('../../models/Userinfo')

5.4.1添加用户信息

　　添加用户信息肯定需要使用post去添加用户信息了，这时候我们需要安装第三方依赖body-parser

cnpm install body-parser

　　5.4.2在安装完之后，需要在app.js文件引入，并使用，这样我们就可以使用post进行数据存储了

const bodyParser = require('body-parser')

//使用body-parser中间件
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

5.4.3添加数据接口,。先创建一个空的对，判断数据是否存在，如果不存在的话，通过new Userinfo添加数据库中，Userinfo就是我们上面引入的模型

// $route  GET api/userinfo/add
// @desc   添加用户数据
// @access public
router.post('/add',(req,res) => {
    const UserName = {};
    if(req.body.name) UserName.name = req.body.name;
    if(req.body.sex) UserName.sex = req.body.sex;
    if(req.body.age) UserName.age = req.body.age;
    if(req.body.address) UserName.address = req.body.address;
    
    new Userinfo(UserName).save().then(user => {
    res.json(user);
  });
})

5.4.4使用postman接口测试，请求接口类型是post请求，输入我们的接口地址，添加字段，点击send，就可以看到我们添加数据的字段了。

5.5获取所有数据

5.5.1通过get请求，获取数据库中所有的数据信息

// $route  GET api/userinfo
// @desc   获取所有的数据
// @access public
//find()是mongodb的数据库语法
router.get("/", (req,res) => {
    Userinfo.find().then(user => {
        if(!user) {
            return res.status(400).json("没有任何数据存在")
        }
        return res.json(user)
    }).catch(err => {
        return res.status(404).json(err)
    })
});

5.5.1通过postman测试接口，http://localhost:5000/api/userinfo，就可以获取到我们数据库中所有的信息了，

5.6获取单个用户信息

5.6.1：通过根据用户的id去获取单个用户的信息

// $route  GET api/userinfo/:id
// @desc   获取单个的数据
// @access public
router.get('/:id',(req,res) => {
    Userinfo.findOne({_id:req.params.id}).then(user => {
        if(!user) {
            return res.status(400).json("没有任何数据存在")
        }
        return res.json(user)
    }).catch(err => {
        return res.status(404).json(err)
    })
})

5.6.2通过postman测试接口，http://localhost:5000/api/userinfo/5c27929b2a87821914f8b195，就可以获取到我们数据库中所需要的信息

5.7编辑用户信息

5.7.1编辑用户信息，也是根据用户的id去更新数据，通过monoose提供的findByIdAndUpdate去更新数据库

// $route  GET api/userinfo/exit/:id
// @desc   编辑用户信息
// @access public

router.post('/exit/:id',(req,res) => {
    const UserName = {};
    if(req.body.name) UserName.name = req.body.name;
    if(req.body.sex) UserName.sex = req.body.sex;
    if(req.body.age) UserName.age = req.body.age;
    if(req.body.address) UserName.address = req.body.address;
    //更新数据
    Userinfo.findByIdAndUpdate({ _id: req.params.id }, 
        { $set: UserName }, { new: true })
    .then(user => {
      if (!user) {
        return res.status(400).json("数据不存在");
      }
     res.json(user);
    })
    .catch(err => {
      return res.status(404).json(err);
    });
})

5.7.2这是我们更新第一个字段的用户信息，把张三的名字改成张飞，在postman中可以看到我们成功更新数据

5.8删除用户信息

5.8.1在这里，我们只删除根据用户的id删除，不会实现全部删除。

// $route  GET api/userinfo/delete/:id
// @desc   删除用户信息
// @access public

router.delete('/delete/:id',(req,res) => {
    Userinfo.findByIdAndRemove({_id:req.params.id}).then(user => {
        user.save().then(user => {
            res.json(user)
        })
    }).catch(err => {
        return res.status(404).json(err)
    })
})

5.8.2我们通过postman测试http://localhost:5000/api/userinfo/delete/5c27929b2a87821914f8b195，成功姓名为张飞的数据删除成功

以上都是我们使用node+express实现的数据的添加，删除，修改功能。希望这篇博客能够帮助你。提前祝愿2019前端小伙伴元旦快乐，2019更上技术更上一层楼。

使用node和express+mongodb实现数据增删改功能

猜你喜欢