Express的模板引擎 - Jade学习笔记

本文深入探讨了Jade模板引擎的使用方法,包括其在Vim编辑器中的语法高亮设置,以及如何通过Jade语法生成HTML文档。文章还详细介绍了表单元素的编写,并解释了如何在Node.js的Express框架中接收表单数据。

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

THUDMTEAM 李相赫

 


介绍

  • Jade是一种Express的模板引擎
  • 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,他可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。

 

Jade Syntax Highlight

  Jade 在vim中暂时不支持syntax highlight,这导致在vim中编写程序的过程带来了不少的不便。

1.先安装pathogen

2.修改vim驱动文件

3.安装vim-pug

 

Jade的语法

form 

form(method="post",action='/login')
  div.input
    span.id Username:
    input(type="text",name="password")
 
  div.input
    span.password PassWord:
    input(type="password",name="password")
    input(type='submit',value="Login")
 
经常会把按钮的内容写在input的外面如input(type='submit') Login这种形式,要注意这么写是错误的。
 
最后点击Login按钮,我们输入的值可以在router.post中收到。
router.post('/signup', function(req, res, next) {
  console.log(req.body.username);
  console.log(req.body.password);
  res.render('signup');
});

 里面的内容会不时地更新!

 

转载于:https://www.cnblogs.com/THUDM/p/9813911.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值