zoukankan      html  css  js  c++  java
  • Node.js学习笔记(七) --- Node.js的静态文件托管、路 由、EJS 模板引擎、GET 、POST

    1 、 Nodejs 静态文件托管
    静态 web 服务器封装

    2 、 路由

    官方解释: 

    路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET、POST 等)组成的,涉及到应用如何响应客户端对某个网站节点的访问。

    非官方解释 :

    路由指的就是针对不同请求的 URL,处理不同的业务逻辑。

    Get 请求路由示例图


    3 、 识 初识 EJS 模块引擎

    我们学的 EJS 是后台模板,可以把我们数据库和文件读取的数据显示到 Html页面上面。它是一个第三方模块,需要通过 npm 安装

    https://www.npmjs.com/package/ejs

    安装:

    npm install ejs –save / cnpm install ejs --save

    Nodejs 中使用:

    ejs.renderFile(filename, data, options, function(err, str){
    // str => Rendered HTML string
    });

    EJS 常用标签

    •  <% %>流程控制标签
    • <%= %>输出标签(原文输出 HTML 标签)
    • <%- %>输出标签(HTML 会被浏览器解析)
    <a href="<%= url %>"><img src="<%= imageURL %>" alt=""></a><ul> 
    <ul>
    <% for(var i = 0 ; i < news.length ; i++){ %>
    <li><%= news[i] %></li>
    <% } %>
    </ul>

    4 、 Get 、Post

    超文本传输协议(HTTP)的设计目的是保证客户端机器与服务器之间的通信。
    
    在客户端和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。
    
    GET - 从指定的资源请求数据。(一般用于获取数据)
    POST
    - 向指定的资源提交要被处理的数据。(一般用于提交数据)

    取获取 GET 传值: 

    var urlinfo= url . parse(req. url, true);
    urlinfo.query();

    取获取 POST 传值: 

    var postData = '';
    // 数据块接收中
    req.on( 'data', function (postDataChunk) {
    postData += postDataChunk;
    });
    // 数据接收完毕,执行回调函数
    req.on( 'end', function () {
    try {
    postData = JSON.parse(postData);
    } catch (e) { }
    req. query = postData;
    console .log( querystring .parse(postData));
    });
    

     

  • 相关阅读:
    Javascript的实例化与继承:请停止使用new关键字
    关于Unicode和URL encoding入门的一切以及注意事项
    Javascript: 从prototype漫谈到继承(2)
    你真的了解setTimeout和setInterval吗?
    javascript同步分页
    jquery ui dialog去除第一个文本框焦点问题
    指定范围内的随机数
    Mac下的mysql初始密码如何重置?
    进度条插件
    浏览器事件以及事件代理
  • 原文地址:https://www.cnblogs.com/chenyablog/p/10695027.html
Copyright © 2011-2022 走看看