Cet article introduit principalement l'interface fonctionnelle globale de ce cadre bootstrap et introduit les points de connaissance et les interfaces globales qui y sont utilisées. J'espère que les lecteurs auront une compréhension plus intuitive et réaliste du cadre. La conception de l'interface et les idées connexes peuvent être apprises et améliorées, et elles peuvent également discuter des contenus connexes pour s'améliorer ensemble.
1. Caractéristiques techniques de "Frame de développement bootstrap basé sur Metronic" "
1) Adoptez la technologie du cadre réactif de bootstrap le plus émouvant et le plus éblouissant
L'ensemble du framework de développement de bootstrap basé sur Metronic utilise la nouvelle technologie bootstrap dans la partie d'interface, adopte le dernier bootstrap 3.x actuel et intègre de nombreux contrôles de bootstrap puissants.
Bootstrap est un cadre technique frontal qui peut être adopté par de nombreuses plateformes. Java / php / .net peut être utilisé pour effectuer des interfaces frontales. L'intégration de JQuery peut obtenir des effets d'interface très riches. Actuellement, il existe de nombreux plug-ins bootstrap qui peuvent être fournis à tout le monde. Ce cadre rassemble bon nombre des plug-ins les plus excellents, ce qui peut améliorer notre expérience utilisateur Web à un niveau sans précédent.
Metronic est un cadre de développement de bootstrap étranger basé sur HTML, JS et d'autres technologies, intégrant de nombreuses technologies et plug-ins frontaux bootstrap. C'est un très bon cadre technique. Sur la base de ce cadre, combiné à mes recherches sur le cadre Web de MVC, ce cadre intègre le cadre de développement bootstrap basé sur MVC pour lui permettre de répondre aux besoins structurels des projets réels.
Le framework Backend utilise la technologie MVC basée sur C #, qui est actuellement la technologie la plus mature et la plus populaire développée par .NET. La base de données Backend Framework prend en charge les bases de données régulières telles que Oracle, SQLServer, MySQL, SQLite, Access, etc., et peut être commutée librement via la configuration. Utilisez le module de bibliothèque Enterprise pour contrôler l'accès aux données, ce qui rend l'accès aux données plus pratique et plus facile.
Le développement global du framework utilise Visual Studio 2013 et l'outil d'édition de page sublime du texte combiné avec le développement, la page et le code d'arrière-plan, et utilise la base de données de la génération de code 2Sharp pour se développer rapidement pour obtenir une amélioration maximale de l'efficacité du développement global.
La structure globale du cadre est la suivante:
Cela permet au contrôleur d'obtenir de bonnes relations d'héritage et peut réaliser le développement de projets Web avec moins de code et une efficacité de développement plus efficace. L'idée de conception de l'ensemble du contrôleur est la suivante.
Contrôle d'autorisation: Les bonnes règles de conception du contrôleur peuvent fournir un bon contrôle d'accès des utilisateurs et un contrôle d'autorisation pour le cadre de développement Web lui-même, de sorte que l'interface utilisateur présente les menus, les boutons et le contenu de l'interface Web, et le contrôle de soumission de l'action peut tous être sous l'attribution et le contrôle global de la fonction d'autorisation.
Génération de code rapide: une bonne architecture permet à la logique de code unifié d'être fournie dans la couche de logique métier, la couche de contrôleur et la couche d'interface utilisateur de l'interface Web. Ces codes peuvent être générés via la base de données d'outils de génération de code2Sharp. Le code d'interface Web peut utiliser pleinement les informations des métadonnées de la base de données de la génération de code de génération de code2Sharp pour obtenir une génération rapide de l'interface Web. Réduisez efficacement les risques d'erreurs, améliorez l'efficacité de développement et le plaisir du codage d'interface Web, et permettent également une unification efficace du mode de codage au sein de l'entreprise.
La génération de code de bibliothèque d'entreprise peut générer rapidement du code de framework holistique à l'exception de l'interface. La génération de code d'interface Web de Bootstrap peut générer rapidement le code d'interface frontal et le code du contrôleur d'arrière-plan de Bootstrap basé sur Metronic. La pièce d'interface comprend des interfaces fonctionnelles de base telles que la requête, la pagination, l'affichage des données, l'importation et l'exportation de données, le nouveau montage, la visualisation et la suppression. Après la génération, nous pouvons apporter des modifications simples et rapides basées sur cette base pour répondre aux besoins réels, améliorant considérablement l'efficacité de développement de notre interface Web.
Disposition du cadre: Ce qui suit est le rendu global de mon projet global.
Le contenu de la [barre de menu système] est un menu obtenu dynamiquement à partir de la base de données; La [barre supérieure du système] place un affichage d'informations et fournit aux utilisateurs un traitement rapide des données personnelles, telles que la visualisation des informations personnelles, l'annulation, le verrouillage de l'écran et d'autres contenus d'opération; La zone de contenu comprend généralement [la zone de liste d'arbres], [la zone de requête de condition] et la zone de contenu des données et de la pagination] sont principalement affichées visuellement, qui peuvent être affichées via des commandes de liste d'arbres et des commandes de table. Généralement, les données doivent également être ajoutées, supprimées, modifiées et paginées, de sorte que diverses fonctions doivent être intégrées. En plus d'interroger et d'afficher les données de l'utilisateur, il nécessite également des opérations liées à l'importation et à l'exportation, qui sont des fonctions de traitement de données de routine.
Traitement et affichage du menu: Généralement, pour la commodité de la gestion, les menus sont divisés en trois niveaux. Les menus sélectionnés sont différents des autres styles de menu. Les menus peuvent être pliés et minimisés. L'effet est le suivant.
2. Introduction à l'interface du module de "Frame de développement bootstrap basé sur Metronic" "
2.1 Interface du module du graphique domestique
2.2 Fonction de barre supérieure du système
2.3 Fonctions dynamiques de l'industrie (politiques et réglementations, avis et annonces, informations dynamiques)
Politiques, réglementations, avis et annonces / interface de liste d'informations dynamiques
L'interface d'édition est la suivante:
L'interface de contenu de visualisation est la suivante:
2.4 Gestion de l'information client
L'interface de liste des clients est la suivante:
Interface d'édition d'informations client:
Interface d'importation des informations du client:
2.5 Gestion des contacts des clients
Interface d'ajout de contact client / Modifier
Interface de visualisation des contacts du client
Interface d'information de pièce jointe
2.6 Gestion du livre d'adresses
Liste des contacts
L'interface d'édition de livre d'adresses est présentée ci-dessous.
2.7 Gestion de l'autorisation
1) Interface de liste d'utilisateurs système
Interface d'importation des utilisateurs système
Interface d'édition de l'utilisateur du système
Télécharger et modifier les portraits des utilisateurs du système
Boîte de dialogue de confirmation de l'utilisateur du système.
L'interface de rapport RDLC de l'utilisateur du système.
2) Interface de gestion de l'organisation
L'organisation contient une interface d'édition utilisateur
3) Gestion des rôles utilisateur
Vitrine de la collection de fonctions opérationnelles
Accès aux rôles au contrôle de l'autorisation des données:
Les rôles incluent la gestion organisationnelle:
4) Gestion des fonctions du système
5) Gestion du menu du système
Modifier l'interface des informations du menu:
Sélectionnez l'interface de l'icône du menu:
6) Gestion du journal de connexion système
7) Gestion du dictionnaire général
8) Gestion des icônes de menu
9) Gestion des albums d'image
L'interface d'image d'édition est la suivante:
Interface d'observation d'image
Ce qui précède est le contenu pertinent que l'éditeur vous est par le résumé d'expérience du cadre basé sur le cadre de développement métronique de bootstrap [8]. J'espère que ce sera utile à tous!