BigData

Aggregierte Daten – Goudan Lab

Eine intelligente Datenerfassungs-, Verarbeitungs-, Analyse- und Mining-Plattform, die von Goudan Lab eingeführt wurde. Bietet Daten zu Meituan, Dianping, Ele.me, Baidu Maps usw. Dies ist ein minimalistisches Vue-Administrator-Management-Backend. Es enthält nur Element UI, Axios, Iconfont, Berechtigungskontrolle und Lint, die zum Erstellen des Backends erforderlich sind.

Online-Demo: https://lishuaixingnewbee.github.io/BigData/dist/

Build-Setup

 # 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

Demo

Extra

Wenn Sie Seitenleisten und Router basierend auf Benutzerrollen dynamisch generieren möchten, können Sie die Branch-Berechtigungssteuerung verwenden

Dieses Projekt wurde auf Basis von webpack4 entwickelt

Wenn Sie ein Admin-Backend basierend auf Vue + Typescript verwenden möchten, können Sie sich dieses Projekt ansehen: vue-typescript-admin-template (Quelle: @Armour)

Element-Ui mit CDN-Tutorial

Suchen Sie zuerst index.html (im Stammverzeichnis).

Stellen Sie CSS und JS von Element vor und stellen Sie Vue vor. Da Element-Ui von Vue abhängt, muss Vue davor eingeführt werden.

Suchen Sie dann webpack.base.conf.js und fügen Sie externals hinzu, um zu verhindern, dass Webpack Vue und Element verpackt.

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

Ein weiteres kleines Detail danach ist, dass Sie Vue.use(Vuex） nicht manuell einführen müssen, wenn Sie die globale Objektmethode verwenden, sondern dass es automatisch gemountet wird. Weitere Informationen finden Sie im Problem.

Schließlich können Sie npm run build --report verwenden, um den Effekt wie unten gezeigt zu sehen: