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

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

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

    • 因为页面中有变化的数据,所以我们需要使用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');

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,904评论 25 709
  • 搭建开发环境并模拟交互数据 一、实验说明 下述介绍为实验楼默认环境,如果您使用的是定制环境,请修改成您自己的环境介...
    玄月府的小妖在debug阅读 6,389评论 0 15
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,289评论 22 257
  • 下个春天来临之前,希望我与百分之九十的人类变成丧尸。 让活着的侏儒扮演英雄。老师们死了,鸡和猴子跳起来。驴很英俊。...
    appleWhite阅读 1,118评论 0 1
  • 今天是星期六,大清早婆婆说要去莱州海边玩,本来想我们全家都去,可是我和我老公没有空决定让两个孩子爷爷奶奶一块儿去。...
    心如大海建英阅读 1,098评论 0 1