「Node」Node.js+express 4.x基本使用

• 一、新建node项目并实现访问
• 二、在express4.x下，让ejs模板文件，使用扩展名为html的文件
• 三、实现路由功能
• 四、session使用
• 五、页面访问控制及提示
• 六、代码下载地址

一、新建node项目并实现访问

1.选择一个工程目录，通过命令行进入工程目录

2.全局安装express 命令：npm install -g express

3.使用express命令创建工程并支持ejs 命令：express -e myproject

该命令执行完后，根据提示安装依赖包，然后使用命令：SET DEBUG = myproject:* &npm start 启动程序

在浏览器输入localhost:3000访问新建的项目

二、在express4.x下，让ejs模板文件，使用扩展名为html的文件

1.加载依赖

var ejs = require('ejs'); 

2.修改配置

/*
 * 定义EJS模板引擎和模板文件位置，也可以使用jade或其他模型引擎
 */
//app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'ejs');
/**
 * 把上面两行 改成下面三行 页面使用.html文件
 */
app.set('views', path.join(__dirname, 'views/'));
app.engine('.html',ejs.renderFile);
app.set('view engine', 'html');// app.set('view engine', 'ejs'); </pre>

三、实现路由功能

1.加载路由控制

app.js

/**
 *  加载路由控制
 */
var routes = require('./routes/index');</pre>

2.配置路由

app.js

/**
 * 匹配路径和路由
 */ app.use('/', routes);  //home page
app.use('/login', routes);  //login page
app.use('/doLogin', routes);  //doLogin
app.use('/logout', routes);  //logout
app.use('/welcome', routes);  //welcome page</pre>

3.实现路由逻辑

routes/index.js

var express = require('express');
var router = express.Router();
/* home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});
/* login page. */
router.get('/login', function(req, res, next) {
  res.render('login', { title: 'login' });
});
/* doLogin */
router.post('/doLogin', function(req, res, next) {
    var user={
        username:'admin',
        password:'admin'
 }
    if(req.body.username===user.username && req.body.password===user.password){ res.redirect('welcome');
    }else{ return res.redirect('/login');
    }
});
/* logout */
router.get('/logout', function(req, res, next) { res.redirect('/login');
});
/* welcome page. */
router.get('/welcome', function(req, res, next) { res.render('welcome', { title: 'welcome' });
}); 

四、session使用

1.加载依赖

app.js

var cookieSession = require('cookie-session');

2.配置session

app.js

app.use(cookieSession({
  name: 'session',     //  he name of the cookie to set
 keys: ['key1', 'key2']
}));

3.登录验证

成功后，把user存入session；登录不成功时，把error提示信息存入session

index.js（修改doLogin）

/* doLogin */
router.post('/doLogin', function(req, res, next) {
    var user={
        username:'admin',
        password:'admin'
 }
    if(req.body.username===user.username && req.body.password===user.password){
        req.session.user = user;
        res.redirect('welcome');
    }else{
        req.session.error='username or password error!';
        return res.redirect('/login');
    }
});

4.app.js中增加以下代码 （这个和中间件有顺序问题，应放在中间件之前）

app.use(function(req, res, next){
  res.locals.session = req.session;
  res.locals.user = req.session.user;
  var err = req.session.error;
  delete req.session.error;
  res.locals.message = '';
  if (err) res.locals.message =  err ;
  next();
}); 

5.在html页面读取session里面的值

在login.html中加入：

<%- message %> 

当用户名和密码输入不正确的时候，将在代码处显示：username or password error!
在welcome.html中加入：

<%- session.user.username %>

该处会显示：admin

注意：此处也可以写成<%- user.username %> 或<%= session.user.username %>

五、页面访问控制及提示

1.在/welcome上拦截请求，调用authentication()进行认证，不通过则跳转到login.html并提示：please login

index.js

/* welcome page. */
router.get('/welcome', function(req, res, next) {
    authentication(req, res);
    console.log('wecome___'+ req.session.user);
    res.render('welcome', { title: 'welcome' });
});
function authentication(req, res) {
    console.log('Not login');
    if (!req.session.user) {
        req.session.error='please login';
        return res.redirect('/login');
    }
}

六、代码下载地址

https://github.com/LiaoXueqing/NodeJs.git