先来试一下ejs
页面title改为<%= title %>
进入routes>index.js,这个文件是路由下的主入口文件,主要作用是对路径作为响应,比如接收一个get请求或者处理post,这里res.render是处理根路径的get请求并且返回出模板index,携带一个对象数据传递给前端
查看结果:前面如期的呈现了我们传递的数据
接着来
因为是教程的关系,我们着重挑了导航栏讲,因为有子级,稍微有意思一点
ejs,模板引擎,非常简单,它可以让我们在HTML中嵌入字符串
我们先做一个循环,在每一行JS左右都要套上<% %>,我们直接找到它有子级和没有子级的HTML片段,把有子级的复制到true条件表达式中,没有子级的就else
<%= code %>是读取变量
效果: