4.Express框架

2019-05-16 本文已影响0人 Ching_Lee

官网https://expressjs.com/
Express框架是后台的Node框架

1.安装express

npm init
npm install express --save

2. helloworld

在目录下建立一个入口文件app.js

执行

可以看到打印出3000

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：用于放静态资源文件