ejs模板引擎服務(wù)器端渲染
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:50:29
ejs模板引擎服務(wù)器端渲染
ejs模板引擎服務(wù)器端渲染: 版權(quán)聲明:本文為博主原創(chuàng)文章,遵循 CC 4.0 BY 版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接和本聲明。 npm i express express mini-shop-app -e //使用express 創(chuàng)建一個項目 后面的參數(shù)是項目名稱 和使用的js格式 app.set('view engine
導(dǎo)讀ejs模板引擎服務(wù)器端渲染: 版權(quán)聲明:本文為博主原創(chuàng)文章,遵循 CC 4.0 BY 版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接和本聲明。 npm i express express mini-shop-app -e //使用express 創(chuàng)建一個項目 后面的參數(shù)是項目名稱 和使用的js格式 app.set('view engine
版權(quán)聲明:本文為博主原創(chuàng)文章,遵循 CC 4.0 BY 版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接和本聲明。
npm i express
express mini-shop-app -e //使用express 創(chuàng)建一個項目 后面的參數(shù)是項目名稱 和使用的js格式
app.set('view engine',ejs)
//設(shè)置模板引擎
app.use(cookieParser())
//格式化cookie數(shù)據(jù),把請求頭中的cookie格式化為對象形式(cookie請求一般在請求頭中發(fā)起)
//項目跑起來
npm i
npm start
res.render 使用指定的模板文件顯示頁面內(nèi)容
// 參數(shù)一 模板文件路徑 (從app.js內(nèi)使用指定的模板路徑查找)
// 參數(shù)二 頁面中傳遞的參數(shù)
app.set('views',path.join(_dirname,'views'));指定模板路徑
<%= %> 表示在模板中展示數(shù)據(jù)
<% js表達(dá)式 %>
使用模板語法在服務(wù)器端進(jìn)行數(shù)據(jù)
輸出,是最基礎(chǔ)的一種寫法
在此種場景里面,前端需要做的事情
1 切圖
2 套程序
3 寫js交互效果
SSR (server side render )
服務(wù)器端渲染,
所有的頁面內(nèi)容都是在服務(wù)器端直接生成之后
輸出到瀏覽器,
瀏覽器只負(fù)責(zé)顯示
BSR (browser side render)
服務(wù)器端渲染,服務(wù)器端只負(fù)責(zé)頁面結(jié)構(gòu)的輸入,
客戶端瀏覽器通過ajax的形式獲取數(shù)據(jù)
然后在瀏覽器通過字符拼接或者框架的形式展示
富文本解析 (rich text)
富文本解析 (rich text),包含有html標(biāo)簽和樣式的文本
在ejs內(nèi)解析時,需要通過<%- %>的方式解析
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
ejs模板引擎服務(wù)器端渲染
ejs模板引擎服務(wù)器端渲染: 版權(quán)聲明:本文為博主原創(chuàng)文章,遵循 CC 4.0 BY 版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接和本聲明。 npm i express express mini-shop-app -e //使用express 創(chuàng)建一個項目 后面的參數(shù)是項目名稱 和使用的js格式 app.set('view engine