Flexi FizzBuzzBazz Web

Flexi-FizzBuzzBazz

Beschreibung

Flexi-FizzBuzzBazz ist eine Web-App, die eine Liste von Elementen generiert, die die aufeinanderfolgende Folge von Ganzzahlen von Anfang bis Ende darstellen. Wenn die Ganzzahl ein Vielfaches von Fizz ist, wird stattdessen die Zeichenfolge „Fizz“ hinzugefügt. Ebenso wird für Vielfache von Buzz „Buzz“ hinzugefügt. Für Vielfache von Fizz und Buzz wird „FizzBuzz“ hinzugefügt.

Wenn der optionale Bazz- Wert angegeben ist, wird „FizzBuzz“ zu „FizzBuzzBazz“ für Elemente, die die optionale Bedingung erfüllen.

Die Webseite wird automatisch für die mobile Anzeige skaliert und bietet sowohl ein mobiles als auch ein Desktop-Erlebnis.

Sprache und Werkzeuge

Flexi-FizzBuzzBazz ist eine Web Forms-App, die in C# mit Visual Studio 2015 geschrieben und auf Microsoft Azure https://flexifizzbuzzbazz.azurewebsites.net/ gehostet wird, um Folgendes zu erkunden:

• Bootstrap-Jumbotron
• CSS
• Javascript
• C#
• Webformulare
• Azurblau

C#- und Web Forms-spezifische Elemente wie z

• asp: CompareValidator und asp: RequiredFieldValidator für die Benutzereingabevalidierung
• C# -Schnittstelle

Code-Highlights

• Default.aspx
  • Validierung der Benutzereingaben mithilfe von RequiredFieldValidator , CompareValidator und RequiredFieldValidator
  • Javascript-Funktion OnRunButtonPressed() zur Handhabung des Tastendrucks
• Default.aspx.cs
  • Veranschaulicht die Verwendung von C# -Prädikat und Lambda-Ausdruck . Bei einer ausgewählten Option „Bazz“ gibt das Prädikat abhängig vom Ergebnis des zugehörigen Lambda-Ausdrucks einen True- oder False- Wert zurück. Beispielsweise ergibt x => x < bazzValue True , wenn x kleiner als der angegebene Wert von Bazz ist. Wenn beispielsweise x 4 und der Bazz- Wert 6 beträgt, dann würden wir ein True erwarten, wohingegen, wenn x 10 und Bazz 6 ist, das Ergebnis False ist.
• GoFizzBuzz.cs
  • C#-Schnittstellenverwendung IFizzBuzzBazz
  • Implementierung der FizzBuzzBazz -Logik

Referenzen zur Veröffentlichung in Microsoft Azure

• https://docs.microsoft.com/en-us/azure/app-service-web/web-sites-dotnet-get-started
• https://docs.microsoft.com/en-us/aspnet/core/publishing/azure-continuous-deployment
• https://docs.microsoft.com/en-us/azure/app-service-web/web-sites-deploy

Beispiel-Screenshot