訂單數(shù)據(jù)模型通常由訂單編號(hào)、訂單時(shí)間、商品編號(hào)、商品價(jià)格等數(shù)十個(gè)字段組成,模型中的指標(biāo)越多,提供給分析人員可分析的維度就越多,如針對(duì)平臺(tái)運(yùn)維角度統(tǒng)計(jì)指標(biāo)可以計(jì)算訂單數(shù)據(jù)統(tǒng)計(jì)平臺(tái)總銷(xiāo)售額度、平臺(tái)今日下單人數(shù);針對(duì)商品銷(xiāo)售角度統(tǒng)計(jì)指標(biāo)可以計(jì)算每個(gè)商品的總銷(xiāo)售額、每個(gè)商品的銷(xiāo)售數(shù)量。在本項(xiàng)目模塊開(kāi)發(fā)中,需要計(jì)算每個(gè)商品總銷(xiāo)售額,相應(yīng)的維度數(shù)據(jù)在數(shù)據(jù)庫(kù)中可以表示為bussiness::order::total字段,字段的名稱(chēng)設(shè)計(jì)可根據(jù)業(yè)務(wù)需求名稱(chēng)自定義設(shè)置。查看全文>>
客戶(hù)端渲染,即傳統(tǒng)的單頁(yè)面應(yīng)用(SPA)模式,Vue.js 構(gòu)建的應(yīng)用程序默認(rèn)情況下是-個(gè)HTML模板頁(yè)面,只有一個(gè)id為app的
服務(wù)器端渲染,顧名思義就是將頁(yè)面或者組件通過(guò)服務(wù)器生成HIML字符串,將它們直接發(fā)迭到河覽器,最后將靜態(tài)標(biāo)記“混合”為客戶(hù)端上完全交互的應(yīng)用程序。本節(jié)將對(duì)服務(wù)器端渲染的基本概念和服務(wù)器端渲染優(yōu)點(diǎn)和不足做詳細(xì)介紹查看全文>>
服務(wù)端渲染的實(shí)現(xiàn),通常有3種方式,第1種是手動(dòng)進(jìn)行項(xiàng)目的簡(jiǎn)單搭建,第2種是使用vue CLI 3腳手架進(jìn)行搭建,第3種利用一些成熟框架來(lái)搭建(如Nuxt,js),本節(jié)講解第1種和第2種方式,帶領(lǐng)讀者實(shí)現(xiàn)簡(jiǎn)單的服務(wù)器端渲染。查看全文>>
們將整個(gè)標(biāo)簽頁(yè)組件看成一個(gè)對(duì)象,考慮到標(biāo)簽頁(yè)組件應(yīng)該是可以被復(fù)用的,在一個(gè)頁(yè)面中允許出現(xiàn)多個(gè)標(biāo)簽頁(yè)組件,所以接下來(lái)我們就來(lái)編寫(xiě)一個(gè)Tab類(lèi),用來(lái)創(chuàng)建標(biāo)簽頁(yè)對(duì)象。每當(dāng)頁(yè)面中需要增加一個(gè)標(biāo)簽頁(yè)組件的時(shí)候,就通過(guò)new Tab0創(chuàng)建一個(gè)對(duì)象就可以了,具體代碼如下:查看全文>>
雙擊標(biāo)簽頁(yè)組件中的li小標(biāo)簽或者section 中的文本,可以對(duì)文本進(jìn)行編輯。為了實(shí)現(xiàn)這個(gè)功能,需要先給li和section元素綁定雙擊事件,當(dāng)雙擊文本后,將文本改成一個(gè)文本框,用來(lái)輸入新的內(nèi)容,在文本框中顯示原來(lái)的文本,并默認(rèn)選定文本。當(dāng)文本框失去焦點(diǎn),或者用戶(hù)按下回車(chē)鍵以后,輸人框中的值就會(huì)更新頁(yè)面中原來(lái)的文本。查看全文>>