zoukankan      html  css  js  c++  java
  • 07-Node.js学习笔记-路由

    路由

    ``` http://localhost:3000/index http://localhost:3000/login //路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说,就是请求什么响应什么。 ``` ``` //当客户端发来请求的时候 app.on('request',(req,res)=>{ //获取客户端的请求的路径 let {pathname} = url.parse(req.url); if(pathname =='/'||pathname=='/index'){ res.end('欢迎来到首页'); }else if(pathname=='/list'){ res.end('欢迎来到列表页面'); }else{ res.end('抱歉,您访问的也能出游了'); } }); ``` ``` //1.引入系统模块http //2.创建网站服务器 //3.为网站服务器对象添加请求事件 //4.实现路由功能 //a.获取客户端的请求方式 //b.获取客户端的请求地址

    const http = require('http');
    const url = require('url');
    const app = http.createServer();
    app.on('request',(req,res)=>{
    //判断请求方式
    const method = req.method.toLowerCase();
    //获取请求地址
    const pathname = url.parse(req.url).pathname
    //响应报文处理
    res.writeHead(200,{
    'content-type':'text/html;charset=utf8'
    })
    if(method'get'){
    if(pathname
    '/'||pathname"/index"){
    res.end('欢迎来到首页')
    }else if(pathname
    '/list'){
    res.end('欢迎来到列表页')
    }else{
    res.end('对不起,您访问的页面不存在')
    }
    }else if(method'post'){
    if(pathname
    '/'||pathname"/index"){
    res.end('欢迎来到首页0')
    }else if(pathname
    '/list'){
    res.end('欢迎来到列表页0')
    }else{
    res.end('对不起,您访问的页面不存在0')
    }
    }

    });
    app.listen(3000);
    console.log('服务器启动成功')

    Document
    <form action="http://localhost:3000" method="post">
        <input type="text" name="uname">
        <input type="password" name="password">
        <input type="submit">
    </form>
    
    ```
  • 相关阅读:
    页面实现的平滑效果
    CSS :hover 选择器
    AngularJS 路由
    [Leetcode] Container With Most Water
    [Leetcode] Minimum Path Sum
    [Leetcode] Unique Paths II
    [Leetcode] Unique Paths
    [Leetcode] Maximum Subarray
    [Leetcode] Binary Tree Postorder Traversal
    [Leetcode] Binary Tree Preorder Traversal
  • 原文地址:https://www.cnblogs.com/foreverLuckyStar/p/12071946.html
Copyright © 2011-2022 走看看