zoukankan      html  css  js  c++  java
  • [Express] Level 1: First Step

    Installing Express

    Let's start building our new Express application by installing Express. Type the command that installs the latest version for the 4.9 branch.

    npm install express@4.9

    The '@' symbol to tell the npm which express version you want to install.

    Locations

    In our app.js, require the express module and assign it to the express variable. Using the function assigned to express, create an application instance and assign it to the app variable.

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

    Using our application instance, app, create a new route that accepts GETrequests on the /locations URL path and responds with an Array of city names. The city names should be Caspiana, Indigo and Paradise.

    app.get('/locations', function(request, response){
        response.send(['Caspiana', 'Indigo', 'Paradise']);
    });

    Finally, bind our application to port 3001 and once it's ready to receive requests, print the string "Running Express" to the console.

    app.listen(3001, function(){
        console.log("Running Express");
    });
    var express = require('express');
    var app = express();
    
    app.get('/locations', function(request, response){
        response.send(['Caspiana', 'Indigo', 'Paradise']);
    });
    
    app.listen(3001, function(){
        console.log("Running Express");
    });

    Content Type I

    When we run our previous code and issue a GET request to the /locations endpoint, what will the Content-Type header for the response be set to?

    Answer: application/json

    Content Type II

    If we were to craft a response sending a string of text with the response.send()function, just like the following code, what would Express set this Content-Type to?

    app.get('/locations', function(request, response) {
        var cities = '<ul><li>Caspiana</li><li>Indigo</li><li>Paradise</li></ul>';
        response.json(cities);
      });

    Answer: text/html

    Cities

    In order to better reflect the domain of our application, we want to change our existing route from /locations to /cities.

    First, change our existing route from /locations to /cities.

    Now create a new route for /locations.

    Now redirect from /locations to /cities path using the Moved Permanently HTTP status code (free hint for you, the code for that is 301).

    var express = require('express');
    var app = express();
    
    app.get('/cities', function (request, response) {
      var cities = ['Caspiana', 'Indigo', 'Paradise'];
      response.send(cities);
    });
    
    app.get('/locations', function(request, response){
        response.redirect(301, '/cities');
    });
    
    app.listen(3001, function () {
      console.log("Running Express");
    });
  • 相关阅读:
    scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置
    带三角形下标的提示框(按钮button)
    点击按钮,弹出遮罩层,跳转页面播放视频
    转换时间方法
    $(window).scrollTop() == $(document).height()
    html(),val(),text()的区别
    5秒后,页面跳转
    jquery 日期和时间的逻辑,比较大小
    JS JSON格式操作
    Bootstrap教程 之 网格系统和排版
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4140902.html
Copyright © 2011-2022 走看看