一、框架構(gòu)建
首先執(zhí)行下面的命令進(jìn)行全局安裝
npm install express-generator -g
然后執(zhí)行以下命令構(gòu)建項(xiàng)目
express <項(xiàng)目名稱>
進(jìn)入到項(xiàng)目所在文件夾
cd <項(xiàng)目名稱>
執(zhí)行以下命令引原始項(xiàng)目所需要的包
npm install
我們需要把它改造一下,改造成我們用的順手的樣子。
修改完成之后demo在GitHub上
這個(gè)demo簡(jiǎn)單的實(shí)現(xiàn)了登陸注冊(cè)注銷功能,重點(diǎn)是框架和數(shù)據(jù)庫(kù)的構(gòu)建,他們完成之后,再寫業(yè)務(wù)邏輯那就是手到擒來的事情了。關(guān)于個(gè)人資料的提交修改,文章發(fā)布,點(diǎn)贊,轉(zhuǎn)發(fā),評(píng)論,排行榜,我只講思路,到時(shí)候怎么寫邏輯就需要大家自己來動(dòng)腦筋了。
圖片和文件上傳我會(huì)在講數(shù)據(jù)交互的時(shí)候給大家講。
重點(diǎn)學(xué)習(xí)前后臺(tái)數(shù)據(jù)是如何交互的。
更正
可能是我剛開始寫代碼的時(shí)候想多了,前端完全可以在本地進(jìn)行自動(dòng)跳轉(zhuǎn)并請(qǐng)求接口地址,所以,后臺(tái)是不需要在app.js里進(jìn)行模板的渲染和靜態(tài)資源文件的使用
這兩段話,刪除。同時(shí)刪除public靜態(tài)資源文件夾和views,模板渲染文件夾。
那么既然是完全的前后端分離,我們也無需在后臺(tái)routes文件夾的index.js文件夾中render界面了,直接res.json({你想要傳給前端的數(shù)據(jù)就可以})
在項(xiàng)目中使用token傳輸數(shù)據(jù)
那天我講的全局變量對(duì)象方法可能有點(diǎn)難理解,我寫的也有點(diǎn)問題。今天我詳細(xì)的給大家闡述一下,token在我們這么項(xiàng)目中怎么用。
在這之前,大家先知道一個(gè)叫uuid的東西,大家平時(shí)生成比如用戶id的時(shí)候都是寫一串生成隨機(jī)數(shù)的代碼,但我們寫的生成隨機(jī)數(shù)也會(huì)有幾率會(huì)出現(xiàn)重復(fù)的情況,這個(gè)uuid能夠生成隨機(jī)數(shù)但不會(huì)重復(fù)(它為什么不會(huì)我就不說了,確實(shí)挺好用的)
這里是uuid的npm鏈接