Node08 - 配置模板引擎 -（route）

時間 2019-11-21

標籤 node08 node 配置模板引擎 route 简体版

原文原文鏈接

一、配置模板引擎html

　　　　（01）、輸出什麼東西　　　　　　　express

　　　　　　　　　　　　//view engine：視圖模板引擎(以何種方式呈現給用戶) => 指定輸出html
　　　　　　　　　 server.set('view engine', 'html');cookie

　　　　（02）、模板文件放在哪session

　　　　　　　　　//views: 指定好的dom

　　　　　　　　　server.set('views', './views');　post

　　　　（03）、哪一種模板引擎ui

　　　　　　　　　server.engin('html', consolidate.ejs);url

　　　　（04）、接受用戶請求
spa

　　　　　　　　　//render：渲染，渲染的文件是1.ejs，name：是ejs文件中的屬性 code

　　　　　　　　　　　 server.get('/index', function(req, res){
　　　　　　　　　　　　res.render('1.ejs', {name: bule});
　　　　　　　　　});

// Nodejs代碼
const express = require('express');
const static = require('express-static');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const cookieSession = require('cookie-session');
const consolidate = require('consolidate');
const multer = require('multer');
const path = require('path');

var server = express();
server.listen(8081);
//一、解析cookie
server.use(cookieParser('fjalsdpoasdmasdlkasdkas'));

//二、使用session
var arr = [];
for (var i = 0; i < 100000; i++){
    arr.push('keys_b'+ Math.random());
}
server.use(cookieSession({name: 'zns_sess_id', keys: arr, maxAge: 20*3600*1000}));

//三、post數據
server.use(bodyParser.urlencoded({extended: false}));
server.use(multer({dest: './www/upload'}).any());
//四、配置模板引擎
//0一、輸出什麼東西
    //view engine：視圖模板引擎(以何種方式呈現給用戶)  =>  指定輸出html
server.set('view engine', 'html');
//0二、模板引擎放在哪
    //views: 指定好的
server.set('views', './views');
//0三、哪一種模板引擎
server.engine('html', consolidate.ejs);
//0四、接受用戶數據
    //render：渲染
server.get('/index', function(req, res){
    if(req.session.userid){
        res.render('1.ejs', {name: bule});
    }else{
        res.render('login.ejs', {});
    }
});

//四、static數據
server.use(static('./www'));

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    個人名字：<%= name %>
</body>
</html>

二、路由 => router：（把不一樣的目錄，對應到不一樣的模塊）=> 基本用法

　　　（01）、建立router

//目錄1：/user/
//一、建立路由
var routeUser = express.Router();

　　　（02）、發送的內容（router內部）

//二、發送內容，至關於訪問：http://xxx.com/user/1.html
routeUser.get('/1.html', function (req, res) {
    res.send('user1');
});
routeUser.get('/2.html', function (req, res) {
    res.send('user2');
});

　　　（03）、添加到目錄下（把router添加到server）

//三、添加到目錄下
server.use('/user', routeUser);

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。