BigData

集約データ-Goudan Lab

Goudan Lab によって開始されたインテリジェントなデータのキャプチャ、処理、分析、マイニング プラットフォーム。 Meituan、Dianping、Ele.me、Baidu Maps などのデータを提供します。これは最小限の vue 管理管理バックエンドで、バックエンドの構築に必要な要素 UI、axios、アイコンフォント、権限制御、lint のみが含まれています。

オンラインデモ: https://lishuaixingnewbee.github.io/BigData/dist/

ビルドセットアップ

 # Clone project
git clone https://github.com/lishuaixingNewBee/BigData.git
# Install dependencies
npm install

# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# Serve with hot reload at localhost:9528
npm run dev

# Build for production with minification
npm run build

# Build for production and view the bundle analyzer report
npm run build --report

デモ

余分な

ユーザーの役割に基づいてサイドバーとルーターを動的に生成したい場合は、ブランチ許可制御を使用できます。

このプロジェクトはwebpack4に基づいて開発されています

vue + typescript に基づいた管理バックエンドを使用したい場合は、このプロジェクトを参照してください: vue-typescript-admin-template (クレジット: @Armour)

cdn を使用した Element-Ui チュートリアル

まず、 index.html (ルート ディレクトリの下) を見つけます。

Elementのcssとjsの紹介、vueの紹介。 Element-Ui は vue に依存しているため、vue を事前に導入する必要があります。

次に、webpack.base.conf.js を見つけて、webpack が vue と要素をパッケージ化しないようにexternalsを追加します。

 externals: {
  vue: 'Vue',
  'element-ui':'ELEMENT'
}

その後のもう 1 つの細かい点は、グローバル オブジェクト メソッドを使用して vue を導入する場合、手動でVue.use(Vuex）を実行する必要がなく、自動的にマウントされることです。詳細については、問題を参照してください。

最後に、 npm run build --report使用すると、以下に示すように効果を確認できます。