javascript - 使用node如何進(jìn)行前后臺分離?
問題描述
最近使用express+ jade + mongodb做了個(gè)小練習(xí),使用的jade模板引擎在渲染數(shù)據(jù)時(shí)需要在頁面代碼中嵌入js邏輯代碼,個(gè)人很不喜歡這種開發(fā)模式,所以想問一下使用node如何實(shí)現(xiàn)前后臺的完全分離?
問題解答
回答1:前后端分離頁面中也得嵌入 js 代碼啊,前端要跑的邏輯肯定還是得跑,express + jade 已經(jīng)做到了服務(wù)端渲染,通過數(shù)據(jù)渲染模版產(chǎn)生前端內(nèi)容,前端再跑相對應(yīng)的前端邏輯,這樣已經(jīng)算是完全分離了。
回答2:讓node只負(fù)責(zé)后端,jade可以扔掉了。前端用原生js進(jìn)行ajax請求獲取數(shù)據(jù),再進(jìn)行相應(yīng)的邏輯處理即可
回答3:通過 express + mongodb 可以將 URL 映射到數(shù)據(jù)庫———— 換言之,URL是數(shù)據(jù)的指針。
在 express + mongodb 技術(shù)上再加一層 jade 意味著,數(shù)據(jù)要流經(jīng) jade,跟模版耦合成 html 數(shù)據(jù)流 之后通過response返回給客戶端
前后端分離,在于從數(shù)據(jù)庫里取出來的數(shù)據(jù)是直接返回在 response 或者經(jīng)過模版引擎處理后再返回。
( 體會下: res.json 和 res.render )
回答4:可以參考一下淘寶前后端分離實(shí)踐
細(xì)節(jié)有待商榷,但是大體模式都講清楚了。如它里面所說的,要看你要的“前后端分離”分離成怎么樣。以及你對前端這個(gè)東西的理解了。
回答5:jade模板換成html,前端用ajax就ok了吧。。。(前端相當(dāng)于靜態(tài)資源,nodejs可以看作為一個(gè)web server)
相關(guān)文章:
1. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入3. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報(bào)錯(cuò),是什么情況?求大神指點(diǎn)4. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?5. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時(shí)候?qū)懭雭y碼6. vue2.0+webpack 如何使用bootstrap?7. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;8. html - 根據(jù)用戶id實(shí)現(xiàn)論壇用戶頭像顯示的最佳實(shí)現(xiàn)9. 前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果?10. docker綁定了nginx端口 外部訪問不到
