美文网首页
18 - 模拟后端渲染(ejs渲染)

18 - 模拟后端渲染(ejs渲染)

作者: 小草莓蹦蹦跳 | 来源:发表于2017-10-25 13:44 被阅读0次
  • 当访文对应的路径的时候,我们让后台渲染对应的页面,并把页面返回给前端

    • 我们首先需要获取对应的页面,所以需要读取页面

    • 因为页面中有变化的数据,所以我们需要使用ejs对对应的变化值进行渲染

    • 如果渲染页面的时候,页面中没有数据,我们不需要绑定数据

    • 最后返回结果


/*当访文对应的路径的时候,我们让后台渲染对应的页面
 * 并把页面返回给前端*/

var http = require('http');
var ejs = require('ejs');
var fs = require('fs');

var server = http.createServer(function (req, res) {

    /*当访问路径的时候,我们使用后台渲染页面然后返回给前台
     * 我们首先需要获取对应的页面
     * 所以需要读取页面*/
    
    fs.readFile('./index.ejs',function (err, data) {

        /*因为页面中有变化的数据
         * 所以我们需要使用ejs对对应的变化值进行渲染*/

        /*1.创建模板,把对应的data转化成字符串,因为模板是由字符串组成的*/
        var tempS = data.toString();

        /*2.设置数据*/
        var tempDict = {a:8};

        /*3.渲染,如果渲染页面的时候,页面中没有数据
         * 我们不需要绑定数据*/
        var result = ejs.render(tempS,tempDict);

        /*4.返回结果*/
        res.end(result);
    })
});

server.listen(3000,'127.0.0.1');

相关文章

  • 18 - 模拟后端渲染(ejs渲染)

    当访文对应的路径的时候,我们让后台渲染对应的页面,并把页面返回给前端我们首先需要获取对应的页面,所以需要读取页面因...

  • express 使用ejs模板引擎

    渲染ejs文件 渲染html文件

  • 7. 后端与前端

    1. 前端渲染与后端渲染的区别 以前:后端模板渲染。以前后端技术比较发达,是先在后端渲染,然后前端发送请求,再从后...

  • 22 - express 渲染模板(后台渲染)

    express设置的时候处理模板(后台)渲染的时候的特点 使用 ejs 渲染模板(第三方包)一般我们使用 ejs ...

  • 前后端渲染扫盲

    前言 1. 基础概念 在讲前端渲染和后端渲染之前,我们需要首先明白一些概念:前端渲染、后端渲染、同构渲染、SEO ...

  • 在express中使用ejs模板

    1.安装ejs 注:express内置了ejs,所以不用引入ejs 2.配置ejs模板引擎 3.渲染页面rende...

  • 服务端渲染和浏览器渲染

    也就是传统的后端渲染以及前端渲染 1. 概念 服务端渲染: 即使用ASP、Java、PHP这种做后端渲染。前端写...

  • 原生JavaScript进行前后端同构

    什么是前后端同构 明确三个概念:「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;「前端渲染」指使用...

  • 原生JavaScript进行前后端同构,网友:很nice!

    什么是前后端同构 明确三个概念:「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;「前端渲染」指使用...

  • 17- ejs渲染

    使用ejs的过程0 . 导入第三方包ejs1 . 设置模板2 . 设置数据3 . 使用数据渲染模板 设置模板模板一...

网友评论

      本文标题:18 - 模拟后端渲染(ejs渲染)

      本文链接:https://www.haomeiwen.com/subject/wyjqpxtx.html