vue admin manager
1.0.0
Certains étudiants ont signalé une erreur au démarrage, ce qui devrait être un problème avec les dépendances npm.
Mes informations de version sont jointes à titre de référence, mais toutes les versions ci-dessus doivent être prises en charge.
renouveler:
Le maître de la branche principale est mis à jour pour charger dynamiquement le menu :
Allouez dynamiquement les menus de chargement en fonction des autorisations de l'utilisateur, principalement grâce à l'utilisation d'addRoutes, de méta et d'autres fonctionnalités.
Les données d'affichage sont construites via mock.js
Adresse de démonstration
Une entreprise de R&D back-end, une start-up, n'a actuellement pas de développement Web, et doit progressivement faire de l'exploitation et de la maintenance, et la page d'exploitation, si vous souhaitez commencer à travailler rapidement,
Je suis allé me renseigner sur les plus populaires actuellement, notamment React, Vue et Angular. Après comparaison, je pense que vue est la plus appropriée actuellement.
Je suis allé sur le site officiel pour me familiariser avec lui, j'ai écrit quelques démos, puis j'ai commencé à travailler sur ce backend, j'ai appris de nombreux excellents travaux sur github, et j'ai aussi.
Sortez-le afin que vous puissiez le consulter facilement.
Le projet est SPA, le front-end et le back-end sont séparés, le front-end est construit à l'aide de vue-cli, l'authentification utilise JWT, la base de données back-end est mongodb et le back-end fournit
Interface reposante, fonction statistique très pratique, agrégation, mapReduce, les conditions sont encapsulées dans le front-end,
Semblable à l’assemblage frontal des conditions de requête, le back-end crache directement les résultats correspondants.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
├── build // 构建相关
├── config // 配置相关
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件（及页面）
│ ├── config // 配置项
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
├── .babelrc // babel-loader 配置
├── .editorconfig // 代码风格文件，前提是要你的编辑器支持
├── .gitignore // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js // autoprefixer的配置文件
└── package.json // 项目依赖管理
Authentification de connexion (actuellement basée sur JWT) todo prend en charge Oauth2 et la connexion tierce
Tableau de bord de présentation de l'application Diverses statistiques d'icônes
Tendances des données : utilisateurs enregistrés, utilisateurs actifs, relations avec les utilisateurs, etc.
La gestion des utilisateurs n'effectue actuellement que des requêtes
La maintenance des données prend en charge la visualisation de vidéos et d'images
Réduire la barre de navigation terminée
Connexion terminée pour obtenir le pseudo de l'utilisateur
Extraction des icônes de statistiques terminée
Accès terminé à Alibaba Cloud OSS, STS (service d'authentification temporaire)
Prise en charge complète de la lecture vidéo
Gestion du statut Vuex (actuellement, seules les informations sur les jetons utilisateur sont enregistrées)
[] L'icône echart dans le Dashboard, reconstruction basée sur les composants (écrit lors de sa première utilisation, le code est relativement redondant, et sera découpé en composants ultérieurement)
Composant de 404 pages (actuellement vierge), pensez à utiliser Tencent Charity sur votre propre blog
[] Composant de 401 pages
[] Adaptatif, prend en charge les téléphones mobiles
La page Tableau de bord utilise le composant vue-echarts-v3. Elle a été créée de force lorsque je me suis familiarisé avec vue. Elle n'a aucune sensation esthétique. Plus tard, vous vous familiariserez progressivement et appliquerez l’idée des composants.
Le code doit encore être progressivement optimisé, haha
