一、express

可以做：web application、api...

特性：

  • 适合写简单的路由系统
  • 集成很多模板引擎
  • 中间件系统

二、请求与响应

var express = require('express');

var app = express();

//据说第二个参数是一个中间件方法

app.get('/', function(req, res) {

    //学会查api来学习更多知识，学会学习官方api文档

    var resObj = req.method;

    //send可以发送字符串、json（包含自动stringify）对象和数组

    res.send(resObj);

})

app.listen(3000);

console.log('listening to port 3000');

三、路由参数

server.js

var express = require('express');

var app = express();

app.get('/profile/:id/user/:name', function(req, res) {

    console.dir(req.params);

    res.send('you requested to a profile page with the name of ' + req.params.name);

})

app.listen(3000);

console.log('listening to port 3000');

terminal

chrome

四、查询字符串

server.js

app.get('/', function(req, res) {

    console.dir(req.query);

    res.send('home page:' + req.query.find);

})

terminal

chrome

五、post请求和postman工具

同时处理x-www-form和json

var express = require('express');

var bodyparser = require('body-parser');

var app = express();

//create application/json parser

var jsonParser = bodyparser.json();

//create application/x-www-form-urlencoded parser

var urlencodedParser = bodyparser.urlencoded({ extended: false})

app.post('/', urlencodedParser,function (req, res) {

    console.dir(req.body);

    res.send(req.body.name);

})

app.post('/upload', jsonParser, function (req, res) {

    console.dir(req.body);

    res.send(req.body.name);

})

参考链接：github/express/body-parser

六、上传文件

form.html

<body>

    <form action="/upload" method="post" enctype="multipart/form-data">

        <h2>单图上传</h2>

        <input type="file" name="logo">

        <input type="submit" value="submit">

    </form>

</body>

server.js

var express = require('express');

var bodyparser = require('body-parser');

var fs = require('fs');

var multer = require('multer');

var upload = multer({ dest: 'uploads/'});

var app = express();

//create application/json parser

var jsonParser = bodyparser.json();

//create application/x-www-form-urlencoded parser

var urlencodedParser = bodyparser.urlencoded({ extended: false})

app.get('/', function(req, res) {

    console.dir(req.query);

    res.send('home page:' + req.query.find);

})

app.get('/form', function(req, res) {

    var form = fs.readFileSync('./form.html', { encoding: 'utf8'});

    res.send(form);

})

app.post('/', urlencodedParser,function (req, res) {

    console.dir(req.body);

    res.send(req.body.name);

})

app.post('/upload', upload.single('logo'),function (req, res) {

    res.send({'ret_code': 0});

})

app.listen(3000);

console.log('listening to port 3000');

结构变化

参考链接：github/express/multer

tips:

app.get('/form', function(req, res) {

    var form = fs.readFileSync('./form.html', { encoding: 'utf8'});

    res.send(form);

})

等价于

app.get('/form', function(req, res) {

    res.sendFile(__dirname + '/form.html');

})

七、模板引擎

引入

app.set('view engine', 'ejs');

使用

server.js

app.get('/form/:name', function(req, res) {

    var person = req.params.name;

    res.render('form', { person: person});

    res.sendFile(__dirname + '/form.html');

})

form.ejs

<h1><%= person %></h1>

遍历数组

<ul>

    <%= data.hobbie.forEach(function(item){ %>

        <li>

            <%= item %>

        </li>

    <%= }) %>

</ul>

公用模板

使用

<%- include('partials/header.ejs') -%>

about.ejs

<body>

    <%- include('partials/header.ejs') -%>

</body>

渲染

app.get('/about', function(req, res) {

    var data = {age: 29, job: 'programmer', hobbie: ['eating', 'fighting', 'fishing']};

    res.render('about', { data: data});

})

参考链接：ejs.co、pug

八、中间件

解释：请求与响应之间的处理过程是中间件发挥作用的地方。

好处：共用模块、全局性的操作

类型：

  • 应用级中间件
  • 路由级中间件
  • 错误层次中间件
  • 内置中间件
  • 第三方中间件

执行顺序

app.use(function(req, res, next){

    console.log('1');

    next();

    console.log('3');

})

app.use(function(req, res, next){

    console.log('2');

})

路由中间件

server.js

var indexRouter = require('./routes/index.js');

var userRouter = require('./routes/user.js');

app.use('/', indexRouter);

app.use('/users', userRouter);

./route/index.js

var express = require('express');

var router = express.Router();

router.get('/', function(req, res, next) {

    res.send('root');

})

module.exports = router;

./route/user.js

var express = require('express');

var router = express.Router();

router.get('/', function(req, res, next) {

    res.send('user');

})

module.exports = router;

体会：用中间件写路由的好处

参考链接：express/using-middleware

