jade模板的分解

index.jade

文件内容（缩进的不同影响着html结构）：

//可继承模板

extends ../layout

 

block content 

    //添加p标签#{}用来切入js代码

    p 时间: #{new Date()}

   //缩进表示在上一标签的内部

    ul  

    //each用来进行迭代

        - each user in users

    //标签的.str代表标签的类。例如：li.item 翻译<li class='item'><li>

            li.item(id='item_'+user)

                span= 'span'+user

                //a.btn.btn-navbar  相当与<a class='btn btn-navbar'></a>

                a.btn.btn-navbar(href='href'+user)= 'art'+user

---------------------------------------------------

   head

        title=title+'-lzyfn'

        //css连接

        link(rel='stylesheet', href='/stylesheets/application.css')

    //javascript 的载入

    script(type="text/javascript", href='/stylesheets/application.css')

---------------------------------------------------

 p  是一个开源的中文简繁转换项目,

      致力于制作高质量的基于统计预料的简繁转换词库。

      还提供函数库(libopencc)、命令行简繁转换工具、人工校对工具、词典生成程序、

      在线转换服务及图形用户界面.

----------------------------------------------------

有if else，把if放在标签原有的位置上

div.nav-collapse

ul.nav

   li.active

a(href="/")='首页'

   if !user

li

   a(href="/login")='登录'

li

   a(href="/reg")='注册'

   else

li

   a(href="/logout")='登出'