In diesem Artikel wird hauptsächlich die allgemeine funktionale Schnittstelle dieses Bootstrap -Frameworks vorgestellt und die darin verwendeten Wissenspunkte und Gesamtschnittstellen einführt. Ich hoffe, dass die Leser ein intuitiveres und realistischere Verständnis des Rahmens haben. Schnittstellendesign und verwandte Ideen können aus und verbessert werden und sie können auch verwandte Inhalte diskutieren, um sich gemeinsam zu verbessern.
1. Technische Merkmale von "Bootstrap Development Framework basierend auf Metronic"
1) Übernehmen Sie die neueste und schillerndste Bootstrap -Rahmentechnologie
Das gesamte metrisch basierte Bootstrap Development Framework verwendet die neuere Bootstrap-Technologie im Schnittstellenteil, nimmt den aktuellen neuesten Bootstrap 3.x an und integriert viele leistungsstarke Bootstrap-Steuerelemente.
Bootstrap ist ein technischer Front-End-Rahmen, der von vielen Plattformen übernommen werden kann. Java/PHP/.NET kann verwendet werden, um Front-End-Schnittstellen herzustellen. Die Integration von JQuery kann sehr reichhaltige Schnittstelleneffekte erzielen. Derzeit gibt es viele Bootstrap-Plug-Ins, die für alle verwendet werden können. Dieses Framework bringt viele der hervorragendsten Plug-Ins zusammen, die unsere Webbenutzererfahrung auf ein beispielloses Niveau verbessern können.
Metronic ist ein fremdes Bootstrap-Entwicklungsrahmen, das auf HTML, JS und anderen Technologien basiert und viele Bootstrap-Front-End-Technologien und Plug-Ins integriert. Es ist ein sehr guter technischer Rahmen. Basierend auf diesem Framework in Kombination mit meinen Forschungen zum Web -Framework von MVC integriert dieses Framework das auf MVC basierende Bootstrap -Entwicklungsrahmen, um es zu ermöglichen, die strukturellen Bedürfnisse der tatsächlichen Projekte zu erfüllen.
Das Framework Backend verwendet die C#-basierte MVC-Technologie, die derzeit die ausgereiftste und beliebteste Technologie ist, die von .NET entwickelt wurde. Die Framework -Backend -Datenbank unterstützt regelmäßige Datenbanken wie Oracle, SQLServer, MySQL, SQLite, Access usw. und kann durch Konfiguration frei umgestellt werden. Verwenden Sie das Enterprise Library -Modul, um den Datenzugriff zu steuern und den Datenzugriff bequemer und einfacher zu gestalten.
Die gesamte Framework -Entwicklung verwendet Visual Studio 2013 und das Seitbearbeitungstool Sublime Text in Kombination mit Entwicklungs-, Seiten- und Hintergrundcode und verwendet die Code -Generierung Tool Database2Sharp, um sich schnell zu entwickeln, um eine maximale Verbesserung der Effizienz in der Gesamtentwicklung zu erzielen.
Die Gesamtstruktur des Frameworks lautet wie folgt:
Dies ermöglicht dem Controller, gute Vererbungsbeziehungen zu erhalten und die Entwicklung von Webprojekten mit weniger Code und einer effizienteren Entwicklungseffizienz zu erreichen. Die Designidee des gesamten Controllers lautet wie folgt.
Berechtigungssteuerung: Gute Regeln für gute Controller -Design können eine gute Benutzerzugriffskontrolle und Berechtigungssteuerung für das Webentwicklungsframework selbst bereitstellen, sodass die Benutzeroberfläche Menüs, Schaltflächen und Inhalte der Webschnittstelle vorstellt und die Einreichungssteuerung der Aktion alle unter der allgemeinen Berechtigungsfunktionszuweisung und -steuerung stehen kann.
Schnelle Codegenerierung: Eine gute Architektur ermöglicht die Bereitstellung der Unified Code -Logik in der Geschäftslogikschicht, der Controller -Ebene und der UI -Ebene der Webschnittstelle. Diese Codes können über die Code -Erzeugung Tool Database2Sharp generiert werden. Der Webschnittstellencode kann die Metadateninformationen der Code -Erzeugung Tool Database2Sharp voll nutzen, um eine schnelle Generierung der Webschnittstelle zu erreichen. Reduzieren Sie effektiv die Wahrscheinlichkeit von Fehlern, verbessern Sie die Entwicklungseffizienz und den Spaß der Webschnittstellencodierung und ermöglichen eine effiziente Vereinigung des Codierungsmodus innerhalb des Unternehmens.
Die Erzeugung von Enterprise Library Code kann mit Ausnahme der Schnittstelle schnell einen ganzheitlichen Framework -Code generieren. Die Webinterface-Codegenerierung von Bootstrap kann schnell Front-End-Schnittstellencode und Hintergrund-Controller-Code von metronisch basiertem Bootstrap generieren. Der Schnittstellenteil enthält grundlegende funktionale Schnittstellen wie Abfrage, Paging, Datenanzeige, Datenimport und Exportieren, Neue, Bearbeiten, Anzeigen und Löschen. Nach der Generation können wir auf der Grundlage dieser Grundlage einfache und schnelle Änderungen vornehmen, um den tatsächlichen Anforderungen zu erfüllen und die Entwicklungseffizienz unserer Weboberfläche erheblich zu verbessern.
Rahmenlayout: Das Folgende ist das Gesamtwechsel meines Gesamtprojekts.
Der Inhalt der [System -Menüleiste] ist ein dynamisches Menü aus der Datenbank. In der [System Top -Bar] werden einige Informationen angezeigt und Benutzer die schnelle Verarbeitung personenbezogener Daten wie das Anzeigen personenbezogener Daten, das Abbrechen, die Verriegelung des Bildschirms und anderer Betriebsinhalte zur Verfügung gestellt. Der Inhaltsbereich enthält im Allgemeinen [Baumlistenbereich], [Zustandsabfragebereich] und [Listendaten und Pagination] Inhaltsbereich werden hauptsächlich visuell angezeigte Daten, die über Baumlistensteuerungen und Tabellensteuerungen angezeigt werden können. Im Allgemeinen müssen auch die Daten hinzugefügt, gelöscht, modifiziert und Paging geändert werden, sodass verschiedene Funktionen integriert werden müssen. Zusätzlich zu Abfragen und Anzeigen der Daten des Benutzers müssen auch importierte und exportbezogene Vorgänge, bei denen es sich um Routine -Datenverarbeitungsfunktionen handelt, importiert und exportiert werden.
Menüverarbeitung und Anzeige: Im Allgemeinen werden Menüs zum Komfort des Managements in drei Ebenen unterteilt. Die ausgewählten Menüs unterscheiden sich von anderen Menüstilen. Die Menüs können gefaltet und minimiert werden. Der Effekt ist wie folgt.
2. Einführung in die Modulschnittstelle von "Bootstrap Development Framework basierend auf Metronic"
2.1 Home Diagramm -Modulschnittstelle
2.2 Top -Balk -Funktion des Systems
2.3 Dynamische Funktionen der Branche (Richtlinien und Vorschriften, Mitteilungen und Ankündigungen, dynamische Informationen)
Richtlinien, Vorschriften, Mitteilungen und Ankündigungen/dynamische Informationslistenschnittstelle
Die Bearbeitungsschnittstelle lautet wie folgt:
Die Ansichtsinhaltsschnittstelle lautet wie folgt:
2.4 Kundeninformationsmanagement
Die Kundlistenschnittstelle lautet wie folgt:
Kundeninformationsbearbeitungsschnittstelle:
Kundeninformationsschnittstelle:
2.5 Kundenkontaktmanagement
Kundenkontakt -Addition/Bearbeitungsschnittstelle
Kundenkontakt -Anzeige -Oberfläche
Anhangsinformationsschnittstelle
2.6 Adressbuchverwaltung
Kontaktliste
Die Adressbuchbearbeitungsschnittstelle ist unten angezeigt.
2.7 Berechtigungsmanagement
1) Schnittstelle der Systembenutzerlisten
Systembenutzer -Importoberfläche
Systembenutzerbearbeitungsschnittstelle
Laden und bearbeiten Sie Porträts von Systembenutzern
Systembenutzer Dialogfeld Bestätigung löschen.
Die RDLC -Berichtschnittstelle des Systembenutzers.
2) Grenzfläche zur Organisationsverwaltung
Die Organisation enthält die Benutzerbearbeitungsschnittstelle
3) Benutzerrollenverwaltung
Präsentation der Rolle der Rolle der Betriebsfunktion
Rollenzugriff auf Datenberechtigungssteuerung:
Rollen umfassen Organisationsmanagement:
4) Systemfunktionsverwaltung
5) Systemmenüverwaltung
Menüinformationsschnittstelle bearbeiten:
Menüsymbolschnittstelle auswählen:
6) Systemanmeldungsprotokollverwaltung
7) Allgemeines Wörterbuchmanagement
8) Menü -Symbolverwaltung
9) Bildalbumverwaltung
Die Bearbeitungsbildschnittstelle lautet wie folgt:
Bildansichtsoberfläche
Das obige ist der relevante Inhalt, den der Editor Ihnen durch die Erfahrung der Erfahrung des Frameworks auf der Grundlage des Bootstrap -Metronik -Entwicklungsrahmens vorgestellt hat [8]. Ich hoffe, es wird für alle hilfreich sein!