تنزيل nx admin - تنزيل كود مصدر nx admin

nx admin

فئات أخرى

vg bug

تنزيل

نظام إدارة التشغيل الآلي فيو

الصينية المبسطة |

يقدم

nx-admin هو حل تكامل أمامي لنظام إدارة مفتوح المصدر يعتمد على vue والعنصر. فهو يستخدم أحدث مجموعة من التقنيات الأمامية، ويحتوي على حلول i18 الدولية المضمنة، والتوجيه الديناميكي، والتحقق من الأذونات، ويحسن نماذج الأعمال النموذجية، ويوفر مكونات وظيفية غنية ويمكن أن يساعدك في بناء المستوى المتوسط والخلفي على مستوى المؤسسة بسرعة. نماذج المنتج النهائي. مساعدة الأفراد والشركات على توفير الوقت والتكلفة والنفقات إلى أقصى حد.

الوثائق الصينية

النسخة الكاملة

مستودع جيثب |. عنوان معاينة جيثب |

nx-admin

نسخة مبسطة

مستودع جيثب |. مستودع كود السحابة |

تحضير

تحتاج إلى تثبيت العقدة و git محليًا. تعتمد المجموعة التكنولوجية لهذا المشروع على ES2015+، وvue، وvuex، وvue-router، وaxios، وelement-ui. وتتم محاكاة جميع بيانات الطلب باستخدام Mock.js. وسيكون فهم هذه المعرفة وتعلمها مسبقًا مفيدًا جدًا في استخدام هذا مشروع.

الوثائق ذات الصلة

طلب مني المدير أن أبدأ مع nx-admin خلال عشر دقائق.

التحكم في إذن المستخدم الذي تم تنفيذه بواسطة Vue2.0

يحاكي Mock.js تسجيل الدخول وإضافة الجدول والحذف والتعديل والاستعلام

تغيير مظهر Vue2.0 استنادًا إلى Elementui [موضوع مخصص]

يتعامل تدويل Vue مع vue-i18n ويتحول المشروع تلقائيًا بين الصينية والإنجليزية

بناء بيئة اختبار وحدة Vue2 (karma+mocha+webpack3)

تنفذ Vue الرسوم المتحركة لانتظار تحميل الشاشة الأولى

إضافة وظيفة قفل الشاشة إلى مشروع Vue

يضيف مشروع Vue عنوان رأس المتصفح الديناميكي

لا يدعم هذا المشروع المتصفحات ذات الإصدارات الأقل (مثل IE)، يرجى إضافة التفاصيل بنفسك إذا لزم الأمر

ملاحظة: يستخدم هذا المشروع إصدار [email protected]+، لذا فهو متوافق على الأقل مع [email protected]+

تحميل

بوابة: git clone https://github.com/mgbq/nx-admin.git

npm: npm install

تجريبي

حساب الاختبار:

1. username: admin
   password: 任意
2. username: editor
   password: 任意

العنوان التجريبي:

نظام إدارة الواجهة الخلفية الذي تم تنفيذه بواسطة vue

مشروع nx-admin

nx-admin هو حل متكامل مفتوح المصدر ومجاني لنظام الإدارة، ويتم استكماله بواسطة nxmin مدفوعًا بالاهتمامات بعد العمل. إذا كنت تحب أيضًا تطوير الواجهة الأمامية، فنحن نرحب بك للانضمام إلى مجموعة المناقشة/التعلم الخاصة بنا ومشاركة المواد التعليمية في المجموعة أو مجرد هراء

أسئلة وأجوبة فنية، مجموعة QQ للاتصالات

رقم المجموعة هو 493671066. هنا يمكننا مساعدتك في الإجابة على جميع أنواع الشكوك والأسئلة حول مشروع nx-admin ومنع المعلنين. تم تحديد رسوم عضوية المجموعة على 0.9 يوان. يرجى التفهم والترحيب بالجميع.

محادثة

اعتبارات أخرى

1. إذا لم أرغب في استخدام اللون الأرجواني أعلاه، كيف يمكنني تغييره إلى اللون الذي يعجبني؟

الخطوة 1: قم بتعديل عنوان الرمز إلى: // جزء تعليق الشريط الجانبي في src/styles/variables

الخطوة 2: قم بتعديل عنوان الرمز إلى: رمز اللون الموجود أدناه src/views/layout/components/Sidebar/index.vue.

 < el-menu
      mode = "vertical"
      : show-timeout = "200"
      : default - active = "$route.path"
      : collapse = "isCollapse"
      background-color = "#6959CD"
      text-color = "white"
      active-text-color = "#42b983"
    >

2. ماذا علي أن أفعل إذا كنت لا أرغب في استخدام الرسوم المتحركة لتحميل التحديث؟

ما عليك سوى إزالة قسم الرسوم المتحركة ذات الصلة بتحميل أداة التحميل وملف CSS ذي الصلة في ملف Index.html.

3. إذا لم أرغب في استخدام بعض المكونات المذكورة أعلاه، فكيف يمكنني حذفها من القالب دون التأثير على الوظائف الأخرى؟

على سبيل المثال، لا أريد استخدام مكون Vue-Quill-Editor، لذلك أحتاج إلى القيام بذلك في ثلاث خطوات.

الخطوة 1: احذف مسار المكون في الدليل src/router/index.js، ابحث عن المسار الذي قدم المكون المعدل واحذف الكود التالي.

  {
        path : 'VueEditor' ,
        name : 'VueEditor' ,
        component : ( ) => import ( '@/views/form/VueEditor' ) ,
        meta : { title : 'VueEditor' }
  } ,

الخطوة 2: احذف الملف الذي يقدم المكون. احذف ملف VueEditor.vue الموجود في الدليل src/view/form/.

الخطوة 3: قم بإلغاء تثبيت المكون. قم بتنفيذ الأمر التالي:

 npm un vue-quill-editor -S

ينهي.

وظيفة

 - 登录 / 注销

- 权限验证
  - 页面权限
  - 指令权限

- 多环境发布
  - dev sit stage prod

- 全局功能
  - 国际化多语言
  - 锁屏
  - 疑问
  - 转到github
  - 多种动态换肤
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地mock数据
  - Screenfull全屏
  - 自适应收缩侧边栏

- 编辑器
  - 富文本
  - Markdown

- Excel
  - 导出excel
  - 导出zip
  - 导入excel
  - 前端可视化excel

- 表格
  - 树形表格
  - 内联编辑

- 错误页面
  - 401
  - 404

- 組件
  - 返回顶部
  - 拖拽Dialog
  - 拖拽看板
  - 列表拖拽
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- 综合实例
- Dashboard
- v-charts 图表
- Clipboard(剪贴复制)
- Markdown2html
- 首屏加载等待动画
- Fontawesome 图标库
- vuex本地持久化存储,封装h5的sessionStorage和localStorage
- 右键菜单
- github-emoji
- 第三方网站
- 动态文字说明

أنتم مدعوون للمساهمة في تطوير nx-admin (كتابة التعليمات البرمجية/ترجمة المستندات).

يطور

 # 克隆项目
git clone https://github.com/mgbq/nx-admin.git

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

# 启动服务
npm run dev

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

يطلق

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

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

آخر

 # --report to build with bundle size analytics
npm run build:prod --report

# --preview to start a server in local to preview
npm run build:prod --preview

# lint code
npm run lint

# auto fix
npm run lint -- --fix