Express cli 項目構建
- 全局安裝 npm install express -g
- 進入項目目錄 npm init -y 初始化
在命令行中輸入 express 命令,自動生成項目目錄
npm install 安裝項目依賴
- 啓動 npm run start > localhost:3000即可進入項目
腳手架目錄結構分析
views/*.jade
文件的簡單實用 ;jade詳細語法將在後期補充
//在app.js中的模板引擎設置 (此views目錄不可修改移動)
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
public/
目錄是我們存放的靜態件 ;
//app.js 中使用靜態文件中間件
app.use(express.static(path.join(__dirname, 'public')));
router/
此目錄是路由目錄
// router/index.js 分析其中一個路由文件
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
// 一定要有res.render對模板有一個輸出
/**
* 'index' router文件下的 index.js 文件
* { title : ''} 這要往*.jade模板中輸入的 變量
*/
res.render('index', { title: 'Express' });
});
module.exports = router;
//使用 app.js
//引入 路由模塊
var index = require('./routes/index');
var users = require('./routes/users');
//配置路由模塊
app.use('/', index);
app.use('/users', users);//第一層路由
//不用cli搭建時 自定義的使用 這段的代碼有也是express的核心理論