metronic est un thème de panneau de contrôle d'administration avancé basé sur Bootstrap 3.x. Basé sur le framework Bootstrap3. Hautement personnalisable et facile à utiliser. Convient à de nombreuses résolutions d'écran, des petits appareils mobiles aux grands ordinateurs de bureau. Contient 7 thèmes, jusqu'à environ 100 pages d'exemples, des effets d'affichage de pages très riches, notamment des formulaires, des tableaux, des cartes, des calendriers... et ainsi de suite. metronic peut être utilisé pour tout type d'application Web : Metronic peut être utilisé pour diverses formes de programmes de sites Web, tels que backend d'administrateur, instrument de gestion, backend de commerce électronique, CMS, CRM, SAAS, site Web d'entreprise, site Web de commerce électronique, entreprise site Web, site Web d'affichage d'informations, blog, etc. Le design élégant, épuré et plat de Metronic peut donner à votre site Web un aspect convivial et attrayant. Le modèle Metronic contient un grand nombre de plug-ins et d'éléments d'interface utilisateur et peut être affiché normalement sur les navigateurs grand public, les tablettes et les appareils intelligents. Compatibilité des navigateurs : iE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome Par rapport aux autres modèles d'impact personnalisés Bootstrap, cette fonction et ce plug-in sont plus riches. Cela semble très similaire (free-AdminLTE). Je fais rarement du développement front-end. Cet article est utilisé comme processus de prise de notes et d'apprentissage conjoint. Il est demandé aux lecteurs de ne pas être extrêmes lors de la lecture. Préparation logicielle qui peut renverser votre concept front-end : objectif et garantie de VS2013 Objectif principal : modèle de gestion intégré, nécessaire à la construction d'un backend de système de gestion, tel que CMS, RH, OA et autres systèmes de gestion. Ce logiciel sophistiqué peut être vendu jusqu'à 40 % de plus que le même logiciel avec une interface rigide. Il peut être intégré dans tous les langages frontaux, y compris asp.net, JSP et PHP grand public (avec un flux constant de Bootstrap et Metronic comme support technique mis à jour, sauf si l'équipe Tuitu est dissoute) ) Capture d'écran du logiciel d'annuaire 1 D'après le nom du répertoire, on peut voir qu'il contient un document (documentation), des ressources (ressources), un démarrage (démarrage), un thème (thème et theme_trl), indiquant que readme.txt ouvre le fichier readme et nous pouvons voir qu'il suffit d'utiliser le thème Ce dossier fera l'affaire. theme_rtl prend en charge RTL, ce qui bouleverse mes habitudes de programmation. Vous pouvez exécuter l'effet d'index sous theme-->templates-->adminX dans l'ordre. Cependant, j'ai trouvé que chaque admin correspond à admin_material_design D'après le readme, admin_material_design correspond à la version AngularJS que je ne sais pas comment comparer. Nous ne comprenons pas AngularJS, nous utilisons donc uniquement la version normale du logiciel adminX. Les captures d'écran 2 et supérieures sont des captures d'écran partielles. Les paramètres à droite peuvent définir la méthode de mise en page. Capture d'écran du logiciel 3. Effectuez un zoom arrière sur le navigateur pour voir l'effet sur la tablette. L'effet est également très bon. Liste complète des fonctionnalités Conception de style Metro propre, intuitive et entièrement réactive (fonctionne dans tous les principaux navigateurs, tablettes et oui) Plus de 500 pages de modèles valides Framework Bootstrap 3.3.5 Thèmes de couleurs jQuery 1.10.26 Prise en charge complète de Sass Prise en charge complète de RTL Code convivial pour les développeurs Google Ouvrir la police Sans Langue Barre à bascule Menu à plusieurs niveaux Méga menu horizontal Tableau de bord du commerce électronique Vue des commandes de commande Disposition d'édition de produit Disposition de titre par défaut fixe Afficher/masquer la barre latérale Barre latérale horizontale Menu Menu horizontal Exemple de page Web Modèle de courrier électronique polyvalent Chargement de contenu via la barre latérale AJAX Fermer la page Exemple de barre latérale Exemple de page fixe Exemple de page vierge Exemple de page encadrée Exemple de mise en page en boîte non réactive Fonctionnalités de l'interface utilisateur Balises personnalisées et accordéon Metro Boutons élégants, éléments de formulaire, glyphicônes, polices intégrées (Font Awesome, icônes géniales avec la version 3.2.0), graphiques ( jQuery activé), cadrans circulaires (boutons jQuery), curseurs style métro (interface utilisateur jQuery), boutons radio et cases à cocher Style de boîte Metro (uniforme jQuery) Notifications collantes (échange jQuery) Bouton bascule personnalisé pulsé (bouton de lancement) Modèle d'interface utilisateur jQuery Style Windows 8 Tuiles Notifications Toastr Vue arborescente intégrée (arbre Bootstrap) Listes imbriquées intégrées (jQuery Nested) Curseur de plage ionique Curseur de plage noui Bouton de cadran circulaire Barre de progression pour l'interface utilisateur (jQuery blockUI) Entrée d'étiquette (Entrée d'étiquette jQuery) Sélecteur de date de formulaire (sélecteur de date d'amorçage ) Sélecteur de temps (sélecteur de temps bootstrap) Sélecteur de temps de cadran d'horloge (Sélecteur de temps d'horloge Bootstrap) Sélecteur de plage de dates (Sélecteur de plage de dates Bootstrap) Sélecteur de couleurs (Sélecteur de couleurs Bootstrap) 2 menu déroulant Sélectionnez la liste déroulante de sélection personnalisée (Sélection Bootstrap) Commutateur de sélection multiple Auto Lift Entrée d'adresse IP tournante Masque de saisie Entrée de balise Entrée de fichier avancée Éditeur WYSIWYG intégré (bootstraps wysihtml5 et CKEditor) Contrôles de formulaire illimités Disposition avancée du formulaire (2 colonnes, plus bords, division de ligne, bande, bande de balises) Validation avancée du formulaire (plug-in de validation de formulaire jQuery) Liste des formulaires du calendrier complet complet pour l'écran de verrouillage (calendrier complet jQuery)