# 建站流程
1. 需求分析
2. 項(xiàng)目依賴初始化
3. 入口文件編碼
4. 創(chuàng)建視圖
5. 測試前端流程
6. 樣式開發(fā),偽造模板數(shù)據(jù)
7. 設(shè)計(jì)數(shù)據(jù)庫模型
8. 開發(fā)后端邏輯
9. 配置依賴文件
10. 網(wǎng)站開發(fā)結(jié)束
安裝所需的nodejs模塊
```
jhw2@ubuntu:~/imooc$ npm install express jade moment mongoose
npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer
npm WARN deprecated mongodb@2.2.16: Please upgrade to 2.2.19 or higher
moment@2.17.1 node_modules/moment
express@4.14.0 node_modules/express
├── escape-html@1.0.3
├── array-flatten@1.1.1
......
```
目錄結(jié)構(gòu)
```
jhw2@ubuntu:~/imooc$ pwd
/home/jhw2/imooc
jhw2@ubuntu:~/imooc$ ls
app.js? node_modules? views
jhw2@ubuntu:~/imooc$
```
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);
```
運(yùn)行app.js
```
jhw2@ubuntu:~/imooc$ node app.js
imooc started on port 3000
^C
jhw2@ubuntu:~/imooc$ PORT=4000 node app.js
imooc started on port 4000
^C
jhw2@ubuntu:~/imooc$
```
index.jade代碼摊鸡、detail.jade代碼、list.jade代碼姻政、admin.jade代碼
所在目錄imooc/views/...
```
doctype
html
head
meta(charset="utf-8")
title #{title}
body
h1 #{title}
```
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){
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 列表頁'
});
});
```
運(yùn)行app.js
```
jhw2@ubuntu:~/imooc$ node app.js
imooc started on port 3000
```
在瀏覽器輸入框中輸入地址端口號localhost:3000,顯示頁面岂嗓,如果是虛擬機(jī)可以在瀏覽器上輸入虛擬機(jī)的IP地址加端口號
```
imooc 首頁
```