BigData

البيانات المجمعة-مختبر جودان

منصة ذكية لالتقاط البيانات ومعالجتها وتحليلها وتعدينها أطلقتها شركة جودان لاب. يوفر بيانات عن Meituan وDianping وEle.me وBaidu Maps وما إلى ذلك. هذه واجهة خلفية بسيطة لإدارة vue Admin، وهي تحتوي فقط على Element UI وaxios وiconfont والتحكم في الأذونات والوبر، وهي ضرورية لبناء الواجهة الخلفية.

العرض التوضيحي عبر الإنترنت: 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 (Credit: @Armour)

Element-Ui باستخدام البرنامج التعليمي cdn

ابحث أولاً عن index.html (تحت الدليل الجذر)

تقديم CSS وJS للعنصر، وتقديم vue. نظرًا لأن Element-Ui يعتمد على vue، فيجب تقديم vue قبله.

ثم ابحث عن webpack.base.conf.js وأضف externals لمنع حزمة الويب من تعبئة العناصر والعناصر.

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

تفصيل صغير آخر بعد ذلك هو أنه إذا كنت تستخدم طريقة الكائن الشامل لتقديم vue، فلن تحتاج إلى Vue.use(Vuex） يدويًا، وسيتم تثبيته تلقائيًا، راجع المشكلة للحصول على التفاصيل.

أخيرًا، يمكنك استخدام npm run build --report لرؤية التأثير كما هو موضح أدناه: