BigData

집계된 데이터-고단 연구소

Goudan Lab에서 출시한 지능형 데이터 캡처, 처리, 분석 및 마이닝 플랫폼입니다. Meituan, Dianping, Ele.me, Baidu 지도 등에 대한 데이터를 제공합니다. 이것은 백엔드를 구축하는 데 필요한 요소 UI, axios, 아이콘 글꼴, 권한 제어 및 린트만 포함하는 미니멀한 vue 관리자 관리 백엔드입니다.

온라인 데모: 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를 찾아 externals 추가하여 webpack이 vue 및 요소를 패키징하지 못하도록 합니다.

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

그 이후의 또 다른 작은 세부 사항은 전역 개체 방법을 사용하여 vue를 도입하는 경우 Vue.use(Vuex） 수동으로 사용할 필요가 없으며 자세한 내용은 문제를 참조하세요.

마지막으로 npm run build --report 사용하여 아래와 같은 효과를 확인할 수 있습니다.