点餐项目演示说明
為了方便更好的理解業(yè)務(wù),我在這給大家演示一下,分為買家端和賣家端,買賣買賣,有買就有賣,我們先看一下買家端,現(xiàn)在我作為一個(gè)客戶,我要來點(diǎn)餐,我們可以看到有幾樣商品,我喜歡吃皮蛋粥,因?yàn)樽畋阋?那我就去買一個(gè),點(diǎn)擊支付,這就完成了一個(gè)下單的過程,并且已經(jīng)支付成功了,那效果上大家已經(jīng)看到了,我們現(xiàn)在從技術(shù)角度再來看一下,這個(gè)項(xiàng)目我們是做了前后端分離的,所以大家可以看看前端的代碼,它是使用vue.js開發(fā)的一個(gè)應(yīng)用,在發(fā)布代碼前,我們都要對(duì)他先構(gòu)建npm run build在dist目錄下面,全在這,在這我們就是簡單的了解下這個(gè)前端項(xiàng)目,知道它是用vue開發(fā)的一個(gè)應(yīng)用,我們可以在瀏覽器上看一下這個(gè)買家端,我們可以看一下請(qǐng)求的報(bào)文,這邊請(qǐng)求了很多的前端的資源,也會(huì)請(qǐng)求后端的一些接口,因?yàn)槲覀冞@個(gè)我們做到了前后端分離,前端發(fā)起一個(gè)請(qǐng)求,賣家店鋪的一些信息,我們?cè)賮砜纯促u家端,剛剛我們已經(jīng)下了一個(gè)單了,賣家端我們是用來接單的,訪問了之后,跳出了一個(gè)大大的二維碼,這里要用微信掃一下,掃了之后就是登陸了,掃完之后他就跳到這個(gè)界面,同時(shí)我手機(jī)上也可以看一下,這邊會(huì)有一個(gè)登陸操作的通知,登陸成功之后,我們進(jìn)入賣家管理系統(tǒng),這類系統(tǒng)做開發(fā)的也有見過,做一些商品的管理,目前的功能也比較簡單,他可以操作商品,還可以操作類目,最重要的是看訂單,并且可以操作訂單,你可以取消,也可以完結(jié)訂單,我們主要看賣家端的登陸是怎么實(shí)現(xiàn)的,同樣還是打開控制臺(tái),我們刷新一下,選擇這個(gè)all,看他請(qǐng)求的一些接口,這個(gè)list返回的就不是JSON了,是完全的一個(gè)HTML頁面,因?yàn)槲覀冑u家管理系統(tǒng),并沒有做到前后端分離,而是使用了freemarker,作為模板引擎,來開發(fā),再看一下他的登陸是怎么實(shí)現(xiàn)的,我們掃碼之后呢,就可以進(jìn)入這個(gè)頁面,而且你現(xiàn)在可以看一看,再點(diǎn)擊跳到其他的頁面,也是沒有問題,這是由于掃描登陸之后,在cookie里面加了一個(gè)參數(shù),叫做token,token里面加了一個(gè)value,現(xiàn)在刷新是沒有任何問題,假如我給他刪了,這就不是登陸狀態(tài)了,關(guān)于登陸方面,后面也會(huì)來講解,在微服務(wù)里面,我們會(huì)挑一些主干課程來講解,我們的重點(diǎn)還是SpringCloud微服務(wù)
?
超強(qiáng)干貨來襲 云風(fēng)專訪:近40年碼齡,通宵達(dá)旦的技術(shù)人生總結(jié)
- 上一篇: SpringCloud导学
- 下一篇: 微服务和其他常见架构