express学习手记

最新推荐文章于 2024-06-23 12:24:07 发布
最新推荐文章于 2024-06-23 12:24:07 发布
阅读量504 收藏 2
点赞数
分类专栏： javascript nodejs 文章标签： express node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36428934/article/details/71214536
版权

学习并记录基于nodejs的express框架。什么是express呢？

基于 Node.js 平台，快速、开放、极简的 web 开发框架

安装

本次学习不采用全局安装，首先创建一个文件夹并进入，打开cmd，键入npm install express --save，回车安装express。

安装 Node 模块时，–save 参数可将此模块将被添加到 package.json（package.json的介绍） 文件中 dependencies 依赖列表中。

Hello World

创建helloWorld.js，写入以下代码：

var express = require('express');//加载express模块
var app = express();//创建express实例

app.get('/', function (req, res) {  
  res.send('hello World!');
});

var server = app.listen(3000, function () {
  console.log('Example app listening at http://localhost:3000);
});

待命令行显示Example app listening at http://localhost:3000后，在浏览器地址栏中输入localhost:3000便会看到熟悉的hello world了。

接下来记录一些express的常用属性及方法：

application

上文中的app即为application，下面介绍一些常用的方法：

1. app.use([path,] function [, function…])
用来注册express中间件，什么意思呢？简单来说就是处理http请求的。
怎么理解呢？直接上代码：

var express = require('express');
var app = express();

app.use(function(req,res,next){
    console.log('中间件');
    next();
})

app.get('/', function (req, res) {
    console.log('hello World')
  res.send('hello World!');
});

var server = app.listen(3000, function () {
  console.log('Example app listening at http://localhost:3000');
});

在app创建后注册一个中间件，此时访问localhost:3000，命令行打印如下：

这里写图片描述

注意中间件最后一行next()，如果没有这句代码，程序将会阻塞。第一个可选参数path用来指定中间件要处理的http请求地址。如：

app.use('/user',function(req,res,next){
    console.log('我只处理/user');
    next();
})

个人理解：拦截http请求并处理，处理完成之后通过next()放行;
app.get和app.post是app.use的特殊处理。path也可以用模式匹配和正则匹配：

//模式匹配：冒号后的‘变量’可以用req.params获取
app.use('/user/:id',function(req,res,next){
    console.log(req.params.id)
    next();
})

//正则匹配
app.use(/^\/(a.*)/,function(req,res,next){//匹配以a开头的地址，加括号可以在req.params中获取匹配结果。
    console.log(req.params)//
    next();
})

2. app.get(path, callback [, callback …])
可以简单的理解为设置一个get请求，path为路径，callback为当调用这个接口时的处理函数。
3. app.post(path, callback [, callback …])
设置post请求，参考上方。
4. app.listen(port, [hostname], [backlog], [callback])
监听port端口
5. 模板引擎
- app.set(‘view engine’, value)：设置view engine属性为你要使用的模板引擎值。
- app.engine(ext, callback)：根据相应的模板引擎设置后缀和处理函数。

设置ejs：

var ejs = require('ejs');
app.engine('.html', ejs.__express);
app.set('view engine', 'html')
app.set("views", process.cwd());//设置视图文件所在路径

完整示例：

//ejs.js

var express = require("express");
var ejs = require('ejs');

var app = express();

app.engine('.html', ejs.__express);
app.set('view engine', 'html')
app.set("views", app.path()); 

app.use(function(req, res, next) {
    res.locals.userinfo = {//res.locals设置本地变量，生命周期为本次请求有效。相对性的app.locals则是贯穿全局。
        username : "peter"
    };
    next();
});

app.get("/", function(req, res) {
    var list = [1, 2, 4, 5, 5, 7, 8];
    res.render("ejsTemp", {title : "ejs测试", list : list});
});

app.listen(4000);

//ejsTemp.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title><%=title%></title>
</head>
<body>
    <%= userinfo.username%>
    <ul>
        <%for(var i = 0 ; i < list.length ; i++) {%>
        <li><%= list[i]%></li>
        <%}%>
    </ul>
</body>
</html>

更多有关ejs的内容，烦请自行搜索。

request

request(以下简称req)对象表示一个HTTP请求，并包含一些请求时携带的属性。

1. req.body
请求体，可以配合body-parser和multer来处理post请求提交的参数。官方demo：

var app = require('express')();
var bodyParser = require('body-parser');
var multer = require('multer'); 

app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
app.use(multer()); // for parsing multipart/form-data

app.post('/', function (req, res) {
  console.log(req.body);
  res.json(req.body);
})

2. req.query
包含get请求url后的参数对象。例如URL为locahost:3000/user?username=peter&password=123456,那么req.query.username就是peter

3. req.cookies
结合cookie-parser模块可以操作cookie

var express = require('express');
var cookie = require('cookie-parser');

var app = express();
app.use(cookie())

之后便可在路由中以req.cookies.key操作cookie了

response

response(以下简称res)表示HTTP请求响应对象。
1. res.cookie(name, value [,options])
设置cookie：

res.cookie('username', 'peter',{'maxAge':30000});

2. res.clearCookie(name [,options])
删除指定cookie

res.clearCookie('username');

3. res.send([body])
返回json格式数据，参数可以是一个Buffer对象，一个字符串，一个对象，或者一个数组。当参数是对象或数组时，将已json格式返回。通过res.json([body])也可返回json数据。

res.send({username:'peter'});

4. res.redirect([status,] path)
重定向，可指定status

res.redirect('/user/login');

5. res.render(view [, locals] [, callback])
渲染视图并发送给客户端。view为项目视图（默认在views）目录下的文件。

6. res.set(field [, value])
设置响应头

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

最后，一些有帮助的链接，也是我学习express的地方：
express4.x API——未翻译的中文API
中文API——可以凑合着看。
express介绍——阮一峰

记忆未来
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Express学习
jk54546的博客
05-20 213
Express npm install express 1.框架特性 提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了简化 对模板引擎支持度高 提供了中间件机制有效控制HTTP请求 拥有大量第三方中间件 、 2. Express基础 2.1Express框架写路由 express路由的请求响应不再需要end方法而是用send（）方法： 1.send方法内部会检测响应内容的类型 2.send方法回自动设置http状态码 3.send方法会自动设置响应...
express学习
09-13
学习express的第一步就是安装express,通过本视频可以学习到安装技能
Node.js 系列之 Express 框架入门实战教程
最新发布
weixin_52268321的博客
06-23 956
官方解释为：Node.js是一个开源的，跨平台的 javascript 运行环境 通俗来讲：Node.js就是一款应用程序，是一款软件，它可以运行 javascript
PCI Express学习文档
07-08
PCI Express（PCIe）是一种高速接口标准，广泛用于计算机系统中的设备间通信，如显卡、网卡和硬盘。PCIe技术提供了比传统PCI接口更高的数据传输速率和...通过学习上述文档，可以全面了解PCIe的原理、规格以及实际应用。
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
vue3+express
07-22
vue3 + express的项目中报错：warning in ./node_modules/express/lib/view.js， Critical dependency: the request of a dependency is an expression 的解决方案。 必能解决。
VC++2010 Express 学习版(中文版）.rar
08-16
**VC++2010 Express 学习版(中文版)**是微软公司为开发者提供的一款免费的集成开发环境（IDE），特别针对C++编程语言设计。这个版本是为初学者和学生打造的，旨在简化C++编程的学习过程，同时也是计算机等级考试推荐...
express4.0
weixin_34101229的博客
05-31 200
express学习 本文档基于express4.x版本 http://expressjs.com/ express Hello World mkdir hello && cd hello && npm install express 新建app.js内容如下 var express = req...
学习express
qq_35224240的博客
05-22 277
基础概念 什么是express Express 是一个简洁而灵活的 node.js Web应用框架, 该框架建立在内置的http模块上，并且提供一系列强大特性帮助你创建各种Web应用，从本质上来说，一个Express应用就是在调用各种中间件。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求 定义了路由表用于执行不同的 HTTP 请求动作 可以通过向模板传递参数来动态渲染...
Node.js Express学习
木木
09-09 533
Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 一.安装 1.通过 npm init 命令为你的应用创建一个 package.json 文件  npm init 2.此命令将要求你输入几个参数，例如此应用的名称和版本。 你可以直接按“...
Express（学习笔记）
Cicada的博客
04-27 1658
黑马程序员Node.js全套入门教程（学习笔记）
express学习指南
实事求是，艰苦奋斗，小小的梦想，终将实现。
01-05 301
express介绍 Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架 Express 框架是后台的 Node 框架，所以和 jQuery、zepto、yui、bootstrap 都不一个东西。 Express 在后台的受欢迎的程度类似前端的 jQuery，就是企业的事实上的标 准。 express的特点 Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供 系列强大的特性，帮助你创建各种 Web 和移动设备应用 丰富的 HTTP
express框架学习
weixin_45842954的博客
03-12 468
提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了简化处理 对模板引擎支持程度高，方便渲染动态HTML页面 提供了中间件机制有效控制HTTP请求 拥有大量第三方中间件对功能进行扩展 //expess基础使用 // 引入express模块 const express = require('express'); // 创建应用对象 const app = express(); // 路由的设置 app.get('/',(request,response)=>{ response.end('
express 学习
qq_34369022的博客
09-05 281
安装 express 目录结构 controller 暴露 显示某个页面 models 写主要逻辑方法，读文件，连库 public 静态资源文件 views 模板文件 app.js 入口文件 package.json … 写入口文件app.use(express.static("./public")); //静态文件目录 app.get("/",router.showIndex);
学习express，从这里开始
Learn-anything.cn
11-24 237
一、express 是什么？ Express 是一个简洁而灵活的 node.js Web应用框架，可以快速地搭建一个功能完整的网站。 二、安装express并创建项目 通过 express-generator 创建带有基本配置的 express 项目，包括 路由(routes)、package.json、view(hbs模板)等，可以直接编写业务代码了。 # 1、安装工具 npm install -g express-generator # 2、创建项目：learn-express express
Express学习（一）
thq_kuqi的博客
03-04 794
首先尝试获取URL中携带 的查询参数，首先需要启动服务器，然后 复制该 网址，后面输入?运行后test.html文件调用如下，同样也可以调用该目录下的其它文件。然后获取URL中的动态参数，如下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值