xiliu lease tenant ui

xiliu-lease-tenant-ui

مقدمة

هذا هو نظام الواجهة الأمامية لمستأجر xiliu-lease. فهو يحتوي فقط على Element UI وaxios وiconfont والتحكم في الأذونات والوبر، وهي ضرورية لبناء الواجهة الخلفية. إذا استفدت شيئًا من هذا المشروع، فيرجى تذكر متابعته على Star، فهذا تشجيع ودعم جيد جدًا بالنسبة لي.

مشروع الواجهة

يرجى الانتقال إلى xiliu-lease-tenant

بناء الإعداد

 # 克隆项目
git clone https://github.com/277769738/xiliu-lease-tenant-ui.git

# 进入项目目录
cd xiliu-lease-tenant-ui

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

الوصول إلى المتصفح http://localhost:9528

يطلق

 # 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

آخر

 # 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

التكنولوجيا المستخدمة

الواجهة الأمامية

تكنولوجيا	إصدار	يوضح
فيو	2.6	إطار الواجهة الأمامية
elementUI	2.15.X	إطار واجهة المستخدم
vuex	3.1.0	مكتبة إدارة الدولة
أكسيوس	0.18.1	مكتبة طلبات الشبكة
شارع	2.10.10	مكتبة ElementUI المحسنة

بروتوكول التطوير

قواعد التسمية

عنصر:

• تبدأ كافة ملفات المكونات بأحرف كبيرة، باستثناء ملف Index.vue. يجب أن يكون الحرف الأول من اسم المكون مكتوبًا بحرف كبير لتجنب التعارضات. على سبيل المثال: @/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

ملفات شبيبة

• تتبع جميع ملفات ‎.js اتصالات الخطوط الأفقية (حالة الكباب)

وجهات النظر

• ضمن ملف العروض، يتم توصيل ملفات .vue التي تمثل التوجيه باستخدام خطوط أفقية (حالة الكباب)، وتستخدم المجلدات التي تمثل التوجيه أيضًا نفس القواعد.

استخدام حالة الكباب لتسمية وجهات النظر يرجع بشكل أساسي إلى الاعتبارات التالية.

• 1. يعد اتصال الخط الأفقي (علبة الكباب) أيضًا أحد اصطلاحات التسمية الموصى بها رسميًا
• 2. يمثل ملف .vue ضمن طرق العرض مسارًا، لذلك يجب تمييزه عن المكونات (جميع المكونات تبدأ بأحرف كبيرة)
• 3. ترتبط عناوين URL الخاصة بالصفحات أيضًا بخطوط أفقية، مثل https://www.xxx.admin/export-excel، لذا يجب توحيد طرق العرض المقابلة للمسارات.
• 4. لا توجد مشاكل تتعلق بحساسية الحالة

تأثير المشروع

وظائف مدمجة

رقم سري	يموت بسرعة	يوضح
1	إدارة المستأجرين	قم بتكوين مستأجري النظام لدعم وظائف متعددة المستأجرين في سيناريوهات SaaS.
2	تكوين حزمة المستأجر	تخصيص صلاحيات القوائم والعمليات والأزرار لكل مستأجر.
3	إدارة المستخدم	المستخدم هو مشغل النظام، وهذه الوظيفة تكمل بشكل أساسي تكوين مستخدم النظام.
4	إدارة القسم	قم بتكوين مؤسسة النظام (الشركة، القسم، المجموعة)، وعرض البنية الشجرية لدعم أذونات البيانات.
5	إدارة القائمة	تكوين قائمة النظام، وأذونات التشغيل، وتحديد إذن الزر، وما إلى ذلك.
6	إدارة الدور	تخصيص أذونات قائمة الأدوار، قم بتعيين الأدوار لتقسيم أذونات نطاق البيانات حسب المؤسسة.
7	إدارة القاموس	الحفاظ على بعض البيانات الثابتة نسبياً والمستخدمة بكثرة في النظام.
8	سجل العملية	تسجيل واستعلام سجل التشغيل العادي للنظام ؛ تسجيل واستعلام سجل معلومات النظام غير الطبيعي.
9	سجل الدخول	تحتوي استعلامات تسجيل دخول النظام على استثناءات تسجيل الدخول.
10	مستخدمي الإنترنت	مراقبة حالة المستخدمين النشطين في النظام الحالي.
11	توليد الكود	يدعم إنشاء أكواد الواجهة الأمامية والخلفية (java وhtml وxml وsql) تنزيل CRUD.
12	واجهة النظام	إنشاء مستندات واجهة API ذات الصلة تلقائيًا استنادًا إلى رمز العمل.
13	مراقبة الخدمة	مراقبة وحدة المعالجة المركزية للنظام الحالي والذاكرة والقرص والمكدس والمعلومات الأخرى ذات الصلة.
14	مراقبة ذاكرة التخزين المؤقت	مراقبة المعلومات المخزنة مؤقتا الحالية.
15	إدارة الإسكان	إضافة واستيراد المعلومات المتعلقة بالملكية.

التعليمات

• إذا وجدت خطأ، يرجى إرسال القضايا

مجموعة الاتصالات

للانضمام إلى مجموعة WeChat للتواصل، ما عليك سوى الرد بـ "إضافة مجموعة" في خلفية الحساب العام.

الحساب الرسمي	مجموعة كيو كيو (577105695)

خاتمة

مرحبًا بك للمناقشة معًا، إذا كنت تعتقد أنه لا بأس، يمكنك أن تمنحني نجمة.