17- ejs渲染

  • 使用ejs的过程
    • 0 . 导入第三方包ejs

    • 1 . 设置模板

    • 2 . 设置数据

    • 3 . 使用数据渲染模板


    1. 设置模板
    • 模板一般由字符串组成,一般会把变化的东西以及系统无法系统的东西作为对应的参数

    • 语法规则:<%%>组成,把变化的东西和系统无法识别的东西放在%中

    • 一般如果是一个变化的值一般需要设置一个等号,等号需要和%连接在一起不能设置空格

var template = '我要买一个iphone<%= a%>s';
    1. 设置数据
    • 数据一般是一个字典
var tempDict = {a:8};
    1. 使用数据渲染模板
    • render方法第一个参数表示对应的模板,第二个参数表示数据
 var html = ejs.render(template,tempDict);

实现的完整代码:

//导入第三方包ejs
var ejs = require('ejs');

/*使用ejs的过程
 * 1.设置模板
 * 2.设置数据
 * 3.使用数据渲染模板*/


/*1.设置模板
 * 模板一般由字符串组成,一般会把变化的东西以及系统无法系统的东西作为对应的参数
 * 语法规则:<%%>组成,把变化的东西和系统无法识别的东西放在%中
 * 一般如果是一个变化的值一般需要设置一个等号,等号需要和%连接在一起不能设置空格*/

    var template = '买iPhone<%= a%>s';

/*2.设置数据,数据一般是一个字典*/
    var tempDict = {a:8};

/*3.使用数据渲染模板
 * render方法第一个参数表示对应的模板,第二个参数表示数据*/
    var html = ejs.render(template,tempDict);

    console.log(html);


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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,032评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,803评论 25 709
  • 模板引擎(Template Engine), 是用来解析对应类型模板文件然后动态生成由数据和静态页面组成的视图文件...
    _palm阅读 13,142评论 4 16
  • 场面尴尬、场面很尴尬、场面非常尴尬!405宿舍批斗大会在林伊进门的那一刹那如期举行,有来自东北的大炮、来自北京的袁...
    茉苼阅读 353评论 5 3