官网https://expressjs.com/
Express框架是后台的Node框架
1.安装express
先创建空目录，在目录下执行：
npm init
npm install express --save
2. helloworld
在目录下建立一个入口文件app.js
执行
3.路由
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('Hello World!');
});
app.get('/haha', function (req, res) {
res.send('哈哈哈');
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});
get请求
app.get("/",function(req, res) {
});
// 获得请求参数
app.get("/student/:id", function(req, res){
let id = req.params["id"];
});
post请求
app.post("/",function(req, res){
});
处理所有请求
app.all("/",function(req, res){
});
路由的时候支持正则
4.静态文件
创建public目录用于存放静态文件
var express = require('express');
var app = express();
//静态文件
app.use(express.static("./public"));
5.与模板引擎相结合
-
首先要在目录下安装ejs
-
创建views文件夹，新建一个ejs文件
app.js中注册模板引擎
// 使用模板引擎
app.set("view engine", "ejs");
app.get("/yin", function(req, res) {
res.render('index', { title: '有啥新闻呢' });
});
6.中间件
路由get、post这些就是中间件，中间件讲究顺序，匹配上第一个之后，就不会往后匹配了。next函数才能继续往后匹配。所以具体的要往上写。
-
app.use()也是一个中间件，与get、post不同的是，他的网址不是精确匹配的，而是能够拓展的
当不写路径参数的时候，默认是“/”
app.use后面的模块一般是引入的,例如我们使用静态服务时
app.use(express.static("./public"));
404错误页,放到最后，前面都没有匹配到路由，就到这里了。
app.use(function(err, req, res){
res.send("没有这个页面！");
});
7.render 和 sender
- 大多数情况下，渲染内容用res.render(),将会根据views中的模板进行渲染，如果不想使用views文件夹，自己要设置文件夹的名字，可以使用
var path = require('path');
app.set('views', path.join(__dirname, 'haha'));
- 如果想写一个快速测试页，可以使用res.send(),这个函数根据内容，自动帮我们设置了Content-Type头部和200状态码。想使用不同的状态码
res.status(404).send("找不到该页面");
res.set(“Content-Type”，“text/html”);
8.处理GET、POST请求参数
-
Get请求的参数在URL中，在原生Node中需要使用url模块来识别参数字符串，在Express中，直接使用req.query对象。
- POST请求在express中不能直接获得，必须使用body-parser模块，使用后，将可以用req.body得到参数。但如果表单中含有文件上传，那么还是需要使用formidable模块。
具体使用：https://www.npmjs.com/package/body-parser
var express = require('express')
var bodyParser = require('body-parser')
var app = express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
app.post("/",function(req,res){
console.log(req.body)；
});
app.listen(3000);
9.MVC项目构成
在完整的项目目录下，一般会使用MVC的方式来构建代码。
M: model （model层主要是连接数据库，或者相后台Cgi发送请求获取数据）
V: view （就是页面模板，这里是ejs）
C:Controller （调用module中的方法获取数据，进行逻辑处理，并填充view）
public：用于放静态资源文件
10.express应用程序生成器
10.1 应用程序生成器能够快速的构建项目代码，相当于脚手架。
npm install express-generator -g
10.2 在当前目录下创建一个名为express_dev_2的项目，使用ejs
express --view=ejs express_dev_2
整个项目目录结构如下：
进入项目，安装依赖，将tnpm改为npm即可：
运行
10.3.Express项目解析
首先看package.json
我们在启动项目时，执行的是npm start,其实是在执行node ./bin/www，这是项目的入口文件。
在./bin/www文件中，完成了端口号的设置，服务的创建，端口的监听。
在app.js中引入了路由，设置了view及引擎。
当路由输入/的时候，会执行到routers/index.js
会去渲染views/index.ejs,同样可以看到传递了一个参数{title：‘Express’}
在index.ejs中，使用<%= title%>拿到传递的参数
10.4.热更新安装supervisor
如果我们需要不断的修改代码，希望能够同步更新，先要安装supervisor在全局环境下
tnpm install -g supervisor
然后在项目目录下，这样代码更新后就能够及时更改。
