node + express + mongodb 搭建后端接口

一.安装mongodb的环境
mongodb下载地址

mongodb 安装环境

二.开始搭建项目

在D盘 随便找一个位置 新建一个文件夹
在这里插入图片描述

然后 cd 到该文件加的目录路径,
安装我们需要的依赖

因为速度的问题 我们可以使用淘宝的镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g express-generator

// extest 是你新建的node端项目的name
express --view=jade extest
在这里插入图片描述
这个是生成后的样子
在这里插入图片描述
cd extest 进入文件目录

然后执行 cnpm install (安装程序所需要的依赖,安装好了之后,会出现一个node_mudules文件夹)

在这里插入图片描述
现在这里我们就差不多 完成一大半了
接下来 我们来处理mongodb的部分

我们node 有一个插件是mongoose
cnpm i mongoose@5.7.5 --save

//最好安装一下 body-parser 它的作用是 前端请求的post数据是一个chunk流,不方便我们解析
//有了这个插件 我们就可以很方便的查看前端post传过来的参数 做相应的处理
cnpm i body-parser --save

我们来看一下 routes/users 里面修改的结构
在这里插入图片描述
这个是里面的代码

let express = require('express');
let router = express.Router();
// 引入mongoose 插件
let mongoose = require('mongoose');
// 引入mongoose定义的schema table结构
let Users = require('../module/users');

//链接mongoose的数据库  angular是你在mongoose定义的数据库名字
mongoose.connect('mongodb://localhost:27017/angular');
mongoose.connection.on("connected", function() {
  console.log("mongoose链接成功");
});
mongoose.connection.on("open", function() {
  console.log("mongoose  open");
});
mongoose.connection.on("error", function() {
  console.log("mongoose   error");
});
mongoose.connection.on("disconnected", function() {
  console.log("mongoose  disconnected");
});

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});

router.get('/list', function(req, res, next) {
  //查找一条记录 
  Users.findOne({"userId": "20191019"}, function(err, doc) {
    // err 是判断查找是否出现错误
    if(err) {
        // 错误后 返回你想要给的信息
        res.json({
          msg: "登陆失败",
          status: 1
        });
    } else {
      // 这个是doc 查看里面是否又找到记录
      if(doc) {
        //找到了
        res.json({
          msg: "成功",
          data: {
            "userName": doc.userName,
            "password": doc.password
          }
        });
      } else {
        // 没找到
        res.json({
          msg: "用户名不存在"
        });
      }
    }
  })
});

module.exports = router;

我们看一下 modules里面的users 结构
我们自己生成的项目 是没有mudoles的,所以需要自己去新建一个modules文件夹
里面新建一个users.js 文件

在这里插入图片描述

let mongoose = require('mongoose');
let Schema = mongoose.Schema;


//定义一个users的结构
let usersSchema = new Schema({
    "userId": String,
    "userName": String,
    "password": String
});

module.exports = mongoose.model("Users", usersSchema, "users");

这里配置好了之后 我们去app.js 修改一下

在这里插入图片描述

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
let bodyParser = require('body-parser');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// 设置跨域
let allowCors = function(req, res, next) {
  // 代理去前端的请求地址
  res.header('Access-Control-Allow-Origin', 'http://localhost:4200');
  // 允许可以请求的方法
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
  // header 类型
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  // 这个是判断是否可以携带cookie请求信息
  res.header('Access-Control-Allow-Credentials','true');
  next();
};
app.use(allowCors);

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

//parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({extended: false}));
//parse application/json
app.use(bodyParser.json());

app.use('/', indexRouter);
// /users 是一级路径
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});


// 生产环境,500错误处理
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
      message: err.message,
      error: {}
  });
});

module.exports = app;

我们来看一下 mongodb 里面的数据

在这里插入图片描述
然后我们 启动express 项目
npm start

在这里插入图片描述

修改一下 bin/www 文件里面的端口
在这里插入图片描述

项目启动成功后 可以看到
在这里插入图片描述

然后我们把地址改成
localhost:3001/users/list

在这里插入图片描述
前端 要使用的话 通过nodejs的proxy 代理端口 就可以识别了

在这里插入图片描述

前端的话 通过

 axios.get("/users/list").then((response) => {
                // 拿到后端的结果
                let res = response.data;
                // 做一些业务处理
                // ...
            });

好了,这个就是node + mongoose 搭建后端的接口过程,如果有任何问题欢迎评论指出,如果对你有帮助,点个赞呗.

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值