【问题标题】:node.js - mongodb to ejs - render entire collectionnode.js - mongodb 到 ejs - 渲染整个集合
【发布时间】:2016-06-10 14:08:04
【问题描述】:

http://cwbuecheler.com/web/tutorials/2013/node-express-mongo/

我一直在关注这个教程,我想做一些类似于用户列表页面的事情,唯一的区别是我想使用 ejs 而不是玉。

在 html 中,最终结果应如下所示:

<ul>
    <li><a href="users/testuser1">testuser1</a></li>
    <li><a href="users/testuser2">testuser2</a></li>
    <li><a href="users/testuser3">testuser3</a></li>
</ul>

在 index.js 文件中,我有这样的代码:

/* GET Userlist page. */
router.get('/userlist', function(req, res) {
    var db = req.db;
    var collection = db.get('usercollection');
    collection.find({},{},function(e,docs){
        res.render('userlist', {
            "userlist" : docs
        });
    });
});

在翡翠中,它是这样的:

extends layout

block content
    h1.
        User List
    ul
        each user, i in userlist
            li
                a(href="users/#{user.username}")= user.username

基本上,我想在 ejs 中执行此操作。有什么想法吗?

【问题讨论】:

    标签: javascript html node.js mongodb ejs


    【解决方案1】:

    要在 ul 列表中显示用户,您可以尝试以下操作:

    <ul>
       <% userlist.forEach(function(user) { %>
         <li><a href="users/#<%= user.username %>"><%= user.username %></a></li>
       <% } %>
    </ul>
    

    这里有一个很好的教程来帮助你! :https://scotch.io/tutorials/use-ejs-to-template-your-node-application

    【讨论】:

    • 谢谢。不过,我不需要标签。那只是为了让我想逃跑的玉。但是你提供的教程链接很有用,所以也谢谢你。
    【解决方案2】:

    要使用ejs而不是jade,首先需要配置视图引擎到express框架。这可以如下完成。

     app.set('view engine', 'ejs');   // ejs in your case.
    

    您还需要使用以下代码行指定 ejs 文件的位置

     app.set('views', path.join(__dirname, 'views'));   // here views is folder name inside of the project folder.
    

    然后你在 xxx.ejs 文件中使用了下面的代码。

     <ul>
      <% userlist.forEach(function(user) { %>
        <li><a href="users/#<%= user.username %>"><%= user.username %></a></li>
       <% } %>
    </ul>
    

    【讨论】:

    • 谢谢。不过,我不需要标签。那只是为了玉。
    猜你喜欢
    • 2019-11-25
    • 2015-07-13
    • 2021-03-25
    • 1970-01-01
    • 2020-05-11
    • 2015-09-12
    • 2018-12-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多