12.课时107-幼教平台:使用nunjuncks静态页面模块化
使用nunjuncks将后台界面可抽离出来的东西模块化,比如在页面中所有公众的使用的地方都可模块化,比如页头 页尾 左侧导航….如图,标红的区域均可模块化首先我们需要有一个基础的模板,使用nunjuncks创建基础模板。中文文档可参考:https://mozilla.github.io/nunjucks/cn/api.html新建基础模板 base.html 这个名字可以随便取基础模板的内容可以从
·
使用nunjuncks将后台界面可抽离出来的东西模块化,比如在页面中所有公众的使用的地方都可模块化,比如页头 页尾 左侧导航….如图,标红的区域均可模块化
- 首先我们需要有一个基础的模板,使用nunjuncks创建基础模板。中文文档可参考:https://mozilla.github.io/nunjucks/cn/api.html
新建基础模板 base.html 这个名字可以随便取
基础模板的内容可以从index.html中拷贝。
{% block style%} {% block %} 这是保留的插槽,用于自定义样式 插槽的名字 style可任意。
同样尾部也要留取插槽,放置js文件
- 创建头部公共文件 header.html,里面存放头部信息,标红处
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献3条内容
所有评论(0)