《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化

2-2创建四个jade视图及入口文件中处理

ch2-项目前后端流程打通

代码结构

《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化_第1张图片

具体代码

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){    //路由规则和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}

测试

《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化_第2张图片

《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化_第3张图片

《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化_第4张图片

《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化_第5张图片

你可能感兴趣的:(《Node + Express 快速搭建网站》学习笔记-3Node入口文件分析和目录初始化)