BigData

Aggregated Data-Goudan Lab

แพลตฟอร์มการจับ การประมวลผล การวิเคราะห์ และการขุดข้อมูลอัจฉริยะที่เปิดตัวโดย Goudan Lab ให้ข้อมูลเกี่ยวกับ Meituan, Dianping, Ele.me, Baidu Maps ฯลฯ นี่คือแบ็กเอนด์การจัดการผู้ดูแลระบบ vue แบบมินิมอล มีเฉพาะ Element UI & axios & iconfont & การควบคุมสิทธิ์ & lint ซึ่งจำเป็นในการสร้างแบ็กเอนด์

การสาธิตออนไลน์: 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 เพื่อป้องกันไม่ให้ webpack จากการทำแพ็กเกจ vue และองค์ประกอบ

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

รายละเอียดเล็กๆ น้อยๆ อีกประการหนึ่งหลังจากนั้นก็คือ หากคุณใช้วิธี global object เพื่อแนะนำ vue คุณไม่จำเป็นต้อง Vue.use(Vuex） ด้วยตนเอง มันจะถูกเมาท์โดยอัตโนมัติ ดูรายละเอียดจากปัญหา

สุดท้าย คุณสามารถใช้ npm run build --report เพื่อดูผลกระทบดังที่แสดงด้านล่าง: