課程
/前端開發
/前端工具
/帶你學習Jade模板引擎
我不用引擎模板,直接在項目里用html可以嗎
2017-06-19
源自:帶你學習Jade模板引擎 3-1
正在回答
可以啊那樣的話相當于做成了靜態網站可以看看這里。不使用jade的話
會增加你標簽和操作dom的時間,而使用模板可以自動幫你渲染補齊,例如這樣的標簽:
<ul?class="list"> ????????<li>0</li> ????????<li>1</li> ????????<li>2</li> ????????<li>3</li> ????????<li>4</li> ????????<li>5</li> ????????<li>6</li> ????????... ????????<li>999<li> ??????</ul>
你要是一個個寫的話無非浪費電時間,而模板這樣就可以做到:
ul.list -?var?i?=?0; while?i?<?999 li=?i++
還有如果你要在某個標簽里要從數據庫取出數據并渲染:
<ul?class="user"> ??? <li?id="1"><span?class="name">張三</span><span?class="age">1歲</span></li> ??? <li?id="2"><span?class="name">李四</span><span?class="age">3歲</span></li> ??? <li?id="3"><span?class="name">王五</span><span?class="age">3歲</span></li> ??? <li?id="4"><span?class="name">趙六</span><span?class="age">3歲</span></li> ??? <li?id=".."><span?class="name">...</span><span?class="age">...</span></li> ??? <li?id=".."><span?class="name">...</span><span?class="age">...</span></li> ??? <li?id=".."><span?class="name">...</span><span?class="age">...</span></li> ??? <li?id=".."><span?class="name">...</span><span?class="age">...</span></li> ??? <li?id=".."><span?class="name">...</span><span?class="age">...</span></li> ??? ??... ??? <li?id="999"><span?class="name">牛999</span><span?class="age">...</span></li> ???</ul>
這么個貌似你可以用jq的 forEach一個個標簽創建再插入dom,不過像下面這樣豈不是更好?
user.jade
-?var?users?=?從數據庫獲取的數據name字段和age字段 ul.user -?each?item?in?users li(id?=?item.id) span.name?#{item.name} span.age?#{item.age}
而且你可以把它編譯成模板(node中):
app.js
var?jade?=?require('jade'); var?users?=?從數據庫獲取的數據name字段和age字段 var?html?=?jade.renderFile('user.jade',{users:?users});?//?讀取user.jade?文件渲染為HTML,第二個參數是將從數據庫拿到的數據,或自定義的json數據
就這幾行代碼就能完成成百上千個數據渲染了,不用我們手動一個個復制粘貼該標簽??偠灾褪翘岣吡碎_發效率。
說了那么多感覺是廢話,看到沒人回答我只是來補個空位了。
不講道理的柯里昂 提問者
舉報
Jade教程,前端開發提速利器,讓項目開發行云流水般順滑
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-06-23
可以啊那樣的話相當于做成了靜態網站可以看看這里。不使用jade的話
會增加你標簽和操作dom的時間,而使用模板可以自動幫你渲染補齊,例如這樣的標簽:
你要是一個個寫的話無非浪費電時間,而模板這樣就可以做到:
還有如果你要在某個標簽里要從數據庫取出數據并渲染:
這么個貌似你可以用jq的 forEach一個個標簽創建再插入dom,不過像下面這樣豈不是更好?
user.jade
而且你可以把它編譯成模板(node中):
app.js
就這幾行代碼就能完成成百上千個數據渲染了,不用我們手動一個個復制粘貼該標簽??偠灾褪翘岣吡碎_發效率。
說了那么多感覺是廢話,看到沒人回答我只是來補個空位了。