NodeJS第3天--Express框架

最新推荐文章于 2024-04-29 11:43:38 发布

迷人的闫同学

最新推荐文章于 2024-04-29 11:43:38 发布

阅读量250

点赞数

分类专栏： Node.js

本文链接：https://blog.csdn.net/qq_28890415/article/details/100182178

版权

Node.js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、Express框架

express是一个自身功能极简，完全是由路由和中间插件构成的一个web开发框架，从本质上讲一个express应用就是在调用各种中间插件。

bin：存放启动项目的脚本文件，默认www。

说说创建项目：

快速创建一个应用的骨架:

1、全局安装express-generator（应用生成工具）

npm install express-generator -g 如果你已经安装了，则不再需要再次安装该应用生成工具

2、创建项目---在你指定的文件夹下，创建目录

express myapp3

3、进入你的项目目录

cd myapp3

4、安装依赖

npm install

5、运行

set DEBUG=myapp & npm start

set DEBUG=myapp 或 npm start只需要执行其中一个就可以了；

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

//npm init 创建package.json

示例：

Npm install --save express 如果你的电脑已经安装了express，则不需要再次安装

Npm install --save formidable 创建表单

Npm install --save gm 图片处理工具

Npm install --save ejs 模板引擎

npm install --save multiparty 上传文件

npm install --save fs

npm install --save swig 加载模板处理模块

Npm install --save mongodb 数据库

Npm install --save mongoose 数据库

npm install express-session --save //添加session

npm install connect-mongo --save

passport

morgan

 运行：npm start

--save 表示自动修改package.json文件。自动添加依赖项

错误：

解决：npm cache clean --force //清除缓存--强制

然后再运行，成功！

Express框架是后台的Node框架，所以和jQuery、zepto、yui、bootstrap都不一个东西。

Express在后台的受欢迎的程度，和jQuery一样，就是企业的事实上的标准。

● 原生Node开发，会发现有很多问题。比如：

■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题

■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数

■ 不能集中精力写业务，要考虑很多其他的东西

路由能力：

var express = require("express");
var app = express();
app.get("/",function(req,res){
    res.send("你好");
});
app.get("/haha",function(req,res){
    res.send("这是haha页面，哈哈哈哈哈哈");
});
app.get(/^\/student\/([\d]{10})$/,function(req,res){
    res.send("学生信息，学号" + req.params[0]);
});
app.get("/teacher/:gonghao",function(req,res){
    res.send("老师信息，工号" + req.params.gonghao);
});
app.listen(3000);

静态文件伺服能力：

app.use(express.static("./public"));

模板引擎：

var express = require("express");
var app = express();
app.set("view engine","ejs");

