jade从零开始（一）{input,if语句等}

最新推荐文章于 2024-08-13 11:47:46 发布

TechForGood

最新推荐文章于 2024-08-13 11:47:46 发布

阅读量2k

点赞数

分类专栏： nodeJs jade 文章标签： nodejs jade

本文链接：https://blog.youkuaiyun.com/lee_master/article/details/80556117

版权

nodeJs 同时被 2 个专栏收录

1 篇文章

订阅专栏

jade

1 篇文章

订阅专栏

这篇博客适合有一定HTML基础的读者，介绍了Jade语言的入门，包括基本语法如input和if语句的使用。作者分享了自己的学习经验，并欢迎读者提出建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初次接触jade,并且本人只有一点点的html技术基础，所以以下代码仅供jade基本参考，不妥之处，还望大家指点一二。

doctype html

html(lang="en")
  head
    title marmot 
  script(src="javascripts/event.js")
  //-其实我也不知道这个路径正确与否，但是应该是这么写吧？event.js是放到public/javascripts下面的
  body
    h1 this is a test of jade & nodejs
    div
      h5 hello,this is sangoma,I apply the website for I thought I'm a primary programmer who makes much bug
    -var user={name:'sangoma',isVIP:false}
  //-从这个地方起到下面是练习if语句，注意var前面的-，然后我一开始定义name以及isVIP的时候把他们作为字符串写上了，即'name'、'isVIP'，然后下面
  //-调用user.isVIP的时候报错说isVIP未定义
    #container
      - if (user.isVIP)
         Get congratrulations,you are our VIP
      - else
         div
          p
          | there is no meanning to write this
          div
          | so why did you do this meaninglessly job 
    
    div
      label(for="excel") 姓名
      input(type="text", name="textName")
    div
      label(for="sex") 性别
      input(type="email", name="mail",value="sangoma@amarmot.com")
      //-这个地方有一个小坑，就是你使用提示去填的时候input后面会自动加#，记得删掉，不然到#input就结束了然后就会提示  
     //-input is self closing and should not have content
      input(type="button", value="测试数据取值",name='getButton')

input is self closing and should not have content.问题的处理详见上，其他可能会导致这个问题的bug还没有遇到，遇到在正文修改或者评论区补充。