Node.js连接mongo数据库上传文件的方法步骤

效果

请添加图片描述

初始化

创建项目文件夹mondo-express
安装包 npm i express-generator -g(作用一键生成项目列表)
在项目文件夹mondo-express用终端打开输入npx express-generator自动生成项目目录
安装包
- 终端进入默认创建的package.json输入 npm i下载依赖包
- 再下载用于连接数据库包输入 npm i mongoose
- 用于上传文件的包 npm i formidable
- 用于加密的包npm i bcryptjs
更改下package.json里的文件信息，以方便再终端启动“scripts”: { “start”: “nodemon ./bin/www” }
终端启动时输入npm start

model 下创建index.js用于连接数据库时的信息

const mongo=require("mongoose");
const userSchema=new mongo.Schema({
    username:String,
    password:String,
    gender:String,
    tel:String,
    avatarUrl:String
})
const userModel=mongo.model('runoob',userSchema,'users')
module.exports=userModel

修改app.js文件里的信息

引入数据库连接
引入路由模块

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

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

var app = express();

// 连接数据库
const mongoose = require('mongoose'); // 引入 mongoose，用于连接数据库
mongoose.connect('mongodb://localhost:27017/runoob'); // 连接数据库

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

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')));

//挂载路由
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');
});

module.exports = app;

router下修改user.js文件

这里是处理客户端请求的核心，遵循REST架构风格

GET-查询
POST-增加
PUT-修改
DELETE删除

查找

通过:_id?判断是否有id传入并执行相应响应,?表示可能有id也可能没有id
如果有id传入，按照id在数据库查找并返回对应的值
没有则查找数据库所有的内容并返回

增加

先初始化下form这里有三个参数代表允许上传一个文件，文件存放路径，保存原始文件后缀
form.parse(请求，回调)表示将req中内容交给form回调函数处理
fields里面包含普通文本信息，结构出来，files里面有文件信息，对象.的形式拿出来
进行下非空验证，和用户名是否存在验证
保存时需要对密码加密，这里采用bcrypt.hashSync(password,10)第一个参数要加密对象，第二个加密强度
向数据库保存信息，成功后返回给客户端

修改

通过/:_id拿到要修改对象的id信息
执行修改，成功后返回成功信息

删除

通过/:_id拿到删除对象id信息
执行删除，成功后返回成功信息

var express = require('express');
const db=require('../model/index')
const formidable=require('formidable')
const path=require('path')
var router = express.Router();
const bcrypt=require('bcryptjs')

// /* GET users listing. */

//查找
router.get('/:_id?',(req,res)=>{
  const {_id}=req.params;
  if(_id){
    console.log(_id);
    db
    // .findOne({_id:'6274ee9d620974ebd2122df8'})
    // .find({_id:_id})
    .findById(_id)
    .then(data=>{
      res.json({
        code:200,
        status:1,
        data,
      })
    })
  }else {
    db
        .find()
        .then(data=>{
          res.json({
            code:200,
            status:0,
            data
          })
        })
  }
})
//增加
router.post('/api/upload',(req,res,next)=>{

  const form=formidable({
    multiples: true,
    uploadDir: path.join(__dirname, '../static/upload'),
    keepExtensions: true,

  })
  form.parse(req,(err,fields, files)=>{
    if(err) {
      next(err);
      return;
    }
    const {name,password,gender,tel}=fields;
    const avatarUrl="/upload/"+ files.avatar.newFilename;//文件夹，包含上传文件
    if(!name || !password){
      res.json({
        code:200,
        status:1,
        message:"用户名或密码不能为空"
      })
    }else {
        db.findOne({username:name}).then(data=>{
        if(data==null){
          const hash=bcrypt.hashSync(password,10)
          new db({username:name,password:hash,gender,tel,avatarUrl})
              .save()
              .then(data=>{
                res.json({
                  code:200,
                  status:0,
                  message:data
                })
              })

        }else {
          res.json({
            code:200,
            status:1,
            message:"用户名已存在"
          })
        }
      })
    }
  })
   
})
 //修改
router.put('/:_id',(req,res)=>{
    const _id=req.params;
    const {username,password,gender,tel,avatarUrl}=req.body;
    db
    .updateOne({_id},{username,password,gender,tel,avatarUrl})
    .then((data)=>{
      res.json({
        code:200,
        status:0,
        message:"修改成功" 
      })
    })
 

})
//删除
router.delete('/:_id',(req,res)=>{
  const _id=req.params;
  db.deleteOne({_id}).then((data)=>{
    res.send({
      code:200,
      status:0,
      message:"删除成功"
    })
  })
})
module.exports = router;

创建上传文件保存文件夹

文件夹mondo-express下新建一个static/upload

在public下新建一个index.html 用于请求时的主页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>With <code>"express"</code> npm package</h2>
    <form action="users/api/upload" enctype="multipart/form-data" method="post">
        <div>name: <input type="text" name="name" /></div>
        <div>password:<input type="password" name="password"></div>
        <div>gender:<input type="text" name="gender"></div>
        <div> tel:<input type="text" name="tel"></div>
        <div>File: <input type="file" name="avatar" multiple="multiple" /></div>
      <input type="submit" value="Upload" />
    </form>
</body>
</html>

频道导航

Node.js连接mongo数据库上传文件的方法步骤

目录

效果

初始化

model 下创建index.js用于连接数据库时的信息

修改app.js文件里的信息

router下修改user.js文件

创建上传文件保存文件夹

在public下新建一个index.html 用于请求时的主页面

您可能感兴趣的文章: