node中eje的for循环,动态数据

最新推荐文章于 2023-07-12 14:48:14 发布

浩星

最新推荐文章于 2023-07-12 14:48:14 发布

阅读量298

点赞数

分类专栏： node 文章标签： eje的for循环 nodejs

本文链接：https://blog.csdn.net/qq_41619796/article/details/117948385

版权

node 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

前言：

在用node开发的时候不可避免的要和他的eje打交道，那么如果在页面上使用动态数据呢？这里来总结下

第一，在eje文件中渲染动态数据

1. 在routes底下的具体某个路由文件中将数据传入，给他传进来一个对象过来

router.get('/home', function(req, res, next) {
  let str = {
    title: '嗨起来',
    
  }
  res.render('home', str);
});

2.在home.eje中用 <%= 你的具体变量 %>

<h1><%= title %></h1>

第一，在eje文件中页面使用for循环

1. 在routes底下的具体某个路由文件中将数据传入，给他传进来一个对象过来

router.get('/home', function(req, res, next) {
  let str = {
    title: '嗨起来',
    modle:[
      {
        name:'涨三',
        content:'内容',
        date:'2021.6.15',
        title:'1'
      }
    ]
  }
  res.render('home', str);
});

2.在home.eje中用 <%= 你的具体变量 %> <% for(var i=0;i < modle.length;i++){%>

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>我真的很帅</p>
    <h4>测试页面</h4>
    <% for(var i=0;i < modle.length;i++){%>
      <div style="display: flex">
        <p><%= modle[i].name %></p>
        <p><%= modle[i].content %></p>
        <p><%= modle[i].date %></p>
      </div>
    <%}%>
  </body>
</html>

实现效果：

浩星

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
node中eje的for循环,动态数据

前言：在用node开发的时候不可避免的要和他的eje打交道，那么如果在页面上使用动态数据呢？这里来总结下第一，在eje文件中渲染动态数据1. 在routes底下的具体某个路由文件中将数据传入，给他传进来一个对象过来router.get('/home', function(req, res, next) { let str = { title: '嗨起来', } res.render('home', str);});2.在home.eje中用...
复制链接

扫一扫