Echarts-Vueeコマース制御プラットフォーム

フロントエンドプロジェクトの表示

主に6つのチャートで構成されており、フロントエンドはVueフレームワークを使用して合理的にカプセル化されており、ページはコンポーネントで表示されます。

1.Echarts-マーチャント販売統計

ここに画像の説明を挿入

2.チャート-商品販売トレンドチャート

ここに画像の説明を挿入

3.Echarts-商人の分布

ここに画像の説明を挿入

4.チャート-円グラフ

ここに画像の説明を挿入

5.Echarts-在庫販売分析

ここに画像の説明を挿入

6.Echarts-地域の売上ランキング

ここに画像の説明を挿入

7.Echarts-ホームページ

ここに画像の説明を挿入

プロジェクトアドレス

1.フロントエンドアドレス
2.バックエンドアドレス

プロジェクトを立ち上げて実行するにはどうすればよいですか?

1.プロジェクトをローカルにダウンロードし、コンピューターにプロジェクトを実行するための環境があるかどうかを確認します。
チェック方法:win + Rを使用して、制御コマンドラインを開き、次のように入力します。

node -v

ノードのバージョンを確認します。コンピューターにノード環境がない場合は、ブログnode.jsインストールチュートリアル確認して、ノード環境を構築できます。
2.制御コマンドラインを開き、バックエンドフォルダー(Echarts-WebSocket)に入り、次のコマンドを実行します。

npm install
node app,js

この時点でバックエンドが実行されています
。3 制御コマンドラインを開き、フロントエンドフォルダー(Echarts-Vue)に入り、次のコマンドを実行します。

npm install
npm run serve

この時点で、フロントエンドページがレンダリングされています。

おすすめ

転載: blog.csdn.net/gets_s/article/details/114396594