2-1Node入口文件分析和目錄初始化

ch2-項目前后端流程打通

項目結構的初始化

- imooc/
    > npm install express
    > npm install jade
    > npm install mongoose
    > npm install bower -g
    > bower install bootstrap 

入口文件編碼

app.js

var express = require('express');
var app = express();

app.set('view engine', 'jade');
app.set('port', 3000);

app.get('/', function(req, res){
    res.render('index', {title: 'imooc'});  //index → index.jade
});

index.jade

...
    title #{title}
...

初始時網站目錄結構

- imooc/
    -- node_modules/            //node依賴模塊
    -- bower_components/        //靜態資源安裝目錄
    -- views/                   //主要的視圖文件（測試）
        --- index.jade
        --- detail.jade
        --- admin.jade
        --- list.jade
    -- app.js                   //入口文件

測試前端流程

- localhost:3000/               //首頁
- localhost:3000/movie/1        //電影詳情頁
- localhost:3000/admin/movie    //后臺錄入頁
- localhost:3000/admin/list     //后臺電影管理列表頁