express实战教程:(四)分析页面需求、ejs嵌入HTML、路由返回数据

先来试一下ejs

页面title改为<%=  title %>

进入routes>index.js,这个文件是路由下的主入口文件,主要作用是对路径作为响应,比如接收一个get请求或者处理post,这里res.render是处理根路径的get请求并且返回出模板index,携带一个对象数据传递给前端

查看结果:前面如期的呈现了我们传递的数据

接着来

因为是教程的关系,我们着重挑了导航栏讲,因为有子级,稍微有意思一点

ejs,模板引擎,非常简单,它可以让我们在HTML中嵌入字符串

我们先做一个循环,在每一行JS左右都要套上<% %>,我们直接找到它有子级和没有子级的HTML片段,把有子级的复制到true条件表达式中,没有子级的就else

<%= code %>是读取变量

效果:

猜你喜欢

转载自blog.csdn.net/weixin_42450794/article/details/93998644
今日推荐