跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 有使用 nunjucks 模板的朋友吗,请教个问题
未分類
20 9 月 2020

有使用 nunjucks 模板的朋友吗,请教个问题

有使用 nunjucks 模板的朋友吗,请教个问题

資深大佬 : ob 4

我建了几个 html 文件,布局如下: base.html

<!DOCTYPE html> <html lang="en"> <head>     //头部内容 </head> <body> {% block header %} <header>     //导航内容 </header> {% endblock %}  <main role="main"> {% block main %} {% endblock %} </main>  <script src="jquery-3.4.1.min.js"></script>  {% block script %} {% endblock %} <script type="text/javascript">cnzz 统计代码</script> </body> </html>  

test.html

{% include "base.html" %}  {% block main %} <div class="test">     //test 页面内容 </div> {% endblock %} 

这样生成的页面,查看右键源代码结果是这样的:

<!DOCTYPE html> <html lang="en"> <head>     //头部内容 </head> <body> <header>     //导航内容 </header>  <main role="main"> //这里面是空白 </main>  <script src="jquery-3.4.1.min.js"></script>  <script type="text/javascript">cnzz 统计代码</script> </body> </html>   <div class="test">     //test 内容 </div> 

上面只是示例代码
问题来了,test.html include base.html,然后用 block main 覆盖 base 的 main,查看右键源码的时候,他是在底部又生成了一份<div>,而且是在</html>外面,不是覆盖 base 的 main 位置,感觉很奇怪,虽然浏览器页面渲染显示也正常,没啥影响,有谁知道这种情况的吗?是否属于正常结果,还是我的使用方式不对?看官方文档说是覆盖的。

另外一个问题,用这种方式引入的 cnzz 统计代码,好像统计不到访问数据,日志打印一堆请求 ip,cnzz 统计出来的 ip 只有 1 个或 0 个的(可能是本地测试的才统计到),完全对不上,我 cnzz 加了 display: none,不显示小图标,按理不影响统计吧?

大佬有話說 (4)

  • 資深大佬 : hoyixi

    {% include “base.html” %}

    =======
    是 include, 还是 extends ? 我咋记得是 extends ?自己去看看文档

  • 主 資深大佬 : ob

    @hoyixi 非常感谢,问题解决,用了 extends 确实覆盖在原来的 main 位置,好神奇,两个用法,竟然都能正常显示,看来我一直用错了。。

  • 資深大佬 : hoyixi

    看你昵称,还以为你写过 PHP,写顺手了 :)

  • 主 資深大佬 : ob

    @hoyixi 没有,前端渣,很少写界面的东西。。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具