一、EJS

概述：前端咱们使用过的一个模板套路，是underscore的套路。接下来EJS它属于后台工程师人的模板。

https://www.npmjs.com/package/ejs 官网地址

特点：

Control flow with <% %>             流程控制语句用的是<% %>   :例如if   for循环等等

Escaped output with <%= %> (escape function configurable)     如果有赋值的操作（输出）你可以用<%= 变量名%>

//需要的模块 express  app.js

var express = require("express");

var app = express();

//设置模板引擎

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

//这个是修改默认的文件夹的目录名字

app.set("views","template");

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

       //这里需要注意的事情：不需要拼接路径

      res.render("shouye",{

            "gaoxing":"高兴",

            "dongxi":"iphoneX",

            "qian":2,

             "ouxiang":["赵本山大叔","刘德华","成龙"]

       })

});

app.listen(3000);
//template  shouye.ejs

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8" />

    <title></title>

</head>

<body>

     <h1>我今天好<%=gaoxing%>啊,我买了一个<%=dongxi%>,花了我<%=qian%>啊</h1>

     <select>

         <% for(var i = 1990 ; i< 2017 ; i++) {%>

              <% if (i %2 ==0) {%>

                 <option><%= i %></option>

              <% }%>

         <% } %>

     </select>

       <ul>

          <% for(var i = 0 ;i < ouxiang.length ;i++) {%>

                    <li><%= ouxiang[i]%></li>

          <% } %>

       </ul>

</body>

</html>

提示：①不需要引入EJS模块，因此就不需要require(“EJS”);

②设置视图的模板引擎为ejs,app.set(“view engine” ,”ejs”),设置完模板引擎，自动回搜索views文件夹中的模板。

③如果需要重新设置views文件夹的名称，app.set(“views”,”template”);

④已经学习过的res.send  end json jsonp redirect ，今天又学习了一个render

⑤res.render(“shouye”),直接加上模板的名称，不需要拼接路径也不需要有ejs尾缀，渲染的数据用第二个参数json传递

二、cookie (cookie-parser)

概述：HTTP协议（应用层FTP）而且还是短轮询链接，发起一次请求之后，就断开连接了；

Cookie它主要做的事情，是让服务器知道谁访问了我，知道谁是谁。

注意：这里面的信物就是咱们今天学习的cookie(饼干)，cookie的下发是服务器下发；在node的学习当中有一个模块叫做，它对于cookie进行了封装。

注意：cookie是由服务器下发，用的是报文头下发，报文当中多了一个选项 set-cookie = “XXXXXXX”,

当你浏览器再次访问服务器的时候，用的是上行请求的报文头装载cookie在上去。

//app.js

var express = require("express");

//解析cookie的时候，需要他解析

var cookieParser = require('cookie-parser');

var app = express();

app.use(cookieParser());

//设置模板引擎

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

//中间件

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

     res.render("shouye",{

        "arr":req.cookies.visited||[]

     });

});

//接受的是浏览器反问的时候给咱们的城市的信息

app.get("/:city",function  (req,res) {

     var city = req.params.city;

  //这是第一次访问咱们这个中间件的时候，因为cookie还没有因此就没有visited的属性，因此走if分支

      if(!req.cookies.visited){

          var arr = [city];

      }else{

  //第二次访问这个中间件的时候，namecookie已经有了，因此在网cookie当中数组当中添加新的数据

          var arr = req.cookies.visited;

          if(arr.indexOf(city)==-1){

              arr.push(city);

          }

      }

     res.cookie("visited",arr,{maxAge:1000*60*60*24});

     res.send("<h4>你要去的地方是"+city+"</h4>");

})

app.listen(3000);
//template   shouye.ejs 模板页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8" />

    <title></title>

</head>

<body>

    <div>

        旅游攻略

        <a href="/北京">北京</a>

        <a href="/上海">上海</a>

        <a href="/广州">广州</a>

        <a href="/深圳">深圳</a>

        <a href="/苏州">苏州</a>

        <a href="/杭州">杭州</a>

        <a href="/成都">成都</a>

    </div>

    <% for(var i = 0; i< arr.length;i++) {%>

             <h4><%= arr[i]%></h4>

    <% } %>

</body>

</html>

三、session(express-session)

概述：每一次用户登录的时候，服务器会给客户端下发一个乱码（session），而每一次浏览器在反问的时候，带着乱码在上去，对比的活是服务器在做。服务器当中的某一部分的内存在进行对比，它（服务器）就知道你是谁？谁来了。

上面的这些操作相当于 setCookie 与cookie已经这只好了；

但是很好的一件事情，是express，它对外暴露了一个模块，这个模块对session进行了封装，我们直接使用，这个模块的名字 express-session

案例描述：有一个form表单，有用户名和密码（123456），每个人登录之后页面显示你的用户名；

//app.js

var express = require("express");

var formidable = require("formidable");

//express-session 模块的引用

var session = require('express-session');

var app = express();

//下面的东西不需要理解，因为人家让你这么写的

app.set('trust proxy', 1) ;

app.use(session({

  secret: 'jiachenghao',

  resave: false,

  saveUninitialized: true,

  cookie: {maxAge:86400} cookie这个选项什么都可以没有但是必须要有时间的设置

}));

//设置模板引擎

app.set("view engine","ejs")

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

      res.render("index",{

          login:req.session.login,

          yonghuming:req.session.yonghuming

      });

});

