node+express+mongoDB搭建个人博客 ( 二)

搭建个人博客 ( YIDBlog )

(node+express+ejs+node+mongodb+mongoose)

(上一章已经将博客的界面搭建好了，这一章我们来实现用户的注册，登录等功能 )

一. 连接数据库

1.在根目录下创建config文件夹，在config文件夹中创建config.js文件来配置数据库信息

module.exports = {
    port: 3000,//端口号
    mongodb:'mongodb://localhost/simpleBlog'//连接本地数据库
};

2. 在根目录下创建models文件夹，该文件夹用来存放数据模型Schema Model , 创建user.model.js (名字自定义)

(Schema是一个文档的数据结构，它在Mongoose是一个JSON对象。它最大的特点就是无需确定字段的大小，这特别适用于需要改变对象大小的情况)

var mongoose = require('mongoose');
var UserSchema = new mongoose.Schema({
    username:String,
    password:String,
    email:String
});
mongoose.model('User',UserSchema);

这样就创建好了用户对象了，然后可以将模型和数据库连接了，修改user.model.js

var mongoose = require('mongoose');
var config = require('./../config/config');
mongoose.connect(config.mongodb);

var UserSchema = new mongoose.Schema({
    username:String,
    password:String,
    email:String
});
//这里会数据库会创建一个users集合
var User = mongoose.model('User', UserSchema);
module.exports = User;

3.修改routes下的index.js文件：

var mongoose = require('mongoose');
var User = require('./../models/user.model');
  //用户注册
  app.get('/reg', function (req, res) {
    res.render('reg', {
        title: '注册',
    });
  });

  app.post('/reg', function (req, res) {
      var user = new User({
          username:req.body.username,
          password:password,
          email:req.body.email
      });
      if(req.body['password'] != req.body['password-repeat']){

          //req.flash("error",'两次输入的密码不一致');
          console.log('两次输入的密码不一致');
          return res.redirect('/');//返回注册页
      }

      User.findOne({'username':user.username},function(err,data){
          if(err){
            req.flash("err",err);
            return res.redirect('/');
          }
          if(data != null){
           // req.flash('error','该用户已存在');
           console.log('该用户已存在');
            return res.redirect('/reg');//返回注册页
          }else{
            //保存新的用户
            user.save(function(err){
              if(err){
                //req.flash('err',err);
                console.log(err);
                return res.redirect('/');
              }
              //req.flash('success', '注册成功!');
              console.log('注册用户成功');
              res.redirect('/');//注册成功后返回主页
            })
          }
      })
  });

不熟悉mongodb语法的同学，可以在该网址简单学习下：
http://blog.163.com/ji_1006/blog/static/1061234120137221592807
可能会有人发现上面有个req.flash(),这个是返回提示语，比如注册成功，跳转之后会新的页面提示，只出现一次。

4.修改reg.ejs

<%- include header %>

<form class="form-horizontal" role="form" method="POST">
    <div class="form-group">
        <label for="firstname" class="col-sm-2 control-label">用户名</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="username" placeholder="输入用户名">
        </div>
    </div>
    <div class="form-group">
        <label for="lastname" class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" name="password" placeholder="输入密码">
        </div>
    </div>
    <div class="form-group">
        <label for="lastname" class="col-sm-2 control-label">重复密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" name="password-repeat" placeholder="输入密码">
        </div>
    </div>
    <div class="form-group">
        <label for="lastname" class="col-sm-2 control-label">邮箱</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="email" placeholder="再次输入密码">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <input type="submit" class="btn btn-default" value="完成注册" />
        </div>
    </div>
</form>
<%- include footer %>

在这里我们先用命令行查询下数据库是否有用户

通过该图可以看到用户是空的，接下来我们可以启动项目，然后访问 http://localhost:3000/reg

提交表单 ，我们再查询一次数据库，如图：

这里的密码是因为我自己的代码上加用了加密的方法，就这样，注册就成功了，接下来我们来写登录的功能。

5.在index.js原始基础上，我们继续添加代码：

app.get('/login',checkNoLogin,function (req, res) {
    res.render('login', {
        title: '登录'
    });
  });

  app.post('/login',function (req, res) {
      var password = req.body.password;
      //检查用户是否存在
      User.findOne({'username':req.body.username},function(err,user){
          if(err){
              console.log('error','err');
             // req.flash('error','登录出错');
              return res.redirect('/');
          }
          //用户不存在
          if(!user){
              console.log('error','用户不存在');
             // req.flash('error','用户不存在');
              return res.redirect('/login');
          }
          //判断密码是否一致
          if(user.username != password){
              console.log('error','密码错误');
            //  req.flash('error','密码错误');
              return res.redirect('/');
          }
          console.log(user.username);
          //req.flash('success','登录成功');
          res.redirect('/');
      });
  });

6.login.ejs代码如下:

<%- include header %>

<form class="form-horizontal" role="form" method="POST">
    <div class="form-group">
        <label for="firstname" class="col-sm-2 control-label">用户名</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="username" placeholder="输入用户名">
        </div>
    </div>
    <div class="form-group">
        <label for="lastname" class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" name="password" placeholder="输入密码">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <input type="submit" class="btn btn-default" value="登录" />
        </div>
    </div>
</form>
<%- include footer %>

用户注册和登录的功能就这样完成了，是不是觉得很简单呢？