mongodb+node.js->express

Posted on

本篇博客主要是把网站的数据存于数据库的初次实践

这里是用一个简单的注册登录网页来进行说明

这里需要准备：node.js(版本尽量不要14以上,本人用14的就出了问题)

npm mongodb

npm install body-parse # 用来解析post请求的参数

npm install mongoose #monodb 模块

npm install ejs #视图模板引擎

NodeJs Express Mongodb 实现简单注册登录功能

    安装好 Node.js 需要使用的第三方模板，并在目标文件夹下执行
  1. express -e <文件名>
  2. 安装依赖npm install

需要的做的

    　　

    　　mgdb.js 文件用于连接 MongoDB数据库

    　　public文件夹用于存放公共文件 例如：三个页面的 css样式文件　　　　

    　

  1. app.js 文件用于开启服务器
  2. routes/index.js 文件用于请求路径设计 即路由操作
  3. views文件夹用于存放3个准备要使用到的页面，登录、注册、首页
  4. models模块在根路径下新建 models 文件夹。 添加 users.js,用于数据库模板

直接上源码，在源码解释（额，登录那些页面也就html就不解释了）

在app.js添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var mongoose = require('mongoose');            
 
mongoose.connect('mongodb://localhost:~~~~~')     //连接本地数据库的地址
 
var db = mongoose.connection;
 
// 连接成功
db.on('open', function(){
    console.log('Connection Successed');
});
// 连接失败
db.on('error', function(){
    console.log('Connection Error');
});
//如果用到body-parser,就得在这添加（其实这东西爱用不用）
var bodyParser = require('body-parser')
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false}));

在users.js添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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);

在index.js添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
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'); 
});
/* 跳转至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;

end

这是最后注册的用户存入数据库中的数据