让知识连接你我
投稿赚钱
当前位置: 首页 > 前端开发 > 关于ejs模板引擎数据格式化的问题
  • 101
  • 微信分享

    扫一扫,在手机上查看

关于ejs模板引擎数据格式化的问题

2019.09.16 10:00 307 浏览 举报

  ejs 模板数据格式化难题,始终困惑了好长时间,网络上对于相似的文章内容非常少,越来越多事物都必须自个勇于尝试,今日在google上又搜过一些有关的文本文档,才总算彻底解决,非常简单,都没有预料的复杂化。

  鉴于都是nodejs的零基础,都还没自个写架构的专业能力,本blog用的是nodeJs+express 的架构基本进行的,express 自身 就集合了ejs,随时用就OK了。网络上有这样简介操作方法的:

  依照所述方式 勇于尝试,遇到都会系统提示 ejs 看不到,只是我的ejs是具有的,然后研究根本原因,将会是鉴于创作者并都没有应用express架构。空话不可多说,简介一些我的方式 ,和所述相似,也是有一丢丢差别:

  1、安装 moment ,日期格式化插件,轻巧

  npm install moment --save

  2、app.js 中添加

  //数据格式化
  app.locals.myDateFormat = function(date){
      return moment(date).format('HH:mm MM-DD-YYYY');
  };
  //字符截取
  app.locals.cutMoreWords = function(str,length){
      var newStr = str;
  if(str.length > length){
      newStr = str.substring(0,length) + "..."
  }
      return newStr;
  };

  3、网页前端调用:

  <div class="col-md-9 col-sm-9 col-xs-12">
      <h2><a href="/details/<%=item._id%>.html"><%=item.title%></a></h2>
  <div class="blog-des"><%-item.discription%></div>
  <a href="/details/<%=item._id%>" class="more">查看更多 <i class="fa fa-long-arrow-right"></i></a>
      <ul class="blog-info">
          <li><i class="fa fa-calendar"></i> <%=myDateFormat(item.date)%></li>
          <li><i class="fa fa-eye"></i> <%=item.clickNum%></li>
          <li><i class="fa fa-tags"></i> <%=item.tags%></li>
      </ul>
  </div>

  在这里随时用 <%=myDateFormat(item.date)%> 来格式化数据就OK了,会不会非常容易?


本文首次发布于开创者素材 ,转载请注明出处,谢谢合作!

相关文章推荐