express组件学习的更多相关文章

  1. C# BackgroundWorker组件学习入门介绍

    C# BackgroundWorker组件学习入门介绍 一个程序中需要进行大量的运算,并且需要在运算过程中支持用户一定的交互,为了获得更好的用户体验,使用BackgroundWorker来完成这一功能 ...

  2. bootstrap组件学习

    转自http://v3.bootcss.com/components/ bootstrap组件学习 矢量图标的用法<span class="glyphicon glyphicon-se ...

  3. C# BackgroundWorker组件学习

    C# BackgroundWorker组件学习  C# BackgroundWorker组件学习 一个程序中需要进行大量的运算,并且需要在运算过程中支持用户一定的交互,为了获得更好的用户体验,使用Ba ...

  4. [Python] wxPython 状态栏组件、消息对话框组件 学习总结(原创)

    1.状态栏组件 1.基本介绍 上图: 红框框内的就是状态栏. 他可以分成若干个区块,比如上者分为了两个区块,并且比例是固定的,创建时可以指定 每个区块都能够显示 信息,一般通过 绑定事件 实时更新 各 ...

  5. Vue组件学习

    根据Vue官方文档学习的笔记 在学习vue时,组件学习比较吃力,尤其是组件间的通信,所以总结一下,官方文档的组件部分. 注册组件 全局组件 语法如下,组件模板需要使用一个根标签包裹起来.data必须是 ...

  6. 开始nodejs+express的学习+实践（1）

    开始nodejs+express的学习+实践(1) 开始nodejs+express的学习+实践(2) 开始nodejs+express的学习+实践(3) 开始nodejs+express的学习+实践 ...

  7. vue组件学习(二)

    父子组件之间的数据传递, 父传给子: 直接在组件上传,如:<count :number="2"> (冒号和不要冒号的区别,有冒号会自动转为相应的类型)在名为count的 ...

  8. vue组件学习(一)

    1, vue中的 is 的用法,有时候我们需要把一个组件绑定到指定的标签下,比如把tr组件放到table下,直接这样写是不行的, <!DOCTYPE html> <html lang ...

  9. express 的学习 （1）

    - 安装`npm i express -S` - :引入express第三方对象 - :构建一个服务器对象 - :开启服务器监听端口 - :处理响应 1.下载 新建一个文件夹,cmd 进去,使用命令 ...

随机推荐

  1. 生产者消费者模式-Java实现

    感知阶段 随着软件业的发展,互联网用户的日渐增多,并发这门艺术的兴起似乎是那么合情合理.每日PV十多亿的淘宝,处理并发的手段可谓是业界一流.用户访问淘宝首页的平均等待时间只有区区几秒,但是服务器所处理 ...

  2. 条目二十一《总是让比较函数在等值情况下返回false》

    条目二十一<总是让比较函数在等值情况下返回false> 这条目对序列容器是不适合的,因为序列容器就是通过等值判断来比较的. 对于关联容器来说,比较是等价比较,所以要注意等值的时候,比较子的 ...

  3. 关于web界面设计的整体可维护性的感悟

    1.表现与数据分开管理: 某些数据具备特殊的表现格式,比如颜色,大小等等.为了对这些格式表现分开管理进行 a.使用css定义该类型数据的表现形式: 定义数据的类别,通过该类别对数据格式进行统一定义 . ...

  4. if else 和 or 的新用法

    a = 1b = 2c = a if a > b else b print(c)print(id(c))print(id(b)) 条件为真返回前面的为假返回后面的 a = 0 b = 2 c = ...

  5. poi操作Excel并修改单元格背景色

    废话不多说,直接来代码!!! 其中标红的才是重点!!! 代码中有时可以不用创建新文件, 如果报错的话可以通过创建新文件来进行操作(懒,没去找报错原因),不过原文件也会被修改. 操作之前做好备份!操作之 ...

  6. JAVA中 this关键字的用法

    this 在类中就是代表当前对象,可以通过 this 关键字完成当前对象的成员属性.成员方法和构造方法的调用. 那么何时用 this? 当在定义类中的方法时,如果需要调用该类对象,就可以用 this来 ...

  7. 论文阅读 | ExtremeNet：Bottom-up Object Detection by Grouping Extreme and Center Points

    相关链接 论文地址:https://arxiv.org/abs/1901.08043 论文代码:https://github.com/xingyizhou/ExtremeNet 概述 ExtremeN ...

  8. I2C裸机驱动程序设计

    ① I2C(Inter-Integrated Circuit)总线是由飞利浦公司开发的两线式串行总线,用于连接微控制器及其外围设备 ② I2C总线有两根双向信号线 (1)SDA:Serial Data ...

  9. python创建目录并更改权限的代码

    如下代码段是关于python创建目录并更改权限的代码. import os os.mkdir("foo", 0666)

  10. Android开发多媒体应用之SoundPool的使用的代码

    内容过程中,把写内容过程中比较好的内容段记录起来,下面的内容是关于Android开发多媒体应用之SoundPool的使用的内容,希望对各位也有用途. public class MainActivity ...