以前看到一堆英文就果断关闭,现在因为工作需要回来好好学习,诶,记录下。
或者可以简单速用教程
下面根据实际项目记录:
首先,为了代码规范,使用严格模式"use strict"
(本篇所有文件中只有路由部分,http部分未贴)
1.node环境下安装:
珍惜中文part:http://www.expressjs.com.cn/starter/installing.html
具体:
//打开路径文件夹
$ cd myapp
//安装
$ npm install express --save
2.框架:
认知里相当原生的框架(express+jquery):
项目目录:
页面:views ; 静态资源:public
路由代理:routes
路由配置:app.js
项目配置:package.json
访问接口/服务器地址配置:env.ini
3.路由:
app.js:
//require只基于node环境中
var express = require('express');
var path = require('path');//引入node中的path模块,处理文件路径
var ejs = require('ejs');//引入模板引擎
var logger = require('morgan');//引入日志
var app = express();
//设置模板引擎为html页面
app.set('views', path.join(__dirname, 'views'));
app.engine('html', ejs.__express);
app.set('view engine', 'html');
//创建日志(重启即更新)
app.use(logger('dev'));
//express中间件使用
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(express.static(path.join(__dirname, 'public')));
//创建router并激活(创建新目录)
var indexRouter = require('./routes/index');
app.use('/index',indexRouter);
//暴露模块接口
module.exports = app;
express中间件(middleware function):
- json() : 使用json转换
- static() : 加载静态资源
- Router() : 创建路由
- urlencoded() : 解析请求
routes/index.js (新项目路由文件)
var express = require('express');
var router = express.Router();
//render新项目(index)的首页
router.get('/', function (req, res) {
res.render('index/index');
});
4.开发
views/index/index.html
1.开发页面
2.静态资源放在public文件夹下,即引用时以public为资源当前目录,例:/js/index.js