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}
...
初始時網(wǎng)站目錄結構
- imooc/
-- node_modules/ //node依賴模塊
-- bower_components/ //靜態(tài)資源安裝目錄
-- 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 //后臺電影管理列表頁
