vue DBM

Avis! Ce projet a été refactorisé. La version actuelle est la 2.0. Pour les anciennes versions, veuillez vérifier la version pour télécharger la version 1.0.

illustrer

DBM est un système de gestion de sources de données qui comprend deux modules : la gestion des sources de données et l'autorisation ouverte. La gestion des sources de données fait référence à des fonctions telles que l'importation en un clic, le filtrage à la demande et l'exportation désignée des données relationnelles. propriétaire ouvrant les données aux utilisateurs. Ajouter, supprimer, modifier, vérifier et autres autorisations d'opération. Le déploiement ou l'utilisation de ce système peut apporter la fonction de persistance des données à votre projet front-end, au lieu de la simulation des données.

Le front-end DBM est une application SPA construite à l'aide de l'échafaudage vue-cli. Elle s'appuie principalement sur DBM. Afin de rendre la séparation du front-end et du back-end plus complète, le front-end utilisera Mockjs pour. simulez la réponse selon le protocole d'interface convenu avec le back-end pendant le développement et complétez l'interface sur le back-end. Après l'écriture, utilisez différentes commandes de démarrage pour transférer l'interface back-end afin de terminer le test de l'ensemble du système.

Si vous souhaitez également utiliser vue.js combiné avec des langages back-end (nodejs, java, etc.) pour développer une application complète avec front-end et back-end, vous référer à la mise en œuvre du projet front-end DBM peut pouvoir vous aider à résoudre les problèmes suivants

• Comment améliorer la réutilisabilité des composants ?
• Comment utiliser plusieurs modules dans la gestion d'état ?
• Comment implémenter le traitement des autorisations au niveau de la page et au niveau des éléments ?
• Comment intercepter les requêtes HTTP et simuler une interface utilisateur basée sur les réponses à l'aide de Mockjs ?
• Comment utiliser la fonction de rendu pour personnaliser les composants métier avec des frameworks tels que element-ui ?
• Comment mettre en œuvre un emballage multi-environnements, améliorer l'efficacité de l'emballage et réduire le volume d'emballage, etc.

Étant donné que ce projet est réalisé sur du temps libre, le cycle de développement est long et la propreté du code doit encore être améliorée. Je continuerai à le modifier jusqu'à ce que je sois satisfait. Si vous rencontrez des problèmes, veuillez les signaler directement dans Problèmes. ou si vous avez des questions sur la mise en œuvre du module. De meilleures solutions sont les bienvenues .

Préparation avant développement

Votre environnement local doit contenir nodejs et git si vous utilisez git clone. Ce projet utilise principalement vue, vuex, vue-router, element-ui, axios, Mock.js et d'autres piles technologiques. Familiarisé avec ces technologies, vous pourrez mieux maîtriser ce projet.

Lors du développement du projet, j'ai pris quelques notes ciblées. Il est recommandé de lire d'abord ces notes avant de comprendre le code source de ce projet.

• Aperçu de la structure du projet
• Disposition principale du système
• routage
• Gestion des statuts
• Gestion des autorisations
• Contrôler l’encapsulation et l’utilisation
• mélanger
• Simulation de données
• Optimisation du packaging et expérience utilisateur

fonction cible

• Page de connexion
• Tableau de bord
• Page de gestion des tables de données
• Page de gestion de base de données
• Page d'autorisation d'ouverture de données

Développement et sortie

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Journal des modifications

Cliquez ici pour afficher le journal de mise à jour.

Démo

Cliquez-moi pour voir la démo

Remerciements

L'architecture de ce projet fait référence à l'implémentation de vue-element-admin . Le composant table a été personnalisé et modifié en fonction de vue-easytable . Je tiens à remercier les deux auteurs du projet PanJiaChen et huangshuwei.

Licence

MIT

Copyright (c) 2018-calebman