6天玩轉(zhuǎn)電子商務(wù)ECharts數(shù)據(jù)可視化項(xiàng)目【黑馬程序員】

該項(xiàng)目前端使用Vue技術(shù)棧，后端使用Koa2框架，前后端數(shù)據(jù)的交互采取WebSocket來(lái)保證數(shù)據(jù)的實(shí)時(shí)性。項(xiàng)目還支持主題切換, 展示酷炫的圖表效果.同時(shí)也能夠支持大屏和小屏的切換,保證了圖表在不同屏幕上呈現(xiàn)的效果。

該項(xiàng)目提供了地區(qū)銷售趨勢(shì),商家銷量趨勢(shì),商品銷量趨勢(shì),商家銷售統(tǒng)計(jì),商家地圖分布,地區(qū)銷售排行,熱銷商品占比,庫(kù)存銷量分析等豐富強(qiáng)大的圖表數(shù)據(jù)展示功能。

本項(xiàng)目適用于具備Vue基礎(chǔ)，需要深入數(shù)據(jù)可視化的同學(xué)們學(xué)習(xí)。

演示地址：

地址：http://fe-vision-web.itheima.net/

基本信息

業(yè)務(wù)功能：6個(gè)

地區(qū)銷量趨勢(shì) / 商家銷量統(tǒng)計(jì) / 商戶地圖分布 / 地區(qū)銷售排行 / 熱銷商品占比 / 庫(kù)存銷量分析

頁(yè)面數(shù)量7個(gè)：

每個(gè)業(yè)務(wù)功能有一個(gè)單獨(dú)頁(yè)面, 還有一個(gè)整體的界面將所有的圖表包含在內(nèi)

接口：7個(gè)

/api/trend

/api/budget

/api/hotproduct

/api/map

/api/rank

/api/seller

/api/stock

就業(yè)方向建議

1.使用ECharts作為可視化圖表引擎

2.使用Vue框架開(kāi)發(fā)的前端項(xiàng)目

3.使用Koa2框架開(kāi)發(fā)的后端項(xiàng)目

4.使用WebSocket完成后端數(shù)據(jù)推送

5.前后端分離的項(xiàng)目

6.使用git作為版本管理的項(xiàng)目

猜你喜歡：

布局視口、視覺(jué)視口和理想視口分別是什么?

px em rem這三者有什不同?

HTML5增加了哪些功能?有什么優(yōu)勢(shì)?

HTML&JS+前端培訓(xùn)課程