//post请求用formidable

app.post("/login",function  (req,res) {

    var form = new formidable.IncomingForm();

    form.parse(req,function  (err,fields) {

        if(fields.mima=="123456"){

            req.session.login = true;

            req.session.yonghuming = fields.yonghuming;

            //重定向：又进入主页面是发起一次请求

            res.redirect("/")

        }

    })

})

app.listen(3000);

//template  shouye.ejs  模板页面

<% if(!login) {%>

      <!-- 没有登录的情况 -->

     <form action="/login" method="post">

        <p>

             用户名:<input type="text" name="yonghuming"/>

        </p>

         <p>

             密码&nbsp;&nbsp;:<input type="text"  name="mima"/>

        </p>

            <input type="submit"/>

     </form>

     <% }else{%>

      <!-- 这里是登录的情况 -->

          <h3>欢迎你进入你的首页<%=yonghuming%></h3>

     <% }%>

node（4）express 框架 EJS模板，cookie, session的学习的更多相关文章

  1. Node.js Express 框架

    Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...

  2. Node.js Express框架

    Express 介绍 Express是一个最小的,灵活的Node.js Web应用程序框架,它提供了一套强大的功能来开发Web和移动应用程序. 它有助于基于Node Web应用程序的快速开发.下面是一 ...

  3. node之Express框架

    Express是node的框架,通过Express我们快速搭建一个完整的网站,而不再只是前端了!所以Express还是非常值得学习的! express有各种中间件,我们可以在官方网站查询其用法. Ex ...

  4. Node.js Express 框架 Express

    Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...

  5. 44.Node.js Express 框架--web框架

    转自:http://www.runoob.com/nodejs/nodejs-express-framework.html Express 简介 Express 是一个简洁而灵活的 node.js W ...

  6. Node.js Express 框架学习

    转载:http://JavaScript.ruanyifeng.com/nodejs/express.html#toc0 感觉很牛的样子,不过觉得对初学者没太大用,里面很多例子用的api都没有详细的说 ...

  7. Node的express框架安装

    第一步:在cmd命令行下执行npm install -g express,安装全局的express. 第二步:在命令行中输入express,如果出现express不是内部命令时, 输入npm inst ...

  8. 快速创建node应用[Express框架]

    安装Express npm install -g express 建立工程 express -e ejs FaceExpresscd FaceExpress && npm instal ...

  9. Node.js+Express框架+Mongo学习(一)第一个node.js实例

    1.在桌面新建一个空的文件夹,比如叫node,当然也可以在其它地方新建. 2.命令行进入到所新建的文件夹的目录,下载Express框架,再在这个文件夹里新建一个叫final的项目 3.在项目(fina ...

随机推荐

  1. (转)MySQL的Grant命令

    [MySQL] - MySQL的Grant命令 来源:http://yingxiong.javaeye.com/blog/451208 本文实例,运行于 MySQL 5.0 及以上版本. MySQL ...

  2. Nginx的几个常用配置和技巧

    文章列举了几个Nginx常见的,实用的,有趣的配置,希望看过之后能说一句:学到了! 一个站点配置多个域名 server { listen 80; server_name ops-coffee.cn b ...

  3. OpenStack-Queens版 实践

    OpenStack简介 OpenStack是一个由NASA(美国国家航空航天局)和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目. OpenStack是一个开源 ...

  4. C#(Winform)中button的Enable=false和visible的区别

    Enable:可用性 visible:可见性(不是visiable哦,没有这个单词) 如果设置了button或其他控件的Enable为false,还是能够看到控件,只是控件是灰色的,而且点不了: 但设 ...

  5. 【设计模式】观察者模式 Observer Pattern

    定义:观察者模式定义了对象之间的一对多依赖.当“主题”(Object)状态改变事,所有依赖它的“观察者”(Observer)都会受到通知并自动更新.主题支持观察者订阅和退订. 观察者模式提供了一种对象 ...

  6. Kaggle（一）：房价预测

    Kaggle(一) 房价预测 (随机森林.岭回归.集成学习)  项目介绍:通过79个解释变量描述爱荷华州艾姆斯的住宅的各个方面,然后通过这些变量训练模型, 来预测房价.   kaggle项目链接:ht ...

  7. win7 iis7 asp.net 编译器错误消息: CS0016:

    编译器错误消息: CS0016: 未能写入输出文件“c:/Windows/Microsoft.NET/Framework/v2.0.50727/Temporary ASP.NET Files/root ...

  8. Redis--redis集群环境搭建

    1.redis-cluster架构图 Redis 自3.0以后开始支持集群.从上图我们可以看出,redis集群的每个节点之间都进行相互通信,在redis集群中,不存在代理层,即没有固定的入口.redi ...

  9. sql语句中出现笛卡尔乘积 SQL查询入门篇

    2014-12-29  凡尘工作室   阅 34985  转 95 本篇文章中,主要说明SQL中的各种连接以及使用范围,以及更进一步的解释关系代数法和关系演算法对在同一条查询的不同思路. 多表连接简介 ...

  10. WCF中的异常

       一.考虑到安全因素,为了避免将服务端的异常发送给客户端.默认情况下,服务端出现异常会对异常屏蔽处理后,再发送到客户端.所以客户端捕捉到的异常都是同一个FaultException异常. 例如在服 ...