1. 使用nunjuncks的include语法引入公共头部
    13.课时108-幼教平台:使用include静态页面模块化
    注意路径是”back/header.html”
  2. 新建侧边栏板块aside.html,并使用同样的方法引入
    13.课时108-幼教平台:使用include静态页面模块化
  3. 使用include引入侧边里板块
    13.课时108-幼教平台:使用include静态页面模块化
    注意一定要是全路径,留出插槽
    至此基础模板,我们搭建完成
  4. 配置index.html文件
    13.课时108-幼教平台:使用include静态页面模块化
    13.课时108-幼教平台:使用include静态页面模块化
    注意,两个文件的{%block style%}要完全相同
  5. 将标红区域,放入base.html留的插槽中
    13.课时108-幼教平台:使用include静态页面模块化
  6. 将index.html中的使用的js文件放入base.html留下的script插槽中
    13.课时108-幼教平台:使用include静态页面模块化
  7. 此时index.html的样式,并能很好运行
    13.课时108-幼教平台:使用include静态页面模块化

相关文章:

  • 2021-07-14
  • 2021-05-24
  • 2021-11-28
  • 2022-12-23
  • 2021-08-06
  • 2021-10-12
  • 2021-12-17
  • 2021-12-25
猜你喜欢
  • 2021-04-22
  • 2021-07-14
  • 2021-08-29
  • 2021-12-16
  • 2022-01-08
  • 2021-12-12
  • 2022-01-09
相关资源
相似解决方案