nx admin
vg bug
? Système de gestion d'automatisation Vue
Chinois simplifié | Anglais
nx-admin est une solution d'intégration frontale de système de gestion open source basée sur vue et element. Il utilise la dernière pile technologique frontale, intègre des solutions internationales i18, un routage dynamique et une vérification des autorisations, affine les modèles commerciaux typiques et fournit des composants fonctionnels riches. Il peut vous aider à créer rapidement des solutions intermédiaires et arrière au niveau de l'entreprise. prototypes de produits finis. Aidez les particuliers et les entreprises à économiser au maximum du temps, des coûts et des dépenses.
Documentation chinoise
version complète
Entrepôt Github | Entrepôt de code cloud | Adresse d’aperçu github |
Version simplifiée
Entrepôt Github | Entrepôt Code Cloud | Adresse d'aperçu
Vous devez installer node et git localement. La pile technologique de ce projet est basée sur ES2015+, vue, vuex, vue-router, axios et element-ui. Toutes les données de requête sont simulées à l'aide de Mock.js. Comprendre et apprendre ces connaissances à l'avance sera d'une grande aide pour l'utiliser. projet.
Le patron m'a demandé de démarrer avec nx-admin en dix minutes.
Contrôle des autorisations des utilisateurs implémenté par Vue2.0
Mock.js simule la connexion et l'ajout, la suppression, la modification et la requête de tables
Changement de skin Vue2.0 basé sur elementui [thème personnalisé]
L'internationalisation de Vue gère vue-i18n et le projet bascule automatiquement entre le chinois et l'anglais
Créer un environnement de test unitaire Vue2 (karma+mocha+webpack3)
Vue implémente la première animation d'attente de chargement d'écran
Ajouter la fonction d'écran de verrouillage au projet Vue
Le projet Vue ajoute un titre d'en-tête de navigateur dynamique
Ce projet ne prend pas en charge les versions inférieures des navigateurs (tels que IE). Veuillez ajouter polyfill vous-même si nécessaire.
Remarque : ce projet utilise la version [email protected]+, il est donc au moins compatible avec [email protected]+
git : git clone https://github.com/mgbq/nx-admin.git
npm : npm install
Compte test :
1. username: admin
password: 任意
2. username: editor
password: 任意Adresse de démonstration :
Système de gestion backend implémenté par vue
projet nx-admin
nx-admin est une solution d'intégration de système de gestion entièrement open source et gratuite. Elle est complétée par nxmin motivée par vos intérêts après le travail. Si vous aimez également le développement front-end, vous êtes invités à rejoindre notre groupe de discussion/apprentissage. et partager du matériel d'apprentissage dans le groupe Ou tout simplement des bêtises.
Le numéro de groupe est 493671066. Ici, nous pouvons vous aider à répondre à toutes sortes de doutes et de questions sur le projet nx-admin et à prévenir les annonceurs. Les frais d'adhésion au groupe sont fixés à 0,9 yuan. Veuillez comprendre et accueillir tout le monde.
Étape 1 : modifiez l'adresse du code en : //partie de commentaire de la barre latérale dans src/styles/variables
Étape 2 : Modifiez l'adresse du code en : le code couleur ci-dessous 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"
>Supprimez simplement le div d'animation de chargement du chargeur-wrappe associé et le CSS associé dans index.html.
Par exemple, je ne souhaite pas utiliser le composant Vue-Quill-Editor, je dois donc le faire en trois étapes.
Étape 1 : Supprimez la route du composant. Dans le répertoire src/router/index.js, recherchez la route qui a introduit le composant modifié et supprimez le code suivant.
{
path : 'VueEditor' ,
name : 'VueEditor' ,
component : ( ) => import ( '@/views/form/VueEditor' ) ,
meta : { title : 'VueEditor' }
} ,Étape 2 : Supprimez le fichier qui introduit le composant. Supprimez le fichier VueEditor.vue dans le répertoire src/view/form/.
Étape 3 : Désinstallez le composant. Exécutez la commande suivante :
npm un vue-quill-editor -S
Finition.
- 登录 / 注销
- 权限验证
- 页面权限
- 指令权限
- 多环境发布
- 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
- 第三方网站
- 动态文字说明
Vous êtes invités à contribuer au développement de nx-admin (rédaction de code/traduction de documents).
# 克隆项目
git clone https://github.com/mgbq/nx-admin.git
# 安装依赖
npm install
# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run devAccès au navigateur 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
Ce projet s'appuie sur certains composants de vueAdmin-template, d2admin et avue.
Copyright MIT (c) 2018-présent nxmin
