《Node + Express 快速搭建網(wǎng)站》學習筆記-3Node入口文件分析和目錄初始化

2-2創(chuàng)建四個jade視圖及入口文件中處理

ch2-項目前后端流程打通

代碼結(jié)構(gòu)

具體代碼

app.js

var express = require('express');
var port = process.env.PORT || 3000;
var app = express();

app.set('views', './views');
app.set('view engine', 'jade');
app.listen(port);

console.log('imooc started on port ' + port);

//路由
//index page
app.get('/', function(req, res){    //路由規(guī)則和URL地址相匹配
    res.render('index', {   //渲染模板
        title: 'imooc 首頁'
    });
});

//detail page
app.get('/movie/:id', function(req, res){
    res.render('detail', {
        title: 'imooc 詳情頁'
    });
});

//admin page
app.get('/admin/movie', function(req, res){
    res.render('admin', {
        title: 'imooc 錄入頁'
    });
});

//list page
app.get('/admin/list/', function(req, res){
    res.render('list', {
        title: 'imooc 列表頁'
    });
});

index.jade、detail.jade、admin.jade、list.jade

doctype
html
    head
        meta(charset="utf-8")
        title #{title}
    body
        h1 #{title}

測試




最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容