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的核心理论