nodejs--两个子文件如何共享同一个头文件

最新推荐文章于 2023-01-12 18:05:14 发布

马德里甜欣

最新推荐文章于 2023-01-12 18:05:14 发布

阅读量317

点赞数 1

文章标签：前端 node.js

本文链接：https://blog.csdn.net/weixin_51564923/article/details/122410001

版权

当开发页面时可能会有同时写好几个页面，但每个页面代码变化不大的情况，此时如果按部就班的写写会大大降低写代码的效率。所以如果我们写一个文件可以继承到子文件中，就可以提升效率。

写一个js文件用来响应服务器端，在网页显示。

我设置了app.html 与 app2.html,这两个子文件。一个head.html这个头文件被继承。

//const { render } = require("art-template");
const express = require("express")
const app = express();
app.engine("html",require("express-art-template"))
app.get("/",(req,res)=>{
    res.render("app.html")
})
app.get("/two",(req,res)=>{
    res.render("app2.html")
})
app.listen(7000,()=>{
    console.log("ok");
})

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>   {{block 'h'}}  原始郭子  {{/block}}  </title>
</head>

上面是head.html文件，这样app app2就不用在重新写一遍头文件了。

{{include "./head.html"}}
<body>
    <h1>1111111111111111</h1>
</body>
</html>

{{extend "./head.html"}}
{{block 'h'}} 升级郭子 {{/block}}
<body>
    <h1>222222222222</h1>
</body>
</html>

用到了{{include “./文件”}}的方法，在子文件中用这个方法就可以继承头文件中的内容啦！

欢迎不懂来问！

马德里甜欣

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nodejs--两个子文件如何共享同一个头文件

当开发页面时可能会有同时写好几个页面，但每个页面代码变化不大的情况，此时如果按部就班的写写会大大降低写代码的效率。所以如果我们写一个文件可以继承到子文件中，就可以提升效率。写一个js文件用来响应服务器端，在网页显示。我设置了app.html 与 app2.html,这两个子文件。一个head.html这个头文件被继承。//const { render } = require("art-template");const express = require("express")const ap
复制链接

扫一扫