大图,我试图将数据库中的所有表显示到html页面上。我决定使用ejs显示我的输出,并使用nodejs从数据库中获取信息。因此,一旦用户获得“ /”,我就会在数据库中查询表信息并将其呈现到部分页面。该部分页面属于完整索引页面,在从表中获取所有信息后,我将呈现索引页面。
没有定义我的Photographer.ejs中的“行”,但是我没有在app.js中传递它吗?
我也确实只用了一张桌子。但是,一旦我在一个大的ejs文件中尝试了两个表并且没有部分内容,就会出现错误提示。
app.js
app.get('/', function(req, res){
connection.query("SELECT * FROM Photo", function(err,result){
res.render('partials/photo', {rows:result});
});
connection.query("SELECT * FROM Photographer", function(err,result){
res.render('partials/photographer', {rows:result});
});
res.render('pages/index')
});
index.ejs
<div class="container">
<h1>THE PHOTOSHOP APPLICATION</h1>
<%- include ../partials/photo %>
<%- include ../partials/photographer %>
</div>
</body>
photographer.ejs
<div class="row">
<div class="col-md-12">
<h3>PHOTOGRAPHER</h3>
<table>
<tr>
<th>PName</th>
<th>PBDate</th>
<th>PBio</th>
<th>PAddress</th>
<th>PColor</th>
<th>PNationality</th>
</tr>
<% rows.forEach(function(row){ %>
<tr>
<td><%=row.PName%></td>
<td><%=row.PBDate%></td>
<td><%=row.PBio%></td>
<td><%=row.PAddress%></td>
<td><%=row.PColor%></td>
<td><%=row.PNationality%></td>
</tr>
<% }) %>
</table>
</div>
</div>