Flexi FizzBuzzBazz Web

Flexi-FizzBuzzBazz

Keterangan

Flexi-FizzBuzzBazz adalah aplikasi web yang menghasilkan daftar item yang mewakili urutan bilangan bulat berurutan dari Awal hingga Akhir . Jika bilangan bulatnya adalah kelipatan Fizz , string "Fizz" akan ditambahkan. Demikian pula, untuk kelipatan Buzz , "Buzz" ditambahkan. Untuk kelipatan Fizz dan Buzz , "FizzBuzz" ditambahkan.

Jika nilai opsional Bazz diberikan, maka "FizzBuzz" menjadi "FizzBuzzBazz" untuk item yang memenuhi ketentuan opsional.

Laman web secara otomatis diskalakan untuk tampilan seluler, dan menawarkan pengalaman seluler dan desktop.

Bahasa dan Alat

Flexi-FizzBuzzBazz adalah aplikasi Formulir Web yang ditulis dalam C# menggunakan Visual Studio 2015 dan dihosting di Microsoft Azure https://flexifizzbuzzbazz.azurewebsites.net/ untuk menjelajahi hal berikut:

• Bootstrap Jumbotron
• CSS
• skrip java
• C#
• Formulir Web
• Biru langit

C# dan Formulir Web item tertentu seperti

• asp: CompareValidator dan asp: RequiredFieldValidator untuk validasi input pengguna
• Antarmuka C#

Sorotan kode

• Default.aspx
  • Validasi input pengguna menggunakan RequiredFieldValidator , CompareValidator , RequiredFieldValidator
  • Fungsi Javascript OnRunButtonPressed() untuk menangani penekanan tombol
• Default.aspx.cs
  • Mengilustrasikan penggunaan C# Predicate dan ekspresi lambda . Dengan adanya opsi “Bazz” yang dipilih, Predikat mengembalikan nilai True atau False bergantung pada hasil ekspresi lambda terkait, misalnya x => x < bazzValue akan menghasilkan True ketika x lebih kecil dari nilai Bazz yang diberikan. Misalnya, jika x adalah 4 dan nilai Bazz adalah 6, maka kita mengharapkan True , sedangkan jika x adalah 10 sedangkan Bazz adalah 6, maka hasilnya adalah False .
• GoFizzBuzz.cs
  • C# Penggunaan antarmuka IFizzBuzzBazz
  • Implementasi logika FizzBuzzBazz

Referensi untuk penerbitan ke 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

Contoh tangkapan layar