位置: 编程技术 - 正文

基于Node.js模板引擎教程-jade速学与实战1(node.js模块)

编辑:rootadmin

推荐整理分享基于Node.js模板引擎教程-jade速学与实战1(node.js模块),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:node 模板,node.js模块,node.js设计模式(第2版)下载,nodejs 模块开发,node.js模块,node 模板,node.js模块,基于nodejs的项目,内容如对您有帮助,希望把文章链接给更多的朋友!

环境准备:

全局安装jade: npm install jade -g

初始化项目package.json: npm init --yes

安装完成之后,可以使用 jade --help 查看jade的命令行用法

一、在项目目录下新建index.jade文件

inde.jade代码:

1,标签按照html的缩进格式写

2,标签的属性可以采用圆括号

3,如果标签有内容,可以直接写在标签的后面

然后在命令行用 jade -P index.jade 把index.jade文件编译成index.html文件,-P( 把代码整理成缩进格式的,如果不带这个参数,index.html就是压缩格式,不利于阅读)

编译之后的index.html代码:

二、class,id等其他属性与多行文本的书写

新建index2.jade文件,代码如下:

执行编译命令:jade -P <index2.jade> ghostwu.html 把index2.jade编译成ghostwu.html文件,编译之后的代码如下:

1,div#box.box1.box2(class='box3') 这种写法是emmet的写法 #就是id属性 点(.)就是class属性 括号也是属性写法

2,#abc.box1.box2.box3,全面没有给元素标签名称,默认就是给div标签加上这些属性

3,多行文本的两种写法

p.

1,this is<strong>hello</strong>2,test3,string

多行文本第1种写法:p标签后面要跟一个. 里面用原始的html标签写法

基于Node.js模板引擎教程-jade速学与实战1(node.js模块)

p

| 1, this isstrong hello| 2, test| 3, test string

多行文本第2种写法: 文本前面用竖线 ( | ),标签后面跟内容

三、注释

jade模板代码:

编译之后:

1,单行注释

// div.box.box2 这是一段div

2,只在jade中注释,不会被编译到html文件

//- div#box.box2.box3

3,块注释( 多行文本注释 ),被注释的内容要另起一行

4,checkbox后面的显示文字部分 要注意,不要挨着属性的后面,要另起一行,写在竖线的后面

四、jade模板实战菜单

编译( jade index.jade -P -w )之后的效果: -w: 实时监控文件的修改,保存之后立刻刷新结果,也就是现代前端开发中很流行的热加载技术

五、解释变量

#{}: 可以解释变量, toUpperCase():变量转大写

把json文件的数据在编译的时候传递到模板,

新建data.json文件数据

编译命令:jade index2.jade -P -O data.json -O 指定一个json文件,把json文件的数据传递到模板

编译后的结果:

以上这篇基于Node.js模板引擎教程-jade速学与实战1就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

Nodejs+express+ejs简单使用实例代码 前几天主要看了express,今天开始接触ejs,jade还是不想看了,O(∩_∩)O哈哈~varexpress=require("express");varejs=require('ejs');//varfs=require("fs");//varbodyParser=require('bod

Mongoose中document与object的区别示例详解 前言本文主要给大家总结介绍了关于Mongoose中document与object区别的相关内容,分享出来供大家参考学习,其实这个问题其实是mongoose非常常见的问题,经

Express使用html模板的详细代码 express默认使用jade模板,可以配置让其支持使用ejs或html模板。1.安装ejs在项目根目录安装ejs.npminstallejs2、引入ejsvarejs=require('ejs');//我是新引入的ejs插件3

标签: node.js模块

本文链接地址:https://www.jiuchutong.com/biancheng/379502.html 转载请保留说明!

上一篇:利用express启动一个server服务的方法(express如何使用)

下一篇:Nodejs+express+ejs简单使用实例代码

  • 计提税金账务处理
  • 对公账户转到个人账号能提供发票吗?
  • 所得税借方贷方
  • 建筑行业一般纳税人增值税税率是多少
  • 缴注册印花税怎么做账
  • 2019年残保金申报时间
  • 房贷抵税如何申请流程
  • 公司化验室领用丙材料3000元
  • 季节性停工折旧吗
  • 代扣代缴附加税怎么做账
  • 公司收到股东的投资款以后怎么处理
  • 企业所得税弥补亏损明细表怎么填写
  • 企业购买银行理财会亏吗
  • 赞助失败案例
  • 建筑单位的工作岗位有哪些
  • 预提差率费怎么记账
  • 银行中间业务能开具增值税专票吗
  • 账面上挂的其他应付款怎么冲平?
  • 营销策划费用计算公式
  • 企业发生的培训费能否在所得税前扣除
  • win10我无法更改某些设置
  • python中函数的可变参数有哪几种?各有什么特点?
  • 编译报错place 30-681
  • vue设置时间格式
  • 吃鸡显卡推荐配置1060 5g
  • 德纳里山
  • 交易性金融资产包括哪些项目
  • php的implode
  • 管理费用属于产品成本项目的费用吗
  • 公司借款利息可以用对公户转账吗
  • 一般纳税人销售旧货适用征收率是?
  • 收费公路通行费补费平台 APP
  • 游戏ai模式是什么意思
  • 工程结算结算gbq文件怎么做
  • 一分钟玩转钉钉文档是什么东西
  • 新公司建账会计科目
  • 公司为员工代扣代缴
  • 企业什么时候才能按工龄退休
  • 商品流通企业库存商品的核算方法有以下几种
  • 人力资源投资收益
  • 大陆工作的香港人可以开基金账户吗
  • python爬虫入门教程
  • sql server数字类型
  • Python中__slots__限制属性
  • 在哪里验证增值税票
  • 固定资产属于有形还是无形资产
  • 为什么费用报销先由主管部门审批在由财务审核
  • 固定资产清理净残值怎么处理
  • 酒店成本控制有哪些
  • 不是公司员工可以报销费用吗
  • 其他债权投资应收利息计入什么
  • 自产产品用于业务招待
  • 单位每个月支付给个人的保洁费如何申报入账
  • 银行代付工资如何操作
  • 关于事业支出期末的结转
  • 带息票据贴现时,应将其贴现息直接计入
  • 一张凭证上可以写多个摘要吗
  • 费用科目可以在借方吗
  • 税前扣除的职工福利费怎么算
  • 银行理财产品算银行存款吗
  • 党建经费可以购买什么
  • mysql配置文件优化详解
  • windows下mysql 5.7版本中修改编码为utf-8的方法步骤
  • mysql sql行转列
  • 安装xp后win7不能用怎么办
  • 32.exe 什么病毒
  • 苹果系统数据怎么清掉
  • 统计动态分析
  • linux shell 字符串转数字
  • 深入linux内核架构与底层原理 pdf
  • node.js redis
  • 噩梦像连续剧
  • shell编程教程
  • python的字符串处理
  • java分布式计算
  • javascript学习指南
  • 电子原理图实例讲解
  • jquery mobile grid
  • 西安市地税局各科科长
  • 华数tv业务认证账号
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设