BigData

Aggregated Data-Goudan Lab

An intelligent data capture, processing, analysis, and mining platform launched by Goudan Lab. Provides data on Meituan, Dianping, Ele.me, Baidu Maps, etc. This is a minimalist vue admin management backend. It only contains Element UI & axios & iconfont & permission control & lint, which are necessary to build the backend.

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

If you want to dynamically generate sidebars and routers based on user roles, you can use the branch permission-control

This project is developed based on webpack4

If you want to use an admin backend based on vue + typescript, you can take a look at this project: vue-typescript-admin-template (Credit: @Armour)

Element-Ui using cdn tutorial

First find index.html (under the root directory)

Introduce Element's css and js, and introduce vue. Because Element-Ui depends on vue, vue must be introduced before it.

Then find webpack.base.conf.js and add externals to prevent webpack from packaging vue and element.

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

Another small detail after that is that if you use the global object method to introduce vue, you don’t need to manually Vue.use(Vuex） , it will be automatically mounted. See the issue for details.

Finally, you can use npm run build --report to see the effect as shown below: