nx admin Download - nx admin Quellcode herunterladen

nx admin

Andere Kategorien

vg bug

Herunterladen

? Vue-Automatisierungsmanagementsystem

Vereinfachtes Chinesisch |

einführen

nx-admin ist eine Front-End-Integrationslösung für Open-Source-Managementsysteme, die auf Vue und Element basiert. Es nutzt den neuesten Front-End-Technologie-Stack, verfügt über integrierte internationale i18-Lösungen, dynamisches Routing und Berechtigungsüberprüfung, verfeinert typische Geschäftsmodelle und bietet umfangreiche Funktionskomponenten. Endprodukt-Prototypen. Helfen Sie Privatpersonen und Unternehmen, Zeit, Kosten und Ausgaben im größtmöglichen Umfang zu sparen.

Chinesische Dokumentation

Vollversion

Github-Lager |. Code-Cloud-Lager |. Github-Vorschauadresse |

nx-admin

Vereinfachte Version

Github-Lager |. Code Cloud-Lager |

Vorbereitung

Sie müssen Node und Git lokal installieren. Der Technologie-Stack dieses Projekts basiert auf ES2015+, Vue, Vuex, Vue-Router, Axios und Element-UI. Alle Anforderungsdaten werden mit Mock.js simuliert. Dieses Wissen im Voraus zu verstehen und zu erlernen, wird bei der Verwendung eine große Hilfe sein Projekt.

herunterladen

git: git clone https://github.com/mgbq/nx-admin.git

npm: npm install

Demo

Testkonto:

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

Demo-Adresse:

Von vue implementiertes Backend-Managementsystem

nx-admin-Projekt

nx-admin ist eine vollständig Open-Source- und kostenlose Managementsystem-Integrationslösung. Sie wird von nxmin nach der Arbeit vervollständigt. Wenn Sie auch gerne an der Frontend-Entwicklung interessiert sind, können Sie gerne unserer Diskussions-/Lerngruppe beitreten und Lernmaterialien in der Gruppe teilen. Oder einfach nur Blödsinn

Technische Fragen und Antworten, Kommunikations-QQ-Gruppe

Die Gruppennummer lautet 493671066. Hier können wir Ihnen bei der Beantwortung aller Arten von Zweifeln und Fragen zum NX-Administratorprojekt helfen. Der Gruppenmitgliedsbeitrag ist auf 0,9 Yuan festgelegt. Bitte haben Sie Verständnis und heißen Sie alle willkommen.

chatten

Andere Überlegungen

1. Wenn ich die oben genannte violette Farbe nicht verwenden möchte, wie kann ich sie in die Farbe ändern, die mir gefällt?

Schritt 1: Ändern Sie die Codeadresse in: //Sidebar-Kommentarteil in src/styles/variables

Schritt 2: Ändern Sie die Codeadresse in: den Farbcode unter 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. Was soll ich tun, wenn ich die Aktualisierungsladeanimation nicht verwenden möchte?

Entfernen Sie einfach das zugehörige Loader-Wrappe-Ladeanimations-Div und das zugehörige CSS in index.html.

3. Wenn ich einige der oben genannten Komponenten nicht verwenden möchte, wie kann ich sie dann in der Vorlage löschen, ohne dass dies Auswirkungen auf andere Funktionen hat?

Ich möchte beispielsweise die Vue-Quill-Editor-Komponente nicht verwenden und muss dies daher in drei Schritten tun.

Schritt 1: Löschen Sie die Route der Komponente. Suchen Sie im Verzeichnis src/router/index.js die Route, die die geänderte Komponente eingeführt hat, und löschen Sie den folgenden Code.

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

Schritt 2: Löschen Sie die Datei, die die Komponente einführt. Löschen Sie die Datei VueEditor.vue im Verzeichnis src/view/form/.

Schritt 3: Deinstallieren Sie die Komponente. Führen Sie den folgenden Befehl aus:

 npm un vue-quill-editor -S

Beenden.

Funktion

 - 登录 / 注销

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

- 多环境发布
  - 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
- 第三方网站
- 动态文字说明

Gerne können Sie sich an der Entwicklung von nx-admin beteiligen (Code schreiben/Dokumentübersetzung).

entwickeln

 # 克隆项目
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

Browserzugriff http://localhost:9528

freigeben

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

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

andere

 # --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