Chinois simplifié | Anglais
TodoAdmin-vue
Quand Yang bouge, toutes choses naissent ! Que de bonnes choses surviennent de manière inattendue, que le bonheur vienne comme promis, que l'épidémie se dissipe bientôt, que nous nous précipitions ensemble vers un avenir meilleur et que nous soyons à la hauteur de tous nos efforts.
Version TodoAdmin-Vue : Il s'agit d'une solution de modèle de backend de gestion intégrée. Le projet utilise le langage de script TS et est basé sur Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+, Element-plus 2.2+. , Pinia 2.0+, ECharts 5.3+, etc., le projet est basé sur Composition Il est écrit dans le style API et utilise l'interface API distante et le mode double interface Mock local pour charger les données.
Adresse de la démonstration d'expérience
- Adresse de démonstration de la version professionnelle de Todoadmin-pro Pro (vue3.2+ prend en charge PC, tablette et téléphone mobile)
- Adresse de démonstration de la version de base de Todoadmin (vue3.2+ prend en charge les PC, tablettes et téléphones mobiles)
Nom d'utilisateur : invité
Mot de passe : 123456
Clonez le projet vue-admin-chart et cliquez pour accéder au référentiel Github
# 克隆项目
git clone -b https://github.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i or yarn install
# 本地开发 启动项目
npm run serve or yarn serve
Clonez le projet vue-admin-chart et cliquez pour accéder au référentiel Gitee
# 克隆项目
git clone -b https://gitee.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i or yarn install
# 本地开发 启动项目
npm run serve or yarn serve
Ce qui suit est une introduction à la version Pro
Liste des plug-ins écologiques du projet [dépendance]
nom du titre | Version | décrire |
---|
vue | | Un cadre progressif pour créer des interfaces utilisateur |
vue-routeur | | Routage des candidatures sur une seule page |
vue-cli | | Échafaudage de projet |
axios | | Bibliothèque de requêtes réseau basée sur des promesses |
élément-plus | | Bibliothèque de composants basée sur Vue3 |
élément-plus-icônes | | Bibliothèque d'icônes de composants basée sur Vue3 |
vue-quill | | Éditeur de texte visuel en ligne |
redimensionner l'image de la plume | | Redimensionnement de l'image de l'éditeur de texte |
vue-cropper | | Recadrage d'image basé sur Vue3 |
pinia | | Gestion des statuts |
vue-i18n-next | | Basculer entre plusieurs langues et textes |
js-md5 | | Cryptage MD5 |
progrès | | Chargement de la barre de progression |
graphiques | | Graphiques multifonctionnels |
Installation du projet (dépend de l'installation)
npm install or yarn install
Exécuter un environnement de développement
npm run serve or yarn serve
Emballage environnement de production
npm run build or yarn build
fichier de réparation
Fichier de configuration
#config目录下
/src/config
#项目主体配置import模块
/src/config/index.ts
#项目启动环境配置引入模块
/src/config/config.ts
#项目启动环境(生产环境/Dev环境)基本配置引入模块
/src/config/module/base.ts
#项目启动环境(生产环境/Dev环境)CDN配置引入模块
/src/config/module/cdn.ts
#项目主体全局常量import模块
/src/config/module/global.ts
#项目主体HTTP/HTTPS Restful请求接口地址常量import模块
/src/config/module/HUrl.ts
Introduction aux fonctions front-end et back-end
l'extrémité avant
- Introduction distribuée CDN des données JS/style/image/Json/map
- Adopte exclusivement l'interface de données en temps réel à distance API et la double interface de données locales Mock, et peut librement changer d'API ou de Mock
- Plus de 120 pages de composants de haute qualité
- L'arrière-plan de gestion utilise la transmission de données d'interface en temps réel
- Générez des graphiques dynamiques sur grand écran de données visuelles en temps réel
- Les données en temps réel utilisent l'interaction Websocket
- Adopter le modèle d'API de composition
- Utiliser l'authentification JWT
- Système de surveillance en temps réel et utilisation des ressources du serveur
- Toutes les versions open source sont gratuites pour un usage commercial
- PC multiplateforme, téléphone mobile, tablette et autres compatibles multi-terminaux
- Authentification du menu de routage dynamique et rendu du routage précis selon les autorisations de l'utilisateur
- Prend en charge le chargement de fichiers MarkDown (md) dans les pages de composants Vue
- Prise en charge des données de simulation locales simulées et des données de simulation à distance
- Contrôle d'autorisation au niveau de la fonction du bouton de support
- Prend en charge l'attribution de rôles, d'autorisations, etc. aux utilisateurs membres et aux utilisateurs administrateurs
- Prend en charge plusieurs changements de thème et des styles de thème personnalisés
- Prise en charge de la commutation de texte multilingue
- Prise en charge du mode de gestion d'état de Pinia
- Prise en charge des instructions Vue personnalisées
- Prise en charge de l'amarrage avec des plateformes logistiques tierces
- Prise en charge de la fonction de compte tiers contraignante
- Prise en charge du traçage des journaux (opérations utilisateur et opérations administrateur)
extrémité arrière
- Version linguistique de l'interface : Go (1.7+)
- Version linguistique de l'interface : PHP (8.0.2+)/Swoole (4.8+)
- Version linguistique de l'interface : SpringBoot (2.2+)
- Peut prendre en charge plusieurs commutations de bases de données relationnelles open source : MySQL, MariaDB, PostgreSQL, openGauss, TiDB
- Peut prendre en charge la commutation de plusieurs bases de données mémoire : Redis, Memcached
- Clusters pouvant prendre en charge les bases de données relationnelles
- Clusters pouvant prendre en charge les bases de données en mémoire
- Peut prendre en charge le stockage cloud et la distribution CDN de fichiers statiques (images, vidéos, documents, etc.)
Adresse de démonstration et adresse de l'entrepôt
- Adresse de démonstration de la version professionnelle de Todoadmin-pro Pro (vue3.2+ prend en charge PC, tablette et téléphone mobile)
- Adresse de démonstration de la version de base de Todoadmin (vue3.2+ prend en charge les PC, tablettes et téléphones mobiles)
- Adresse GitHub
- Adresse du cloud de code du gîte
Nom d'utilisateur : invité
Mot de passe : 123456
Conseil&Contact
- Veuillez prendre une tasse de thé et contacter QQ 308407381 après avoir donné un pourboire.
Avantages et remarques
对比其他开源Admin后台管理框架有如下优势:
1. 独家采用API远程实时数据接口和Mock本地数据双接口调试(可自由切换数据接口模式)
2. 支持前后端路由菜单权限和功能按钮权限控制
3. 采用实时接口传输数据,让你事半功倍
4. 偏好数据、主题切换、多国语言切换等配置
5. 支持原生css和scss 自动排序,eslint 自动修复
6. axios 二次封装,支持多种模式和参数方式
7. websocket 封装,支持实时数据传输方式
8. 支持MD5/RSA加密登录
9. 支持https数据加密传输
10. 使用CDN分发项目样式css和js、图片,让速度飞起来
11. 支持全屏操作
12. 支持MarkDown(md)文件加载成Vue组件页面
使用注意事项:
1. 项目默认使用Chrome浏览器,Vue Devtools 插件调试
2. 项目默认使用VSCode + Eslint校验规范,需要配置vscode编辑器
3. 项目也可以使用Goland或IntelliJ IDEA + 相关插件开发
4. 项目使用MIT开源协议,请保留MIT开源协议即可免费商用
Aperçu des rendus en arrière-plan
Ce qui suit est une capture d'écran de la version pro des rendus :
Poser une question
Si vous avez des questions, vous pouvez les poser et l'auteur y répondra rapidement
Soumission du problème
S'il y a des problèmes ou des bugs dans le projet, vous pouvez soumettre un problème
Navigateur et navigateur mobile
Principaux navigateurs et IE 10+.
IE/Bord | Firefox | Chrome | Safari |
---|
IE10/IE11/Bord | les 2 dernières versions | les 2 dernières versions | les 2 dernières versions |
contribuer
Merci à tous ceux qui soutiennent ce projet !
Remerciements
Projets (sans ordre particulier) |
---|
vue |
élément-plus |
pinia |
vue-i18n-next |
axios |
graphiques |
progrès |
Précautions commerciales
Ce projet est gratuit pour un usage commercial, veuillez respecter la licence MIT et conserver la déclaration de support technique de l'auteur.
Copyright (c) 2022-présent, Todoadmin.com