后端代码之服务端 - MongoDB数据库的连接、重启测试与(Studio3T)查看 - 讲解篇

---

前言

解决下列几个疑问：

1. 如何连接MongoDB数据库？
2. 如何通过Studio 3T应用程序查看数据库数据？

---

使用MongoDB作为数据库，首先需要使用一个中间件作为连接方式。
JavaScript提供了多个npm包作为中间连接的中间件。
为了更好的使用MongoDB，有开发者提供Mongoose和Mongoskin两种中间件。

Mongoose提供了一个直观的、基于模式的解决方案来建模应用程序数据，
所以，我选择使用Mongoose作为连接MongoDB的中间件。
它的优点：

• 直观
• 安装即用（包括内置类型转换、查询构建、业务逻辑挂钩、验证等等）

---

一、 在项目中安装Mongoose中间件

1. 打开cmd命令，cd到目录vue_book\book_service\book_service：
   cd c:\users\administrator\javascript\vue_book\book_service\book_service

2. 继续cmd命令，完成中间件的安装：
   npm install mongoose --save

cmd执行流，截图演示如下：

---

二、 安装完毕，新建一个路由作为测试路由

通过WebStorm软件，打开项目，编辑index.js文件：

1. 编辑前：

   //express示例
   var express = require('express');
   //路由引入
   var router = express.Router();
   
   /* GET home page. */
   //定义路由
   router.get('/', function(req, res, next) {
     res.render('index', { title: 'Express' });
   });
   
   module.exports = router;
   

2. 编辑后：

   //express示例
   var express = require('express');
   //路由引入
   var router = express.Router();
   //数据库引入
   var mongoose = require('mongoose');
   /* GET home page. */
   //定义路由
   router.get('/', function(req, res, next) {
     res.render('index', { title: 'Express' });
   });
   //定义路由二
   router.get('/mongooseTest', function (req, res, next) {
       mongoose.connect('mongodb://localhost/pets', { useMongoClient: true });
       mongoose.Promise = global.Promise;
   
       var Cat = mongoose.model('Cat', { name: String });
   
       var tom= new Cat({ name: 'Tom' });
       tom.save(function (err) {
          if (err) {
            console.log(err);
          }  else {
            console.log('success insert');
          }
       });
   
       res.send('数据库连接测试');
   });
   
   module.exports = router;
   
   

编辑好之后，保存上述代码文件。
通过上述代码对比，看得出来只是添加两处代码：数据库引入、定义路由二。

---

三、重启服务，浏览器查看：测试连接是否成功？

关闭cmd服务，然后重新cmd命令，重启服务器，进行测试。

CMD 重启命令如下：

1. cd c:\Users\Administrator\JavaScript\vue_book\book_service\book_service
2. set DEBUG= book_service & npm start
3. 浏览器查看地址：http://localhost:3000/mongooseTest

cmd执行流，截图演示如下：

---

四、浏览器效果，截图如下：

谷歌浏览器 - 查看地址：http://localhost:3000/mongooseTest

---

五、查看 MongoDB 数据库

通过Studio3T可视化工具，查看 MongoDB数据库的数据

• 双击打开PC端的Studio3T软件，鼠标右键 + 数据库，选择 “Refresh All” 。

更新前后，截图对比，如下：
更新之前截图

更新之后截图

---

以上就是关于“ 后端代码之服务端 - MongoDB数据库的连接、重启测试与(Studio3T)查看 - 讲解篇 ” 的全部内容。