app.get("/",function(req,res){   
    res.render("haha",{"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]   });
});
app.listen(3000);

二、路由

当用get请求访问一个网址的时候，做什么事情：

app.get("网址",function(req,res){
	
});

当用post访问一个网址的时候，做什么事情：

app.post("网址",function(req,res){
	
});

如果想处理这个网址的任何method的请求，那么写all：

app.all("/",function(){
	
});

这里的网址，不分大小写，也就是说，你路由是：

app.get("/AAb",function(req,res){
    res.send("你好");
});

实际上小写的访问也行。

字符串匹配：

app.get("/student/:id",function(req,res){
    var id = req.params["id"];
    var reg= /^[\d]{6}$/;   //正则验证
    if(reg.test(id)){
        res.send(id);
    }else{
        res.send("请检查格式");
    }
});

输入：http://localhost:3000/student/123456

输出：123456

app.get("/:username/:oid",function(req,res){
    var username = req.params["username"];
    var oid = req.params["oid"];

    res.write(username);
    res.end(oid);
});

app.listen(3000);

输入：http://localhost:3000/stu/666

输出:stu666

每次刷新都加1：

var http = require("http");

// 这个语句，就在打开服务器的时候，执行一次。
// 每次用户访问的时候，不执行这个语句
var a = 100;

var server = http.createServer(function(req,res){
    // 用户访问的时候，执行这里的语句：
    a++;
    res.end(a.toString());
});

server.listen(3000,"127.0.0.1");

三、中间件

如果我的的get、post回调函数中，没有next参数，那么就匹配上第一个路由，就不会往下匹配了。

如果想往下匹配的话，那么需要写next()

app.get("/",function(req,res,next){
    console.log("1");
    next();
});
app.get("/",function(req,res){
    console.log("2");
});

下面两个路由，感觉没有关系：

app.get("/:username/:id",function(req,res){
    console.log("1");
    res.send("用户信息" + req.params.username);
});
app.get("/admin/login",function(req,res){
    console.log("2");
    res.send("管理员登录");
});

但是实际上冲突了，因为admin可以当做用户名 login可以当做id。

解决方法1：交换位置。也就是说，express中所有的路由（中间件）的顺序至关重要。

匹配上第一个，就不会往下匹配了。具体的往上写，抽象的往下写。

app.get("/admin/login",function(req,res){
    console.log("2");
    res.send("管理员登录");
});
app.get("/:username/:id",function(req,res){
    console.log("1");
    res.send("用户信息" + req.params.username);
});

解决方法2：

app.get("/:username/:id",function(req,res,next){
    var username = req.params.username;
    //检索数据库，如果username不存在，那么next()
    if(检索数据库){
        console.log("1");
        res.send("用户信息");
    }else{
        next();
    }
});
app.get("/admin/login",function(req,res){
    console.log("2");
    res.send("管理员登录");
});

中间件分为以下几种：

应用级中间件
路由级中间件
错误处理中间件
内置中间件
第三方中间件

app.use():

app.use()也是一个中间件。与get、post不同的是，他的网址不是精确匹配的。而是能够有小文件夹拓展的。

比如网址： http://127.0.0.1:3000/admin/aa/bb/cc/dd

app.use("/admin",function(req,res){ 
    res.write(req.originalUrl + "\n");   //    /admin/aa/bb/cc/dd
    res.write(req.baseUrl + "\n");  //   /admin
    res.write(req.path + "\n");   //    /aa/bb/cc/dd
    res.end("你好");
});

//当你不写路径的时候，实际上就相当于"/"，就是所有网址
app.use(function(req,res,next){
    console.log(new Date());
    next();
});

● 大多数情况下，渲染内容用res.render()，将会根据views中的模板文件进行渲染。如果不想使用views文件夹，想自己设置文件夹名字，那么app.set("views","aaaa");

● 如果想写一个快速测试页，当然可以使用res.send()。这个函数将根据内容，自动帮我们设置了Content-Type头部和200状态码。send()只能用一次，和end一样。和end不一样在哪里？能够自动设置MIME类型。

● 如果想使用不同的状态码，可以：

res.status(404).send('Sorry, we cannot find that!');

● 如果想使用不同的Content-Type，可以：

res.set('Content-Type', 'text/html');

四、GET请求和POST请求的参数

● GET请求的参数在URL中，在原生Node中，需要使用url模块来识别参数字符串。在Express中，不需要使用url模块了。可以直接使用req.query对象。

● POST请求在express中不能直接获得，必须使用body-parser模块。使用后，将可以用req.body得到参数。但是如果表单中含有文件上传，那么还是需要使用formidable模块。

安装：npm install body-parser

使用：req.body获取post过来的参数

const type= req.body.type;  //信件类型
const name = req.body.name;  //名字

迷人的闫同学

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
NodeJS第3天--Express框架

目录一、Express框架二、路由三、中间件四、GET请求和POST请求的参数一、Express框架express是一个自身功能极简，完全是由路由和中间插件构成的一个web开发框架，从本质上讲一个express应用就是在调用各种中间插件。bin：存放启动项目的脚本文件，默认www。说说创建项目：快速创建一个应用的骨架:1、全局安装express-gen...
复制链接

扫一扫