博客项目开发笔记3-抽离公共页面

最新推荐文章于 2022-04-11 16:27:43 发布

前端从入门到放弃

最新推荐文章于 2022-04-11 16:27:43 发布

阅读量276

点赞数

本文链接：https://blog.csdn.net/weixin_42413557/article/details/103650825

版权

1.抽离公共页面的目的：
页面模板中有很多的内容是一样的，这个会在服务器中照成大量的资源浪费，所以将所有的模板抽取出来，然后共其他模板导入，是一种组件化的思想。
2.抽离步骤
2.1在admin文件夹下新建common文件夹，里面新建heaser.art和aside.art文件，然后将user.srt文件夹中的头部和侧边栏提取到一个公共的文件夹中去。
2.2将公共部分抽取出去后，在抽取的空格区域使用{{ include ‘path’}}引入文件
2.3添加路由

//route\admin.js
//6 创建二级路由
admin.get('/user',(req,res) => {
    res.render('admin/user')
});

2.4测试：localhost/admin/user
2.5抽离所有.art文件
2.6抽离模板公共骨架
2.6.1在common文件夹中抽取出.art页面中的文档头部和文档尾部，并挖好可能要用的坑 {{block ‘加入id’}} {{ /block}}
2.6.1在文件中使用{{extend ‘path’}}引用公共骨架
2.7测试：localhost/admin/user
2.8相同做法完成其它所有页面