NodeJs Express Mongodb 实现简单用户注册、登入和查询功能

以你之姓@ 2023-10-18 16:21 132阅读 0赞

第一步：本机安装Mongodb,并设置为Windows 服务

1、Mongodb 官网下载地址:[http://www.mongodb.org/downloads][http_www.mongodb.org_downloads]

2、添加Mongodb 的全局环境变量

3、将Mongodb 设置为Windows 服务，执行如下代码：

mongod -dbpath "C:\Program Files\MongoDB\data" -logpath "C:\Program Files\MongoDB\log\MongoDB.log" -install -serviceName "MongoDB"

第二步：切换至Express 项目存储路径，创建项目(ios)

cd C:\\express\_wrokspace

express ios

第三步：切换至项目(ios)所在文件目录，本地安装关联模块(body-parse、mongoose、ejs)

cd C:\\express\_wrokspace\\ios

cnpm install body-parse \#body-parser 用来解析post请求的参数

cnpm install mongoose \#monodb 模块

cnpm install ejs \#视图模板引擎

第四步：编辑ios 项目中(package.json)文件集成mongoose 模块。在app.js 文件中，创建mongodb 的连接

在package.json 文件中

{
      "name": "ios",
      "version": "0.0.0",
      "private": true,
      "scripts": {
        "start": "node ./bin/www"
      },
      "dependencies": {
        "cookie-parser": "~1.4.3",
        "debug": "~2.6.9",
        "express": "~4.16.0",
        "http-errors": "~1.6.2",
        "ejs": "~2.6.1",
        "morgan": "~1.9.0",
    	"mongoose": "~5.4.20", #mongodb 模块
    	"body-parser": "~1.18.3"
      }
    }

在app.js 文件中，添加如下代码：

var mongoose = require('mongoose');            
    
    mongoose.connect('mongodb://localhost/blog')     //连接本地数据库blog 
    
    var db = mongoose.connection;
    
    // 连接成功
    db.on('open', function(){
        console.log('MongoDB Connection Successed');
    });
    // 连接失败
    db.on('error', function(){
        console.log('MongoDB Connection Error');
    });

**添加登入和注册页面**

在views 文件中添加login.html和register.html

**新增models模块**

在根路径下新建 models 文件夹。 添加 users.js

// Models/users.js
    
    var mongoose = require('mongoose');
    var Schema = mongoose.Schema;
    
    // 声明一个数据集 对象
    var userSchema = new Schema({
        username: {
            type: String,
            unique: true
        },
        password: {
            type: String
        },
        age: Number,
        address: String,
        createAt: {
            type: Date,
            default : Date.now()
        }
    });
    // 将数据模型暴露出去
    module.exports = mongoose.model('users', userSchema);

编写路由

// routes/index.js
    var express = require('express');
    var router = express.Router();
    var User = require('../models/users');
    
    /* /根路径 跳转至login.html */
    router.get('/', function(req, res, next) {
      res.sendfile('./views/login.html'); 
    });
    /* /a 跳转至register.html */
    router.get('/a', function(req, res, next) {
      res.sendfile('./views/register.html'); 
    });
    
    
    router.get('/login', function (req, res) {
        res.render('login');
    });
    router.get('/register', function (req, res) {
        res.render('register');
    });
    
    // 这里的业务逻辑将写在 两个post 路由里 
    router.post('/login', function (req, res) {
    	var postData = {
            username: req.body.username,
            password: req.body.password
        };
        User.findOne({
            username: postData.username,
            password: postData.password
        }, function (err, data) {
            if(err) throw err;
            if(data){
                res.send('登录成功');
            }else{
                res.send('账号或密码错误')
            }
        } )
    });
    router.post('/register', function (req, res) {
            // 获取用户提交的信息
        var postData = {
            username: req.body.username,
            password: req.body.password,
            age: req.body.age,
            address: req.body.address
        };
        // 查询是否被注册
        User.findOne({username: postData.username}, function (err, data) {
            if (data) {
                res.send('用户名已被注册');
            } else {
                // 保存到数据库
                User.create(postData, function (err, data) {
                    if (err) throw err;
                    console.log('注册成功');
                    res.redirect('/userList');      // 重定向到所用用户列表
                })
            }
        });
    });
    
    // 获取所有用户列表
    router.get('/userList', function (req, res) {
        var userList = User.find({}, function (err, data) {
            if (err) throw  err;
            res.send(data)
        });
    });
    
    module.exports = router;

本项目还需要依赖body-parser模块 (用来解析post请求的参数),编辑package.json

{
      "name": "ios",
      "version": "0.0.0",
      "private": true,
      "scripts": {
        "start": "node ./bin/www"
      },
      "dependencies": {
        "cookie-parser": "~1.4.3",
        "debug": "~2.6.9",
        "express": "~4.16.0",
        "http-errors": "~1.6.2",
        "ejs": "~2.6.1",         #依赖ejs 模块
        "morgan": "~1.9.0",
    	"mongoose": "~5.4.20",   #依赖mongoose 模块
    	"body-parser": "~1.18.3" #依赖body-parser模块
      }
    }

在app.js 文件中，添加如下代码：

// app.js 
    
    var bodyParser = require('body-parser')
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false}));

项目重新执行安装依赖:cnpm install

整体项目结构，效果展示:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 1][]

![20190329102519203.png][]

![20190329102604688.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 2][]

[http_www.mongodb.org_downloads]: http://www.mongodb.org/downloads
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190329102317860.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190329102443440.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70
[20190329102519203.png]: https://img-blog.csdnimg.cn/20190329102519203.png
[20190329102604688.png]: https://img-blog.csdnimg.cn/20190329102604688.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20190329102249711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70