美文网首页
nodejs+express+mongodb实现一个简单的前后端

nodejs+express+mongodb实现一个简单的前后端

作者: 天字一等 | 来源:发表于2018-10-16 18:37 被阅读129次

我的代码:

var express = require('express');
var app = express();
var swig = require('swig');  //加载模版
var MongoClient = require('mongoose');
app.engine('html',swig.renderFile);   //定义模版引擎,第一个参数是模版引擎名称,同时也是模版文件的后缀,使用swig.renderFile方法解析后缀威html的文件
app.set('views','./views');  //设置模版存放目录,第一个参数必须是views,第二个参数是目录
app.set('view engine','html');   //注册模版引擎,第一个参数必须是view engine,第二个参数和app.engine中定义的模版引擎的名称是一致的(第一个参数)
swig.setDefaults({cache: false});   //在开发过程中,需要取消模版默认缓存


app.get('/viewOne',function (req,res) {            //  /map.html表示在地址栏输入http://localhost:4000/map.html的意思,然后返回html文件夹下的map.html文件显示

    /*
    * 读取views文件夹下的指定文件,解析并返回给客户端
    * 第一个参数:指定的文件,相对于views目录 views/viewOne.html ,第二个参数{name:'xiao'}传递给viewOne页面,在viewOne页面可以这样取{{name}} ,如果有第三个参数则res.sendFile(__dirname + '/views/viewTwo.html')或者res.render("文案");
    * */
    res.render('viewOne',{name: 'xiao'},function (err,html) {
        //console.log(html);  //html是viewOne文件里的内容
        /*res.sendFile(__dirname + '/views/viewTwo.html');*/
        res.send(html);  //html是viewOne.html
    });
})
app.get('/viewTwo',function (req,res) {            //  /map.html表示在地址栏输入http://localhost:4000/map.html的意思,然后返回html文件夹下的map.html文件显示
    res.render('viewTwo');
})

//app.use('/admin',require('./routers/admin'));   //app.use加载用于处理http請求的middleware(中间件),当一个请求来的时候,会依次被这些 middlewares处理,在这里middlewares就是admin.js
//app.use('/api',require('./routers/api'));
//app.use('/',require('./routers/main'));

MongoClient.connect('mongodb://localhost:27017/node数据库',{ useNewUrlParser: true },function (err,db) {
    console.log('test')
});
var Schema = MongoClient.Schema; //创建一个Schema模型骨架,并且设置好user模版
var userSchema = new Schema({
    firstName:{type:String},
    lastName:{type:String}
});
var User = MongoClient.model("User",userSchema);  //Schema发布一个User的Model
app.get('/regist',function (req,res) {  //处理regist的get请求
    console.log('请求成功')
    //console.log(req.query.first_name)
    var user_1 = new User({
        firstName: req.query.first_name,
        lastName: req.query.last_name
    });
    //存储数据
    user_1.save(function (err) {
        if(err){
            res.end('Error');
            return next();
        }


    });
    //查询数据    find({})意为返回所有文档
    User.find({"firstName":"rr"}, function (err, results) {  //find({"firstName":"rr"}  查询指定条件的数据
        if(err){
            res.end('Error');
            return next();
        }
        //console.log(results)  //"9"
        //res.json(results);//以json数据类型返回值 返回到进行请求的页面 results是数据库存储的所有数据
    });
    //插入数据
    let data = {"firstName":'gg',"lastName":'gejin'};
    User.create(data,function (err,res) {
        if(err){
            res.end('Error');
            return next();
        }
    });
    let whereStr = {"firstName":"方法f"};
    let updateStr = {$set:{"lastName":"数据修改2"}};
    User.updateOne(whereStr,updateStr,function (err,res) {
        if (err) {
            console.log('加入购物车失败:' + err);
            return
        } else {
            // add
            console.log("修改成功")
        }
    });


});


var db = MongoClient.connection;
db.on('open',function () {
    console.log('MongoDB链接成功')
})
db.on('error',function () {
    console.log('MongoDB连接失败');
})


app.listen(4000,function () {
    console.log("连接上了")
})

转载的:https://segmentfault.com/a/1190000008387379

安装MongoDB

下载mongodb

设置环境变量

