vue admin manager
1.0.0
นักเรียนบางคนรายงานข้อผิดพลาดเมื่อเริ่มต้นระบบ ซึ่งน่าจะมีปัญหากับการขึ้นต่อกันของ npm
ข้อมูลเวอร์ชันของฉันแนบมาเพื่อการอ้างอิง แต่ควรรองรับเวอร์ชันข้างต้นทั้งหมด
ต่ออายุ:
ต้นแบบสาขาหลักได้รับการอัปเดตเพื่อโหลดเมนูแบบไดนามิก:
จัดสรรเมนูการโหลดแบบไดนามิกตามสิทธิ์ของผู้ใช้ โดยส่วนใหญ่ผ่านการใช้ addRoutes, เมตา และคุณสมบัติอื่น ๆ
ข้อมูลที่แสดงถูกสร้างขึ้นผ่าน mock.js
ที่อยู่สาธิต
บริษัท R&D แบ็คเอนด์ บริษัทสตาร์ทอัพ ปัจจุบันยังไม่มีการพัฒนาเว็บไซต์ และค่อยๆ จำเป็นต้องดำเนินการและบำรุงรักษา และหน้าการดำเนินการ หากคุณต้องการเริ่มทำงานอย่างรวดเร็ว
ผมไปศึกษาเรื่องที่ได้รับความนิยมในปัจจุบัน ทั้ง React, Vue และ Angular หลังจากเปรียบเทียบแล้ว รู้สึกว่า Vue เหมาะสมที่สุดในปัจจุบัน
ฉันไปที่เว็บไซต์อย่างเป็นทางการเพื่อทำความคุ้นเคยกับมัน เขียนการสาธิต และจากนั้นก็เริ่มทำงานกับแบ็กเอนด์นี้ ฉันได้เรียนรู้จากผลงานที่ยอดเยี่ยมมากมายบน GitHub และฉันก็ด้วย
ส่งออกเพื่อให้คุณสามารถตรวจสอบได้อย่างง่ายดาย
โปรเจ็กต์คือ SPA, ส่วนหน้าและส่วนหลังแยกจากกัน, ส่วนหน้าสร้างโดยใช้ vue-cli, การตรวจสอบสิทธิ์ใช้ JWT, ฐานข้อมูลส่วนหลังคือ mongodb และส่วนหลังจัดเตรียม
อินเทอร์เฟซที่สงบ ฟังก์ชั่นทางสถิติสะดวกมาก การรวม mapReduce เงื่อนไขถูกห่อหุ้มไว้ที่ส่วนหน้า
คล้ายกับแอสเซมบลีส่วนหน้าของเงื่อนไขการสืบค้น ส่วนหลังจะแยกผลลัพธ์ที่เกี่ยวข้องออกมาโดยตรง
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
├── build // 构建相关
├── config // 配置相关
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件（及页面）
│ ├── config // 配置项
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
├── .babelrc // babel-loader 配置
├── .editorconfig // 代码风格文件，前提是要你的编辑器支持
├── .gitignore // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js // autoprefixer的配置文件
└── package.json // 项目依赖管理
การตรวจสอบสิทธิ์การเข้าสู่ระบบ (ปัจจุบันอิงตาม JWT) todo รองรับ Oauth2 และการเข้าสู่ระบบของบุคคลที่สาม
แดชบอร์ดภาพรวมแอปพลิเคชัน สถิติไอคอนต่างๆ
แนวโน้มข้อมูล: ผู้ใช้ที่ลงทะเบียน ผู้ใช้ที่ใช้งานอยู่ ความสัมพันธ์ของผู้ใช้ ฯลฯ
ขณะนี้การจัดการผู้ใช้ดำเนินการเฉพาะแบบสอบถามเท่านั้น
การบำรุงรักษาข้อมูลรองรับการดูวิดีโอและรูปภาพ
ยุบแถบนำทางเรียบร้อยแล้ว
เข้าสู่ระบบเสร็จสิ้นเพื่อรับชื่อเล่นของผู้ใช้
การแยกไอคอนสถิติเสร็จสมบูรณ์
เข้าถึง Alibaba Cloud OSS, STS (บริการตรวจสอบสิทธิ์ชั่วคราว) เสร็จสมบูรณ์
รองรับการเล่นวิดีโออย่างสมบูรณ์
การจัดการสถานะ Vuex (ปัจจุบันบันทึกเฉพาะข้อมูลโทเค็นผู้ใช้เท่านั้น)
[] ไอคอน echart ในแดชบอร์ด การสร้างใหม่ตามส่วนประกอบ (เขียนเมื่อใช้งานเป็นครั้งแรก รหัสค่อนข้างซ้ำซ้อน และจะถูกแบ่งออกเป็นส่วนประกอบในภายหลัง)
ส่วนประกอบหน้า 404 (ปัจจุบันว่างเปล่า) ให้พิจารณาใช้ Tencent Charity ในบล็อกของคุณเอง
[] ส่วนประกอบ 401 หน้า
[ ] ตอบสนอง รองรับโทรศัพท์มือถือ
หน้าแดชบอร์ดใช้ส่วนประกอบ vue-echarts-v3 มันถูกสร้างขึ้นโดยการบังคับเมื่อฉันคุ้นเคยกับ vue เป็นครั้งแรก มันไม่ให้ความรู้สึกสวยงามเลย ต่อมาจะค่อยๆทำความคุ้นเคยและประยุกต์ใช้แนวคิดเรื่องส่วนประกอบต่างๆ
โค้ดยังต้องค่อยๆ ปรับให้เหมาะสม 555
