Flexi FizzBuzzBazz Web

Flexi-FizzBuzzBazz

คำอธิบาย

Flexi-FizzBuzzBazz เป็นเว็บแอปที่สร้างรายการต่างๆ ที่แสดงถึงลำดับจำนวนเต็มต่อเนื่องกันตั้งแต่ ต้น จน จบ เมื่อจำนวนเต็มเป็นผลคูณของ Fizz สตริง "Fizz" จะถูกเพิ่มแทน ในทำนองเดียวกัน สำหรับพหุคูณของ Buzz จะมีการเพิ่ม "Buzz" สำหรับทวีคูณของทั้ง Fizz และ Buzz ระบบจะเพิ่ม "FizzBuzz"

หากระบุค่า Bazz ที่ไม่บังคับ "FizzBuzz" จะกลายเป็น "FizzBuzzBazz" สำหรับสินค้าที่ตรงตามเงื่อนไขที่ไม่บังคับ

หน้าเว็บจะปรับขนาดการแสดงผลบนมือถือโดยอัตโนมัติ และนำเสนอประสบการณ์ทั้งบนมือถือและเดสก์ท็อป

ภาษาและเครื่องมือ

Flexi-FizzBuzzBazz เป็นแอป Web Forms ที่เขียนด้วย C# โดยใช้ Visual Studio 2015 และโฮสต์บน Microsoft Azure https://flexifizzbuzzbazz.azurewebsites.net/ เพื่อสำรวจสิ่งต่อไปนี้:

• บูทสแตรป จัมโบตรอน
• ซีเอสเอส
• จาวาสคริปต์
• ค#
• แบบฟอร์มบนเว็บ
• สีฟ้า

รายการเฉพาะ C# และ Web Forms เช่น

• asp: CompareValidator และ asp: RequiredFieldValidator สำหรับการตรวจสอบอินพุตของผู้ใช้
• อินเทอร์เฟซ C#

ไฮไลท์โค้ด

• ค่าเริ่มต้น.aspx
  • การตรวจสอบอินพุตของผู้ใช้โดยใช้ RequiredFieldValidator , CompareValidator , RequiredFieldValidator
  • ฟังก์ชัน Javascript OnRunButtonPressed() สำหรับการจัดการการกดปุ่ม
• ค่าเริ่มต้น.aspx.cs
  • แสดงให้เห็นการใช้ C# Predicate และ lambda expression เมื่อเลือกตัวเลือก "Bazz" ที่เลือก เพรดิเคต จะส่งกลับค่า True หรือ False ขึ้นอยู่กับผลลัพธ์ของ นิพจน์ lambda ที่เกี่ยวข้อง เช่น x => x < bazzValue จะให้ผลลัพธ์เป็น True เมื่อ x น้อยกว่าค่าที่กำหนดของ Bazz ตัวอย่างเช่น ถ้า x คือ 4 และค่า Bazz คือ 6 เราก็คาดหวังว่าจะเป็น True ในขณะที่ถ้า x เป็น 10 ในขณะที่ Bazz เป็น 6 ผลลัพธ์จะเป็น False
• GoFizzBuzz.cs
  • การใช้อินเทอร์เฟซ C # IFizzBuzzBazz
  • การใช้ตรรกะ FizzBuzzBazz

การอ้างอิงสำหรับการเผยแพร่ไปยัง 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

ภาพหน้าจอตัวอย่าง