模板继承

Qwe7

发布于 2022-05-23 12:55:10

41400

代码可运行

文章被收录于专栏：网络收集网络收集

运行总次数：0

代码可运行

模板继承

使用模板继承可以将网站HTML骨架抽离到单独的文件中，其他页面模板可以继承骨架文件。

模板继承示例


 <!doctype html>
 <html>
     <head>
         <meta charset="utf-8">
         <title>HTML骨架模板</title>
         {{block 'head'}}{{/block}}
     </head>
     <body>
         {{block 'content'}}{{/block}}
     </body>
 </html>

11

 <!--index.art 首页模板-->
 {{extend './layout.art'}}
 {{block 'head'}} <link rel="stylesheet" href="custom.css"> {{/block}}
 {{block 'content'}} <p>This is just an awesome page.</p> {{/block}}

模板配置

向模板中导入变量 template.defaults.imports.变量名 = 变量值;

设置模板根目录 template.defaults.root = 模板目录

设置模板默认后缀 template.defaults.extname = ‘.art’

3、案例介绍 – 学生档案管理

目标：模板引擎应用，强化node.js项目制作流程。

知识点：http请求响应、数据库、模板引擎、静态资源访问。