vue admin manager
1.0.0
أبلغ بعض الطلاب عن خطأ عند بدء التشغيل، والذي من المفترض أن يكون مشكلة في تبعيات npm.
تم إرفاق معلومات الإصدار الخاصة بي كمرجع، ولكن يجب دعم جميع الإصدارات المذكورة أعلاه.
تجديد:
يتم تحديث الفرع الرئيسي الرئيسي لتحميل القائمة ديناميكيًا:
تخصيص قوائم التحميل ديناميكيًا بناءً على أذونات المستخدم، وذلك بشكل أساسي من خلال استخدام addRoutes وmeta والميزات الأخرى.
يتم إنشاء بيانات العرض من خلال mock.js
العنوان التجريبي
شركة بحث وتطوير خلفية، وهي شركة ناشئة، ليس لديها حاليًا تطوير ويب، وتحتاج إلى التشغيل والصيانة تدريجيًا، وصفحة التشغيل، إذا كنت ترغب في بدء العمل بسرعة،
ذهبت للتعرف على الأشياء الشائعة حاليًا، بما في ذلك رد الفعل وvue والزاوي. وبعد المقارنة، أشعر أن vue هو الأنسب في الوقت الحالي.
لقد ذهبت إلى الموقع الرسمي للتعرف عليه، وكتبت بعض العروض التوضيحية، ثم بدأت العمل على هذه الواجهة الخلفية، وتعلمت أيضًا من العديد من الأعمال الممتازة على جيثب
قم بإخراجها حتى تتمكن من مراجعتها بسهولة.
المشروع عبارة عن 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) تدعم Oauth2 وتسجيل الدخول من جهة خارجية
نظرة عامة على التطبيق، لوحة المعلومات، إحصائيات الأيقونات المختلفة
اتجاهات البيانات: المستخدمون المسجلون، المستخدمون النشطون، علاقات المستخدمين، إلخ.
تقوم إدارة المستخدم حاليًا بتنفيذ الاستعلامات فقط
تدعم صيانة البيانات عرض مقاطع الفيديو والصور
اكتمل طي شريط التنقل
تم تسجيل الدخول للحصول على لقب المستخدم
اكتمل استخراج رمز الإحصائيات
اكتمال الوصول إلى Alibaba Cloud OSS وSTS (خدمة المصادقة المؤقتة)
الدعم الكامل لتشغيل الفيديو
إدارة حالة Vuex (يتم حاليًا تسجيل معلومات الرمز المميز للمستخدم فقط)
[] أيقونة المخطط الإلكتروني في لوحة المعلومات، إعادة البناء بناءً على المكونات (يتم كتابتها عند استخدامها لأول مرة، الكود زائد نسبيًا، وسيتم تقسيمه إلى مكونات لاحقًا)
مكون الصفحة 404 (فارغ حاليًا)، فكر في استخدام Tencent Charity على مدونتك الخاصة
[] مكون 401 صفحة
[] سريع الاستجابة، ويدعم الهواتف المحمولة
تستخدم صفحة Dashboard مكون vue-echarts-v3. تم إنشاؤه بالقوة عندما تعرفت على vue لأول مرة. لاحقًا، سوف تتعرف تدريجيًا على فكرة المكونات وتطبقها.
لا يزال الكود بحاجة إلى التحسين تدريجيًا، هاها
