2017-07-20 1 views
2

So habe ich eine vorhandene Seite, auf der ASP.NET und C# ausgeführt wird, um ein Front-End für einige PowerShell-Befehle anzuzeigen. Das war alles entwickelt in die Gemeinschaft/kostenlose Version von Visual Studio 2017.Übertragen einer vorhandenen C# - und ASP.NET-Webformular-Site in Bootstrap

Pseudo-Code ist unter

User browses to page in browser 
Browser presents lists of buttons and text fields 
User inputs options into fields and clicks a button 
C# runs in backend to run a PowerShell command doing various things, dumping into a JSON file the results 
C# returns the results to the page by reading the JSON and turning it into a C# object, displaying as a C# Table 

Was ich habe schon ist die Seite (und Unterseiten für verschiedene Funktionen) und zeigt Ergebnisse eine einfache Tabelle oder ein div und Anzeigen der Schaltflächen und Textfelder unter Verwendung der Standard-C# -Tabelle und einiger benutzerdefinierter HTML, um die JSON richtig anzuzeigen.

Was ich aber möchte, ist in der Lage, diese Funktionen und Funktionen zu einer Boostrap-Vorlage portieren, so dass ich die praktischen Drop-down-Menüs, ausgefallene Tasten usw. von Boostrap nutzen kann. Speziell suche ich Flatkit. Alle Beispiele, die ich gesehen habe, waren entweder für MVC-Sachen, beginnen völlig von vorne oder verwenden sehr simple Hello World-Beispiele, von denen keine helfen, diese Aufgabe zu bewältigen, da mein Code webformbasiert und komplexer ist als eine Über-Seite.

Also meine Frage (n) ist/sind

a) Wie kann ich ASP.NET-Steuerelemente erstellen, die beide gut mit Bootstrap und Feed-Daten zurück in die C# Datei zur Verarbeitung spielen? Etwas, das eine im Wesentlichen duplizieren kann, ohne die Seite vollständig zu aktualisieren.

b) Wie kann ich dann ein anderes Steuerelement oder ähnliches Element auf der Vorderseite erstellen, um diese Informationen anzuzeigen? Ich benutze eine einfache <asp:Table> derzeit

Ich habe die Backend PowerShell und die meisten der Logik geschrieben, ich muss nur wissen, wie ich es im Wesentlichen schön mit Bootstrap interagieren lassen kann.

Web Dev ist nicht meine übliche Stärke, so dass viele der Tutorials das Lesen von Altgriechisch fühlen, da sie davon ausgehen, dass ich JQuery, Angular, DOM usw. kenne. Wenn es Wissen gibt, das mir fehlt, funktioniert das wäre großartig.

Danke!

Antwort

0

Ende des Tages, Bootstrap oder ein beliebiges CSS Framework wendet Stile auf HTML-Elemente an. ASP.Net Web Forms Controls render "Vanille" HTML - obwohl einige unhandlich sein können (wie <form>inputname und id Attribute - re: ASP.net verwendet den gleichen Wert).

Sie können nach Bedarf gestylt werden. Schauen Sie in CssClass

Hth.

Verwandte Themen