云頂書(shū)院公開(kāi)課-從零構(gòu)建一個(gè)express+mongodb后臺(tái)項(xiàng)目

Express框架 4.x 官方API文檔

一、框架構(gòu)建

首先執(zhí)行下面的命令進(jìn)行全局安裝
npm install express-generator -g
然后執(zhí)行以下命令構(gòu)建項(xiàng)目
express <項(xiàng)目名稱(chēng)>
進(jìn)入到項(xiàng)目所在文件夾
cd <項(xiàng)目名稱(chēng)>
執(zhí)行以下命令引原始項(xiàng)目所需要的包
npm install

框架搭好之后大概是這個(gè)樣子

我們需要把它改造一下,改造成我們用的順手的樣子。


項(xiàng)目文件構(gòu)圖

修改完成之后demo在GitHub上
這個(gè)demo簡(jiǎn)單的實(shí)現(xiàn)了登陸注冊(cè)注銷(xiāo)功能,重點(diǎn)是框架數(shù)據(jù)庫(kù)的構(gòu)建,他們完成之后,再寫(xiě)業(yè)務(wù)邏輯那就是手到擒來(lái)的事情了。關(guān)于個(gè)人資料的提交修改,文章發(fā)布,點(diǎn)贊,轉(zhuǎn)發(fā),評(píng)論,排行榜,我只講思路,到時(shí)候怎么寫(xiě)邏輯就需要大家自己來(lái)動(dòng)腦筋了。
圖片和文件上傳我會(huì)在講數(shù)據(jù)交互的時(shí)候給大家講。
重點(diǎn)學(xué)習(xí)前后臺(tái)數(shù)據(jù)是如何交互的。

更正

可能是我剛開(kāi)始寫(xiě)代碼的時(shí)候想多了,前端完全可以在本地進(jìn)行自動(dòng)跳轉(zhuǎn)并請(qǐng)求接口地址,所以,后臺(tái)是不需要在app.js里進(jìn)行模板的渲染和靜態(tài)資源文件的使用

所以,在app.js的入口文件中
刪除這兩段話

這兩段話,刪除。同時(shí)刪除public靜態(tài)資源文件夾和views,模板渲染文件夾。

那么既然是完全的前后端分離,我們也無(wú)需在后臺(tái)routes文件夾的index.js文件夾中render界面了,直接res.json({你想要傳給前端的數(shù)據(jù)就可以})


修改index.js文件

在項(xiàng)目中使用token傳輸數(shù)據(jù)

那天我講的全局變量對(duì)象方法可能有點(diǎn)難理解,我寫(xiě)的也有點(diǎn)問(wèn)題。今天我詳細(xì)的給大家闡述一下,token在我們這么項(xiàng)目中怎么用。

在這之前,大家先知道一個(gè)叫uuid的東西,大家平時(shí)生成比如用戶(hù)id的時(shí)候都是寫(xiě)一串生成隨機(jī)數(shù)的代碼,但我們寫(xiě)的生成隨機(jī)數(shù)也會(huì)有幾率會(huì)出現(xiàn)重復(fù)的情況,這個(gè)uuid能夠生成隨機(jī)數(shù)但不會(huì)重復(fù)(它為什么不會(huì)我就不說(shuō)了,確實(shí)挺好用的)
這里是uuid的npm鏈接

這是晚上講的一個(gè)關(guān)于token的demo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容