1. 程式人生 > >Nodejs學習文件day3——jade與ejs模板引擎

Nodejs學習文件day3——jade與ejs模板引擎

模板引擎:

jade-破壞式、侵入式、強依賴
ejs-溫和、非侵入式、弱依賴

jade寫法:

寫:              效果:
html                <html>
    head                <head>
        style               <style></style>
                    </head>
    body                <body>
        div             <div>
</div> div <div></div> </body> </html>

jade寫法規則:

1.根據縮排,規定層級
2.屬性放在()裡面,逗號分隔
3.內容空個格,直接往後堆

jade詳細語法:

屬性

<script src="a.js"></script>
script(src="a.js")

內容

<a href="http://www.zhinengshe.com/"
>官網</a> a(href="http://www.zhinengshe.com/") 官網

style寫法

style="width:200px;height:200px;background:red;"

1.普通屬性寫法
2.用json寫

class寫法

class="aaa left-swrap active"

1.普通屬性寫法
2.用arr

jade總結

jade
1.根據縮排劃分層級
2.屬性用()表示,用逗號分隔
*style={}
*class=[]
3.內容
div xxx
span xxx
a(href=”xxx”) 連結

jade.render(‘字串’);
jade.renderFile(‘模板檔名’, 引數)

相關推薦

Nodejs學習day3——jadeejs模板引擎

模板引擎: jade-破壞式、侵入式、強依賴 ejs-溫和、非侵入式、弱依賴 jade寫法: 寫: 效果: html <html> head &

nodejs學習day3——express框架整合

express:主體cookie、session資料模板引擎body-parser    解析post資料  enctype="application/x-www-form-urlencoded"server.use(bodyParser.urlencode());    r

Linux(RedHat)基礎學習尋址管理

fcc 強制 表示 命名 mv命令 追加內容 size tar tro 1.系統結構 Linux系統目錄結構 /:根目錄,linux系統中最高層目錄。在根目錄下的目錄叫

Nodejs學習

7天學會nodejs: https://lvtao.net/content/book/node.js.htm 漁人碼頭: https://www.cnblogs.com/imwtr/category/668138.html nodejs+express+layui搭建簡單的工具網站 http

Nodejs學習day2———express框架及cookie、session

express框架使用安裝     npm install express express-static配置建立服務  var server=express();監聽        server.listen(8080);處理請求  server.use('地址',funct

nodejs學習(二) ---- express中使用模板引擎jade

ges 填充 spa 檢測 參數 include express round ida 系列教程,上一節教程 express+nodejs快速創建一個項目 在創建一個項目後,views目錄下的文件後綴為 .jade 。 打開 index.jade,具體內容如下圖(忽略

Linux學習的壓縮解壓

zip2 壓縮命令 unzip 文件夾 擴展 格式 應該 host bz2 下面來學習四個常用的壓縮命令。 gzip 特點: 1.只能壓縮文件,不能壓縮目錄 2.不保留源文件 [root@localhost test]# gzip aaa 將a

Python入門學習-DAY32-鏈接循環通信循環,粘包問題,遠程控制,上傳下載

stderr 數據 tor sts pfile int 長度 stdout net 鏈接循環與通信循環 服務端 from socket import * IP = ‘127.0.0.1‘ PORT = 8181 ADDRESS = (IP, PORT) BUFSIZE

Liunx學習筆記之權限I/O重定向

ima 所有 讀取 區別 命令執行 com ror 重定向 cd 命令 一、文件權限 1. 文件權限 在 Linux 中有四種訪問權限,列舉如下 可讀取:r,Readable 可寫入:w,Writable 可執行:x,Execute 無權限:- 我們可以使用 ls -l

nodejs介面編寫-學習

var express = require('express'); var app = express(); var bodyParser = require('body-parser'); var

Linux 基礎學習權限種類

單位 技術 padding bic 一起 ash 二進制文件 文件名 設備 1.文件權限 linux系統中通過 “ls -al”,可查看當前目錄的所有文件的詳細信息。 第一列代表這個文件的類型與權限; 第一個字符表示文件類型:

java後臺讀取配置中keyvalue -----demo

undle ltm string 文件名 logs 配置 rip conf 返回值 public class ResourcesUtils { /* * @description:根據屬性獲取文件名 * * @param:propertyName文件的

Python基礎之操作流函數

默認 true 格式 nbsp 文件 內容 print 寫入 追加 一.文件操作 打開文件的方式有: r,只讀模式(默認) w,只寫模式(不可讀;不存在則創建;存在則刪除內容;) a,追加模式(可讀; 不存在則創建;存在則只追加內容;) "+"表示可以同時讀寫某個文

Http服務器實現上傳下載(五)

aaa con 選擇 gethost cte 分隔 數據 gif 開始 一、引言 歡迎大家和我一起編寫Http服務器實現文件的上傳和下載,現在我回顧一下在上一章節中提到的一些內容,之前我已經提到過文件的下載,在文件的下載中也提到了文件的續下載只需要在響應頭中填寫C

Http服務器實現上傳下載(四)

讀取 版本 html 出現問題 type 函數名 range 讀取文件 都是 一、引言   歡迎大家來到和我一起編寫Http服務器實現文件的上傳和下載,現在我稍微回顧一下之前我說的,第一、二章說明說明了整體的HTTP走向,第三章實現底層的網絡編程。接著這一章我想給大家講的是

Http服務器實現上傳下載(一)

80端口 window har name content cti 封裝 商業 利用 一、引言   大家都知道web編程的協議就是http協議,稱為超文本傳輸協議。在J2EE中我們可以很快的實現一個Web工程,但在C++中就不是非常的迅速,原因無非就是底層的socket網絡編

Http服務器實現上傳下載(二)

turn 查找 讀者 查詢 failed 邏輯關系 主機 文件 ret 一、引言   歡迎大家接著看我的博客,如何大家有什麽想法的話回復我哦,閑話不多聊了,接著上一講的內容來說吧,在上一節中已經講到了請求頭字符串的解析,並且在解析中我我們已經獲取了url。就是上節中提到的/

python2.7.13標準庫目錄操作操作

mov abs 庫文件 shell htm .com 及其 rec lose 標準庫的中文參考文檔: http://python.usyiyi.cn/translate/python_278/library/index.html 官方標準庫文檔:https://docs.p

Delphi INI保存讀取

class http 端口 listbox spa list ctf try finally //需要引用IniFiles uses system.IniFiles; //保存INI配置文件 procedure TForm1.btnSaveClick(Sender

net3:上傳圖片顯示以及HiddenField隱藏字段值的使用

pos protect path 來源 file ipa gif sender uri 原文發布時間為:2008-07-29 —— 來源於本人的百度文章 [由搬家工具導入]using System;using System.Data;using System.Configu