BigData

Laboratório de dados agregados-Goudan

Uma plataforma inteligente de captura, processamento, análise e mineração de dados lançada pelo Goudan Lab. Fornece dados sobre Meituan, Dianping, Ele.me, Baidu Maps, etc. Este é um back-end de gerenciamento administrativo vue minimalista. Ele contém apenas Element UI e axios e iconfont e controle de permissão e lint, que são necessários para construir o back-end.

Demonstração online: https://lishuaixingnewbee.github.io/BigData/dist/

Configuração de compilação

 # 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

Demonstração

Extra

Se você deseja gerar barras laterais e roteadores dinamicamente com base nas funções do usuário, você pode usar o branch permission-control

Este projeto é desenvolvido baseado em webpack4

Se você quiser usar um backend administrativo baseado em vue + typescript, você pode dar uma olhada neste projeto: vue-typescript-admin-template (Crédito: @Armour)

Element-Ui usando tutorial cdn

Primeiro encontre index.html (no diretório raiz)

Apresente o css e js do Element e apresente o vue. Como o Element-Ui depende do vue, o vue deve ser introduzido antes dele.

Em seguida, encontre webpack.base.conf.js e adicione externals para evitar que o webpack empacote vue e elemento.

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

Outro pequeno detalhe depois disso é que se você usar o método de objeto global para introduzir vue, você não precisa Vue.use(Vuex） manualmente, ele será montado automaticamente.

Finalmente, você pode usar npm run build --report para ver o efeito conforme mostrado abaixo: