العنوان التجريبي: http://books.zealon.cn/
أنشئ منصة بسيطة لإدارة الكتب تعتمد على vue.js وelement-ui. لا يحتوي المشروع على العديد من الوظائف، لكن المشروع الذي يفصل بين الواجهة الأمامية والخلفية سيغطي أيضًا جميع النقاط الفنية التي يجب استخدامها، وهو مناسب جدًا للطلاب الذين بدأوا في تعلم Vue.
استكمال نظام الهيكل التنظيمي وتكوين إذن المستخدم بناءً على نموذج RBAC
استنادًا إلى حراس التنقل، يمكنك إنشاء المسارات وقوائم المستخدم والتنقل التفصيلي ديناميكيًا، وما إلى ذلك.
تقوم Axios بتغليف الطلبات غير المتزامنة بشكل موحد وتتعامل بشكل موحد مع إخطارات نتائج العملية
تصل تغطية استخدام مكون element-ui إلى أكثر من 70%
تم تطوير هندسة واجهة المشروع بناءً على SpringBoot2.x، انقر للدخول إلى المستودع
على الرغم من أنها منصة لإدارة الكتب، لوصفها بشكل أكثر دقة، فهي في الواقع دعامة لإدارة الواجهة الخلفية. إن طرق إدارة المحتوى في أي واجهة خلفية ليست أكثر من مجرد مجموعة من إدارة الحقوق التنظيمية العامة ، يمكنك أيضًا استخدامها لتطوير أي وحدات ترغب في صيانتها، أليس كذلك؟
- assets / 资源
- router / 路由
- utils /
- config / 静态配置
- request / axios封装
- sessionStorage / 本地存储封装
- style / 样式文件
- App.vue
- vue.config.js
- pages / 组件
- book / 图书、章节、作者
- dictionary / 数据字典
- org / 组织、用户、角色、权限
- user / 个人信息
- welfare / 小福利
1. سحب المشروع إلى المستوى المحلي
الأمر: git clone https://github.com/Zealon159/book-ms-ui.git
2. تهيئة تبعيات npm
استخدم الأمر cd لإدخال دليل المشروع المحلي، ثم استخدم cnpm لتثبيت التبعيات، cnpm install
3. ابدأ
الأمر: npm run serve
، بدأت بنجاح http://localhost:9000/
، المنفذ الافتراضي هو 9000، يمكنك إدخال ملف التكوين vue.config.js
لتعديل المنفذ
معهد ماساتشوستس للتكنولوجيا
حقوق الطبع والنشر (ج) 2020 سنوات مجيدة