既然是寫web應用,自然少不了網頁了。所以我打算先寫檢視的部分,這一塊相較其他部分也更簡單一些。
koa2內建支援ejs和jade(由於版權原因已經更名為pug)網頁模板,給開發帶來了一些便利。
ejs更接近與原生的html**,只是將變數、迴圈等部分嵌入其中,習慣jsp的同學可能會更容易接受。
jade模板第一眼就給人一種非常geek的感覺,整個**沒有html那麼多繁瑣冗餘的閉合標籤和尖括號,取而代之的是整齊的縮進來體現各個dom節點的層級關係(類似於python),幾乎沒有一句廢話,而且jade模板還有特別的mixins
語法,可以函式式的呼叫html塊**,jade模板的each in
語法也給些迴圈帶來了很多方便關於jade語法,我之前也寫過一篇部落格。
下面這個是我工程中的乙個例子
doctype html
html
head
meta(charset='utf-8')
title= title
link(rel='stylesheet' href='')
link(rel='stylesheet' href='/stylesheets/mycss.css')
script(src='')
script(src='')
script.
$(function
() else
});
});});
function
search
() ,function
(result) else else }}
});} else
}
body
div.container
div.row
ul.list-inline
li.col-lg-3.nonpadding
p.content-title 日誌
li.col-lg-6.nonpadding
li.float-right.col-lg-3.nonpadding
div.input-group
input#searchbox.form-control(type='text',placeholder='輸入關鍵字,支援模糊查詢',required)
span.input-group-btn
input.btn.btn-warning.btn-search(type='submit',value='搜尋')
div#table.row
table.table
thead
trth 序號(id)
th 時間(time)
th 使用者名稱(username)
th 訪問的功能(function)
th 訪問的url(url)
th 引數(param)
th 操作結果(result)
tbody
each
login
logs
treach
valin
logtd #
在後來學習的過程中,才知道很多專案現在已經不使用這些模板了,取而代之的是vue或者angular這類前端框架,但是我時間有限也不打算短期之內學的太雜,暫時還沒有學習這部分的知識,先把node學明白了再去看也許會更好。
Node 框架接入 ELK 實踐總結
本文由雲 社群發表 我們都有過上機器查日誌的經歷,當集群數量增多的時候,這種原始的操作帶來的低效率不僅給我們定位現網問題帶來極大的挑戰,同時,我們也無法對我們服務框架的各項指標進行有效的量化診斷,更無從談有針對性的優化和改進。這個時候,構建具備資訊查詢,服務診斷,資料分析等功能的實時日誌監控系統尤為...
Node 框架接入 ELK 實踐總結
本文由 j2x發表於 雲 社群專欄 我們都有過上機器查日誌的經歷,當集群數量增多的時候,這種原始的操作帶來的低效率不僅給我們定位現網問題帶來極大的挑戰,同時,我們也無法對我們服務框架的各項指標進行有效的量化診斷,更無從談有針對性的優化和改進。這個時候,構建具備資訊查詢,服務診斷,資料分析等功能的實時...
node基礎知識點總結2
檢視所有已安裝的本地的node版本 nvm list切換node版本 nvm use 版本號安裝指定版本的node nvm install 版本號 位數解除安裝已安裝的指定版本的node nvm uninstall 版本號模組分為核心模組 檔案模組,其中包是一種特殊的檔案模組 補充了exports是...