Comment afficher l'objet "résultat" MySQL à l'utilisateur avec les guidons express?

Question

J'ai actuellement une requête dans mon js de nœud qui ressemble à ceci:

app.get('/fav/books', function(req, res){ 
var sql = ("SELECT title, pictureUrl, author, description, genre FROM books") 
    connection.query(sql, function(err, result){ 
    if(err) { 
     console.log('Error in the query.'); 
    } else { 
     console.log('Success!\n'); 
     console.log(result); 
     var book = result; 
     return book; 
    } 
    }); 
}); 

et sorties à la console comme ceci: Console Output

Je veux « revenir livre; » à l'utilisateur avec un guidon dans une sorte de sortie de la carte comme ceci:

<div class="page-carousel"> 
    <div class="panel id1"> 
    <img href="pictureUrl"/> 
    <h3>title</h3> 
    <p><strong>author</strong></p> 
    <p>description</p> 
    <p>genre</p> 
    </div> 
</div> 

Le panneau serait l'ID du Livre comme il a besoin de créer autant de panneaux comme il y a des ID. L'information de livre serait comme est.

Answer 1

Angularjs est parfait pour cela. Assignez cet objet de réponse à une variable de portée de $ dire books.Then $, vous pouvez le faire:

<div class="page-carousel"> 
    <div ng-repeat="x in books" class="panel {{x.id}}"> 
    <img href="{{x.pictureUrl}}"/> 
    <h3>{{x.title}}</h3> 
    <p><strong>{{x.author}}</strong></p> 
    <p>{{x.description}}</p> 
    <p>{{x.genre}}</p> 
    </div> 
</div> 

Answer 2

Je peux voir les livres que vous retournez est un tableau d'objets, chaque objet contenant une information de livre dans ce cas, nous besoin de répéter en boucle dans un guidon comme -

{{#each book}} 
    <div class="page-carousel"> 
    <div class="panel id1"> 
     <img href={{book.pictureUrl}}/> 
     <h3>{{book.title}}</h3> 
     <p><strong>{{book.author}}</strong></p> 
     <p>{{book.description}}</p> 
     <p>{{book.genre}}</p> 
    </div> 
    </div> 
{{/each}}