老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 1201|回复: 0

EXPRESS 中使用ejs --03

[复制链接]

662

主题

878

帖子

5129

积分

超级版主

Rank: 8Rank: 8

积分
5129
发表于 2018-4-26 10:32:53 | 显示全部楼层 |阅读模式
        第一步:cmd - cd 项目  【如果没有pack.json 建议先使用npm init 先创建一个目录文件】
        第二步:安装 cnpm install ejs --save-dev  【express中不用引入 直接用 】

        第三步:配置express的模板引擎        app.set("view engine","ejs");
                【注意了 这里是view  不是views 但是文件夹叫做views】

        第四步:在express中使用  res.render("news",{"news":["数据1","数据2","数据3"]})
                                           
                        例如:var arr=["假数据","假数据222","假数据4444"]

                                app.get('/news',function(req,res){
                                         res.render('news',{
                                                       list: arr
                                            })
                                })

                        模板EJS中:   <% for(var i=0; i<list.length; i++){ %>

                                          <h2> <%=  list[i]    %></h2>  

                                        <% } %>
       
        注意【改模板的文件夹目录:app.set('views',_dirname+'/views');】默认的是views 没啥卵事不用改

        引入文件夹: 在ejs模板中输入: <%- include header.ejs%>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表