将mongodb 的 安装目录的 E:\Program Files\MongoDB\Server\3.4\bin 写入环境变量

启动服务

控制台 输入 mongodb --dbpath E:\MongoDB\data   这后面的路径便是数据集合的路径 
服务启动成功提示

[图片上传失败...(image-9e81d5-1539686012843)]

MongoDB监听的是27017端口,打开浏览器输入http://127.0.0.1:27017,则会看到如下提示:
  It looks like you are trying to access MongoDB over HTTP on the native driver port.

如果嫌每次输入命令打开服务麻烦的话可以 写成一个批处理文件 .bat 文件, 写上代码

start mongod --dbpath E:\MongoDB\data

安装模块

npm install mongoose --save

使用MongoDB

连接

在app.js 文件中

// 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

<!-- login.html -->

<h1>登录页面</h1>
   <div>
        <form action="/login" method="post">
            <p>
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" placeholder="用户名">
            </p>
            <p>
                <label for="password">密码 : </label>
                <input type="text" id="password" name="password" placeholder="密码">
            </p>
            <p>
                <input type="submit" value="登录">
            </p>
        </form>
    </div>
<!-- register.html -->
<h1>注册页面</h1>
    <a href="/login"> 去登录 </a>
    <div>
        <form action="/register" method="post">
            <p>
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" placeholder="用户名">
            </p>
            <p>
                <label for="password">密码 :</label>
                <input type="text" id="password" name="password" placeholder="密码">
            </p>
            <p>
                <label for="age">年龄 :</label>
                <input type="text" id="age" name="age" placeholder="年龄">
            </p>
            <p>
                <label for="address">地址 :</label>
                <input type="text" id="address" name="address" placeholder="地址">
            </p>
            <p>
                <input type="submit" value="注册">
            </p>
        </form>
    </div>

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

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) {

});
router.post('/register', function (req, res) {

});

这里我们需要安装一个模块 body-parser 用来解析post请求的参数

npm install body-parser --save
// app.js 

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

这样我们就可以通过 request.body 来拿到post 请求过来的 数据了

先写一个注册的

// routes/index.js

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

上面通过 mongoose 的 api 对数据库进行操作
Mongoose Api

然后就是验证登录的了

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('账号或密码错误')
        }
    } )
});

到这里就基本完成了 Express 对Mongodb 的连接,插入,查询。

ps : 参考文档 Mongoose Api

相关文章

  • nodejs+express+mongodb实现一个简单的前后端

    我的代码: 转载的:https://segmentfault.com/a/1190000008387379 安装M...

  • nodejs+express+mongodb实现登录并且实现权限

    记录nodejs+express+mongodb实现登录并且实现权限控制,还有登录密码加密处理1、使用到的模块页面...

  • 前端

    学习前准备 先了解,我们看到的网站内容,简单来说,是由前端和后端配合实现的,后端负责将数据库中的数据查出来,进行处...

  • 实现前后端登录注册界面

    本篇博客讲解如何实现前后端的简单登录注册界面,后端代码由node.js实现,主要阐述登录注册时网页工作原理。感兴趣...

  • NodeJS+Express+MongoDB简单实现数据库的操作

    http://www.cnblogs.com/best/p/6212807.html#_label3_0_1_4h...

  • Nginx反向代理配置

    首先部署实施后端Web服务器1)部署后端Web1服务器后端Web服务器可以简单使用yum方式安装httpd实现We...

  • nginx负载均衡

    upstream是Nginx的HTTP Upstream模块,这个模块通过一个简单的调度算法来实现客户端IP到后端...

  • 问卷调查网站制作-前后端开发

    前端使用jQuery,后端使用servlet制作一个简单问卷调查网站,使用的开发工具为eclipse。实现的功能:...

  • golang简单tcp代理

    使用golang网络编程实现一个简单的TCP代理(不支持HTTP) 使用方式 代理监听9000端口,代理后端服务的...

  • 04 | 后端初始化

    这里是在简书仿简书的第四篇,早睡早起身体好 前后端都要开发,那就后端先行,先来实现一个简单的 HTTP 服务,并配...

网友评论

      本文标题:nodejs+express+mongodb实现一个简单的前后端

      本文链接:https://www.haomeiwen.com/subject/zltkzftx.html