• Node-Express框架的用法

    题记

            node.js中express框架的用法

    Express框架的特点

            可以设置中间件来响应 HTTP 请求。

            定义了路由表用于执行不同的 HTTP 请求动作。

            可以通过向模板传递参数来动态渲染 HTML 页面。

    安装Express模块 

            npm install express --save

    安装重要模块 

            npm install body-parser --save
            npm install cookie-parser --save
            npm install multer --save

    查看express版本 

            npm list express

    请求和响应

            语法：

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

    创建实例 

            创建main.js实例： 

    1. //main.js 文件
    2. var express = require('express');
    3. var app = express();
    4.  
    5. app.get('/', function (req, res) {
    6.    res.send('Hello World');
    7. })
    8.  
    9. var server = app.listen(8080, function () {
    10.  
    11.   var host = server.address().address
    12.   var port = server.address().port
    13.  
    14.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    15.  
    16. })

    路由

    1. var express = require('express');
    2. var app = express();
    3.  
    4. //  主页输出 "Hello World"
    5. app.get('/', function (req, res) {
    6.    console.log("主页 GET 请求");
    7.    res.send('Hello GET');
    8. })
    9.  
    10.  
    11. //  POST 请求
    12. app.post('/', function (req, res) {
    13.    console.log("主页 POST 请求");
    14.    res.send('Hello POST');
    15. })
    16.  
    17. //  /del_user 页面响应
    18. app.get('/del_user', function (req, res) {
    19.    console.log("/del_user 响应 DELETE 请求");
    20.    res.send('删除页面');
    21. })
    22.  
    23. //  /list_user 页面 GET 请求
    24. app.get('/list_user', function (req, res) {
    25.    console.log("/list_user GET 请求");
    26.    res.send('用户列表页面');
    27. })
    28.  
    29. // 对页面 abcd, abxcd, ab123cd, 等响应 GET 请求
    30. app.get('/ab*cd', function(req, res) {   
    31.    console.log("/ab*cd GET 请求");
    32.    res.send('正则匹配');
    33. })
    34.  
    35.  
    36. var server = app.listen(8080, function () {
    37.  
    38.   var host = server.address().address
    39.   var port = server.address().port
    40.  
    41.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    42.  
    43. })

     静态文件

            语法：

            app.use('/public', express.static('public')); 

             创建main.js代码：

    1. var express = require('express');
    2. var app = express();
    3.  
    4. app.use('/public', express.static('public'));
    5.  
    6. app.get('/', function (req, res) {
    7.    res.send('Hello World');
    8. })
    9.  
    10. var server = app.listen(8080, function () {
    11.  
    12.   var host = server.address().address
    13.   var port = server.address().port
    14.  
    15.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    16.  
    17. })

     GET方法

            创建index.html:

    1. <html>
    2. <body>
    3. <form action="http://127.0.0.1:8080/process_get" method="GET">
    4. First Name: <input type="text" name="first_name">  <br>
    5.  
    6. Last Name: <input type="text" name="last_name">
    7. <input type="submit" value="Submit">
    8. form>
    9. body>
    10. html>

             创建server.js文件：

    1. var express = require('express');
    2. var app = express();
    3.  
    4. app.use('/public', express.static('public'));
    5.  
    6. app.get('/index.html', function (req, res) {
    7.    res.sendFile( __dirname + "/" + "index.html" );
    8. })
    9.  
    10. app.get('/process_get', function (req, res) {
    11.  
    12.    // 输出 JSON 格式
    13.    var response = {
    14.        "first_name":req.query.first_name,
    15.        "last_name":req.query.last_name
    16.    };
    17.    console.log(response);
    18.    res.end(JSON.stringify(response));
    19. })
    20.  
    21. var server = app.listen(8080, function () {
    22.  
    23.   var host = server.address().address
    24.   var port = server.address().port
    25.  
    26.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    27.  
    28. })

     POST方法

            创建index.html：

    1. <html>
    2. <body>
    3. <form action="http://127.0.0.1:8080/process_post" method="POST">
    4. First Name: <input type="text" name="first_name">  <br>
    5.  
    6. Last Name: <input type="text" name="last_name">
    7. <input type="submit" value="Submit">
    8. form>
    9. body>
    10. html>

             创建server.js:

    1. var express = require('express');
    2. var app = express();
    3. var bodyParser = require('body-parser');
    4.  
    5. // 创建 application/x-www-form-urlencoded 编码解析
    6. var urlencodedParser = bodyParser.urlencoded({ extended: false })
    7.  
    8. app.use('/public', express.static('public'));
    9.  
    10. app.get('/index.html', function (req, res) {
    11.    res.sendFile( __dirname + "/" + "index.html" );
    12. })
    13.  
    14. app.post('/process_post', urlencodedParser, function (req, res) {
    15.  
    16.    // 输出 JSON 格式
    17.    var response = {
    18.        "first_name":req.body.first_name,
    19.        "last_name":req.body.last_name
    20.    };
    21.    console.log(response);
    22.    res.end(JSON.stringify(response));
    23. })
    24.  
    25. var server = app.listen(8080, function () {
    26.  
    27.   var host = server.address().address
    28.   var port = server.address().port
    29.  
    30.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    31.  
    32. })

     上传文件

            创建index.html：

    1. <html>
    2. <head>
    3. <title>文件上传表单title>
    4. head>
    5. <body>
    6. <h3>文件上传：h3>
    7. 选择一个文件上传: <br />
    8. <form action="/file_upload" method="post" enctype="multipart/form-data">
    9. <input type="file" name="image" size="50" />
    10. <br />
    11. <input type="submit" value="上传文件" />
    12. form>
    13. body>
    14. html>

            创建server.js：

    1. var express = require('express');
    2. var app = express();
    3. var fs = require("fs");
    4.  
    5. var bodyParser = require('body-parser');
    6. var multer  = require('multer');
    7.  
    8. app.use('/public', express.static('public'));
    9. app.use(bodyParser.urlencoded({ extended: false }));
    10. app.use(multer({ dest: '/tmp/'}).array('image'));
    11.  
    12. app.get('/index.html', function (req, res) {
    13.    res.sendFile( __dirname + "/" + "index.html" );
    14. })
    15.  
    16. app.post('/file_upload', function (req, res) {
    17.  
    18.    console.log(req.files[0]);  // 上传的文件信息
    19.  
    20.    var des_file = __dirname + "/" + req.files[0].originalname;
    21.    fs.readFile( req.files[0].path, function (err, data) {
    22.         fs.writeFile(des_file, data, function (err) {
    23.          if( err ){
    24.               console.log( err );
    25.          }else{
    26.                response = {
    27.                    message:'File uploaded successfully', 
    28.                    filename:req.files[0].originalname
    29.               };
    30.           }
    31.           console.log( response );
    32.           res.end( JSON.stringify( response ) );
    33.        });
    34.    });
    35. })
    36.  
    37. var server = app.listen(8080, function () {
    38.  
    39.   var host = server.address().address
    40.   var port = server.address().port
    41.  
    42.   console.log("应用实例，访问地址为 http://%s:%s", host, port)
    43.  
    44. })

     Cookie管理

            创建main.js文件：

    1. // express_cookie.js 文件
    2. var express = require('express')
    3. var cookieParser = require('cookie-parser')
    4. var util = require('util');
    5.  
    6. var app = express()
    7. app.use(cookieParser())
    8.  
    9. app.get('/', function(req, res) {
    10.     console.log("Cookies: " + util.inspect(req.cookies));
    11. })
    12.  
    13. app.listen(8080)

     后记

            觉得有用可以点赞或收藏！ 

  • 相关阅读:
    Ansible--playbook 剧本
    arcgis中坡向计算工作原理说明
    LeetCode二叉树系列——107.二叉树的层序遍历II
    Wireshark TS | 消失的 TCP DUP ACK
    卡尔丹旋转规则
    LeetCode 290. Word Pattern
    设计模式：适配器模式（C++实现）
    用LightningChart .NET 数据可视化控件制作多线程应用程序
    2021年9月电子学会图形化三级编程题解析含答案：计算平均分
    SAP abap json序列化
  • 原文地址：https://blog.csdn.net/m0_70819559/article/details/133974775