BigData

Агрегированные данные — Лаборатория Гудана

Интеллектуальная платформа сбора, обработки, анализа и анализа данных, запущенная Goudan Lab. Предоставляет данные о картах Meituan, Dianping, Ele.me, Baidu и т. д. Это минималистичный бэкэнд для администрирования vue. Он содержит только пользовательский интерфейс Element, аксиомы, шрифты, контроль разрешений и анализ, которые необходимы для создания бэкэнда.

Онлайн-демо: 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)

Учебное пособие по Element-Ui с использованием cdn

Сначала найдите index.html (в корневом каталоге)

Представьте CSS и js Element, а также vue. Поскольку Element-Ui зависит от vue, перед ним необходимо ввести vue.

Затем найдите webpack.base.conf.js и добавьте externals , чтобы веб-пакет не мог упаковывать vue и элемент.

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

Еще одна небольшая деталь: если вы используете метод глобального объекта для введения vue, вам не нужно вручную создавать Vue.use(Vuex） , он будет автоматически смонтирован. Подробности см. в этой проблеме.

Наконец, вы можете использовать npm run build --report , чтобы увидеть эффект, как показано ниже: