express3.x_02之使用视图模板(能实现列表的遍历,不用写for循环)
2014-03-02 23:59
267 查看
先看一下要实现的效果
要实现上面的效果,分以下几个步骤:
步骤1:
按express3.x_01中的方式使用ejs的layout模板,用法:/article/8854220.html
要实现上面的效果,分以下几个步骤:
步骤1:
按express3.x_01中的方式使用ejs的layout模板,用法:/article/8854220.html
步骤2: 2.1在app.js中调用userlist路由 app.get('/userlist',routes.userlist); 2.2在routes/userlist.js中添加如下代码 exports.userlist = function(req, res) { res.render('list',{ items:[1988,'David','birthday','HelloWorld'], ,layout:'userlistLayout' //调用到userlistLayout.ejs模板 }); }; 2.3在views/userlistLayoute.ejs中添加如下代码 <%- partial('listitem', items) %> //第一个参数是传递给views/list.ejs的变量,第二个变量是routes/userlist.js中传递过来的数组 2.4在最终的页面(views/list.ejs),该页面会被加载到userlistLayout.ejs中,也就是说路由会先调用模板userlistLayout.ejs,然后在调用list.ejs并把它加入到前者中 //在views/list.ejs中这样写 <%= listitem %>
相关文章推荐
- 【Phalcon实现高性能网站】使用Phalcon高性能PHP框架搭建网站 视图之共享模板
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- python数据结构学习笔记-2016-10-24-02-使用排序列表实现集合ADT
- 在Python中,不用while和for循环遍历列表
- 使用.net core ABP和Angular模板构建博客管理系统(实现博客列表页面)
- 2叉树遍历的递归实现-使用c++模板
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- Java:使用POI实现word的docx文件的模板功能
- 如何实现SDI程序使用CSplitterWnd创建的多个视图的动态地显示和关闭视图
- 使用CoordinatorLayout+AppBarLayout实现上滑隐藏下拉呈现视图的功能
- 使用DataView与Form Web Part实现列表的关键字查询
- knockoutjs模板实现树形结构列表
- Android开发技巧——使用RecyclerView实现分组列表
- ASP.NET中ListView(列表视图)的使用前台绑定附源码
- Java:使用3层for循环遍历输出三维数组内容。
- 图的邻接表存储及其遍历(使用模板)
- 使用HP Unified Functional Testing---检查点的总体实现02
- 使用ListAcyivity实现动态菜单列表
- 如何使用redis缓存来实现用户最近浏览的商品列表