表示.js部分呈现数据 EJS
Express.js to EJS rendering data partially
想象一下数据库,如下所示。
// 'Article' Schema
{
subject : 'Hello world',
content : 'I want to display this content partially.
The content would has verbose text like long
blabla...........blabla.......blabla......blabla...........
blabla.......blabla......blabla...........b........
and even more, It would has <img src=".......jpg"/>
}
现在我把这个数据渲染到一些 ejs 文件,
<table>
<% Articles.forEach(function(article, index){ %>
<tr>
<td> <%= article.subject %> </td>
<td> <%= article.content %> </td>
</tr>
<% }) %>
</table>
// To don't display verbosely, give style attribute (Of course, on top of html)
<style>
td { white-space: nowrap; overflow: hidden; }
</style>
但这样,它可能会降低应用程序性能,对吧?如果一页上有 10、20、30 篇文章,服务器将尝试显示所有这些内容。我想做的是一些内容的总结,我怎样才能巧妙地做到这一点?
对于夏季内容,在末尾显示带有省略号的初始几个文本
<table>
<% Articles.forEach(function(article, index){ %>
<tr>
<td> <%= article.subject %> </td>
<td> <%= article.content.substring(0,10) %> ...</td>
<td> <a id="read_more" content_id="cont-id" href = "javascript:(void)"> read more..</a></td>
</tr>
<% }) %>
然后使用ajax
应用程序在单击read more
时获取完整的数据,具体取决于您使用的是jquery还是angular等。
如果有更多的文章,那么pagination
ajax application or page refresh
在节点端创建 API,以与页面加载期间相同的格式提供此内容数据或新文章
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 使用ejs组件将数据从js发送到html
- 表示.js部分呈现数据 EJS
- ejs 模板数据不会插入到 mongodb 中
- 节点EJS将数据传递到include
- 将数据从mongo传递到ejs
- 如何将数据从EJS模板传递到AngularJS控制器
- 在nodejs中的客户端ejs文件上获取从服务器返回的数据
- 在包含的js文件中获取传递给ejs文件的数据
- 有条件地显示EJS数据
- 如何在角度控制器中检索从节点服务器发送的 EJS 数据