用法
{% include '参考文件路径' %} 使用include的前提是先提取相同的代码,所以我们先将对应的代码提取到一个文件中:
文件结构:
headers.html
样式*{ list-style: 无;文本装饰: 无; } .header{ height: 60px;背景: #3a3a3a; color:#fff;边距底部: 20px; } .header .nav-group{ margin-left: 10px;header . nav-group li{ float: 左;行高: 60px;边距: 0px 20px; } .nav-group li a{ color: #fff; }/stylediv class='header' ul class='nav-group' lia href='#'新闻/a/li lia href='#'音乐/a/li lia href='#'贴吧/a/li lia href='#'Video/a/li /ul/divfooters.html
样式.footer{ height: 60px;背景: #3a3a3a; } .footer p{ color: #fff;边距-left: 30px;填充顶部: 20px; }/stylediv class='footer' p页面底部/p/div提取公共部分以后只需要使用include标签调用即可:
索引.html
{% from 'macros/forms.html' import input %}!DOCTYPE htmlhtml lang='en'head meta charset='UTF-8' 标题宏/标题/headbody {% include 'index/headers.html' %} 表tbody tr td 帐号/td td{{ input(placeholder='请输入帐号') }}/td /tr tr td 密码/td td{{ input(type='密码', placeholder='请输入帐号密码') } }/td /tr tr td/td td{{ input(type='submit', value='submit') }}/td /tr /tbody /table {% include 'index/footers.html' %}/body /html 如果还有详情页,那么只需要:
用户评论
这个include标签的用法,真是让人头疼啊!尤其是参考文件路径总是搞错,希望作者能详细讲解一下路径配置的问题。
有18位网友表示赞同!
include标签在项目中太常见了,不过每次写路径都挺麻烦的,特别是当文件结构复杂的时候。
有11位网友表示赞同!
刚刚看了这篇文章,感觉作者对include标签的理解真的很深刻,尤其是关于参考文件路径的处理,学到了很多。
有12位网友表示赞同!
include标签的路径问题一直困扰我,感谢作者的分享,现在终于明白怎么配置了。
有20位网友表示赞同!
文章开头就提到了include标签和参考文件路径,但感觉中间部分可以更详细地介绍一些实际案例。
有19位网友表示赞同!
include标签虽然简单,但路径配置确实容易出错,希望作者能多举几个例子。
有8位网友表示赞同!
这篇文章太实用了!以前总是因为include标签的路径问题而头疼,现在有了这篇教程,感觉轻松多了。
有9位网友表示赞同!
作者对include标签的讲解非常清晰,尤其是关于参考文件路径的部分,让我这种新手也轻松掌握了。
有15位网友表示赞同!
include标签在项目中必不可少,但是每次配置路径都挺麻烦的,这篇文章正好解决了我的问题。
有10位网友表示赞同!
文章中提到的include标签和参考文件路径的技巧,让我在项目中少走了不少弯路。
有14位网友表示赞同!
以前总是搞不清include标签的路径配置,现在终于明白了,感谢作者的耐心讲解。
有11位网友表示赞同!
include标签的路径问题一直是我的痛点,这篇文章正好帮我解决了这个问题,太感谢了。
有18位网友表示赞同!
这篇文章让我对include标签有了更深入的了解,特别是关于参考文件路径的讲解,非常实用。
有8位网友表示赞同!
include标签虽然简单,但是路径配置总是让人头疼,希望作者能出一个专门讲解路径配置的教程。
有9位网友表示赞同!
这篇文章让我对include标签有了新的认识,尤其是在处理参考文件路径方面,学到了很多。
有10位网友表示赞同!
include标签的路径配置一直是我的难题,现在终于找到了解决方案,太高兴了。
有20位网友表示赞同!
这篇文章对include标签和参考文件路径的讲解非常到位,让我对编程有了更深的理解。
有15位网友表示赞同!
include标签和参考文件路径的问题困扰了我很久,感谢作者的文章,让我豁然开朗。
有17位网友表示赞同!
这篇文章太有帮助了!include标签和参考文件路径的问题终于被我搞定了,感谢作者分享的技巧。
有18位网友表示赞同!