13.课时108-幼教平台:使用include静态页面模块化

  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静态页面模块化