เตรียมพร้อมสําหรับการทดสอบ

เสร็จสมบูรณ์เมื่อ

ใช้ Visual Studio Code เพื่อพัฒนาการอัปเดตแอปพลิเคชันคอนโซล C# ของ Contoso Pets แอปพลิเคชันได้สร้างข้อมูลตัวอย่างเกี่ยวกับสัตว์เลี้ยงที่พร้อมสําหรับการรับเลี้ยงบุตรบุญธรรมแล้ว และสามารถแสดงข้อมูลคําอธิบายของสัตว์เลี้ยงได้ แอปพลิเคชั่นนี้ให้การค้นหาด้วยคําเดียวภายในข้อมูลคําอธิบายสําหรับสุนัขแต่ละตัว การเพิ่มคุณสมบัติหลักคือการค้นหาด้วยคําศัพท์หลายคํา การปรับปรุงรองคือแอนิเมชั่น "สถานะการค้นหา" และรวมถึงการเพิ่มการนับถอยหลังการค้นหาในแอนิเมชั่น

ภาพรวมข้อกําหนดโครงการ

อัปเดตแอปพลิเคชันเริ่มต้น Contoso Pets ที่มีอยู่เพื่อรวมการค้นหาหลายคําและปรับปรุงคุณลักษณะแอนิเมชั่น "สถานะการค้นหา":

เพิ่มการค้นหาหลายคําของแอตทริบิวต์สุนัข

รวบรวมข้อมูลของผู้ใช้สําหรับการค้นหาคําศัพท์หลายคําของสัตว์เลี้ยง

• ผู้ใช้ต้องระบุข้อความค้นหาที่คั่นด้วยเครื่องหมายจุลภาค
• จัดเก็บคําค้นหาในอาร์เรย์และจัดเรียงคําตามตัวอักษร

ภายในลูปอาร์เรย์สัตว์ที่ระบุ "สุนัข":

• ทําซ้ําคําค้นหาเพื่อค้นหาคําอธิบายของสุนัขแต่ละตัว
• ค้นหา คําอธิบายที่รวมกัน สําหรับคําที่ตรงกัน
• แสดงคําอธิบายของสุนัขแต่ละตัวที่มีคําศัพท์ที่ตรงกันอย่างน้อย 1 คํา

หลังจากออกจากลูปอาร์เรย์ "ค้นหาสัตว์" ที่ระบุสุนัข:

• หากไม่มีสุนัขที่ตรงกับข้อความค้นหาของผู้ใช้รายใดก็ตาม ให้แสดงข้อความว่าไม่มีสุนัขที่ตรงกัน

เพิ่มการปรับปรุง "สถานะการค้นหา"

อัปเดตภาพเคลื่อนไหว

• ปรับอาร์ searchingIcons เรย์ให้คล้ายกับแป้นหมุน
• ปรับลูปภาพเคลื่อนไหวเพื่อให้ภาพเคลื่อนไหวแสดงการนับถอยหลังตัวเลขจากสองเป็นศูนย์ ()2.., 1.., 0..

รหัสเริ่มต้น

โครงการโค้ดเริ่มต้นสําหรับโมดูลโครงการความท้าทายนี้มีไฟล์ Program.cs ที่มีคุณสมบัติโค้ดต่อไปนี้:

• โค้ดจะประกาศตัวแปรที่ใช้ในการรวบรวมและประมวลผลข้อมูลสัตว์เลี้ยงและการเลือกรายการเมนู

• รหัสประกาศอาร์เรย์ ourAnimals

• โค้ดใช้ลูป for รอบโครงสร้าง if-elseif-else เพื่อเติมอาร์เรย์ ourAnimals ด้วยชุดข้อมูลตัวอย่าง

• รหัสจะแสดงตัวเลือกเมนูหลักต่อไปนี้สําหรับการเลือกของผู้ใช้:

  1. List all of our current pet information
  2. Display all dogs with a specified characteristic
  
  Enter menu item selection or type "Exit" to exit the program
  

• รหัสเมนูแอปพลิเคชันจะอ่านการเลือกรายการเมนูของผู้ใช้และแสดงข้อความที่สะท้อนการเลือกของพวกเขา

• กรณีที่ 1: "แสดงรายการข้อมูลสัตว์เลี้ยงปัจจุบันทั้งหมดของเรา" แสดงข้อมูลตัวอย่างสําหรับสัตว์ทั้งหมด (สุนัขสองตัวและแมวสองตัว)

• กรณีที่ 2: "2. แสดงสุนัขทั้งหมดที่มีลักษณะเฉพาะ" เป็นพื้นที่หลักที่มีการเพิ่มรหัสฟังก์ชันใหม่

  • ภายใต้กรณีที่ 2 รหัสเริ่มต้นจะระบุสุนัขและค้นหาคําป้อนข้อมูลของผู้ใช้คนเดียว
  • ก่อนที่คุณจะค้นหาสุนัขแต่ละตัว คอนโซลจะแสดง "แอนิเมชั่น" ง่ายๆ ที่จําลองสถานะสําหรับการค้นหาที่เกิดขึ้น

เป้าหมายของคุณคือการอัปเดตโค้ดที่มีอยู่เพื่อพัฒนาฟีเจอร์หลักที่ทีมของคุณร้องขอ:

• เพิ่มการค้นหาหลายแอตทริบิวต์ของสุนัข
• อัปเดตภาพเคลื่อนไหวการค้นหา

ใช้ Visual Studio Code เป็นสภาพแวดล้อมการพัฒนาของคุณ และทดสอบแอปพลิเคชันของคุณในแต่ละขั้นตอนของกระบวนการพัฒนาของคุณ

ตั้งค่า

ใช้ขั้นตอนต่อไปนี้เพื่อเตรียมพร้อมสําหรับแบบฝึกหัดโครงการที่แนะนํา

1. ดาวน์โหลดไฟล์ zip ที่มีโฟลเดอร์รหัสสําหรับโครงการท้าทาย

   • ในเบราว์เซอร์ ให้เปิดลิงก์ Lab Files เพื่อดาวน์โหลดไฟล์ zip (Challenge-project-work-variable-data-CSharp-main.zip)

2. Unzip ไฟล์ที่ดาวน์โหลดภายในเครื่อง (หรือใน Sandbox ถ้าคุณไม่ได้ใช้สภาพแวดล้อมการพัฒนาภายในเครื่อง)

   1. บนเครื่องในเครื่องของคุณ ให้ไปที่โฟลเดอร์ดาวน์โหลดของคุณ
   2. คลิกขวาที่แฟ้ม Challenge-project-work-variable-data-CSharp-main.zip แล้วเลือก แยกทั้งหมด
   3. จดบันทึกตําแหน่งไฟล์ที่แยกออกมา (ตําแหน่งของโฟลเดอร์ราก)

3. เปิดโฟลเดอร์ GuidedProject รากใน Visual Studio Code

   1. เปิด Visual Studio Code ภายในเครื่อง (หรือเปิด Sandbox ของ MS Learn และเปิด Visual Studio Code หากคุณไม่ได้ใช้สภาพแวดล้อม dev ภายในเครื่อง)

   2. ใน Visual Studio Code บนเมนู ไฟล์ เลือก เปิดโฟลเดอร์

   3. นําทางไปยังโฟลเดอร์ที่มีไฟล์ที่แยกออกมาขยายโครงสร้างโฟลเดอร์เพื่อค้นหาโฟลเดอร์ชื่อ "Challenge-project-work-variable-data-CSharp-main"

   4. เลือก Challenge-project-work-variable-data-CSharp-main แล้วเลือก เลือกโฟลเดอร์

      • มุมมอง Visual Studio Code EXPLORER ควรแสดงโฟลเดอร์ย่อยสองโฟลเดอร์ที่ชื่อว่า Final และ Starter

การตรวจสอบไฟล์เริ่มต้น

1. ใน Visual Studio Code นําทางไปยังโฟลเดอร์ เริ่มต้นโครงการ ท้าทาย

2. ในแถบเมนู Visual Studio Code ให้เลือก: "เทอร์มินัล" " > เทอร์มินัลใหม่"

3. หน้าต่างเทอร์มินัลควรเปิดไปยังโฟลเดอร์ Starter ที่มีไฟล์ Program.cs สร้างและเรียกใช้ไฟล์ที่ป้อน dotnet run ในหน้าต่างเทอร์มินัล

4. เมนูควรแสดงด้วยสองตัวเลือก ป้อนตาม 1 ที่แสดงในเทอร์มินัลต่อไปนี้ amp เลอ:

   Welcome to the Contoso PetFriends app. Your main menu options are:
     1. List all of our current pet information
     2. Display all dogs with a specified characteristic
   
   Enter your selection number (or type Exit to exit the program)
   1
   

   ข้อมูลตัวอย่างของสัตว์เลี้ยงปัจจุบันควรแสดงตามด้วยข้อความ Press the Enter key to continue

5. หลังจากกด Enter เมนูควรปรากฏขึ้นอีกครั้ง เลือก ตัวเลือก 2ที่แสดงในตัวอย่างต่อไปนี้:

   Welcome to the Contoso PetFriends app. Your main menu options are:
    1. List all of our current pet information
    2. Display all dogs with a specified characteristic
   
   Enter your selection number (or type Exit to exit the program)
   2
   
   Enter one desired dog characteristic to search for
   
   

6. ป้อน "ใหญ่" สําหรับข้อความค้นหาแล้วกด "Enter"

7. สังเกตข้อความ "กําลังค้นหา" ดังที่แสดง:

   searching our dog Nickname: gus for large ...     
   

8. โปรดสังเกตว่าข้อความจะทํางานก่อนการค้นหาสัตว์เลี้ยงแต่ละครั้ง และจุด (., .., ...) ในตอนท้ายจะเปลี่ยนไปในภาพเคลื่อนไหว เรียกใช้การค้นหาอีกครั้งหากคุณพลาด

9. เมื่อการค้นหาสิ้นสุดลง ให้กด Enter เพื่อกลับไปที่เมนู จากนั้นพิมพ์ "exit" แล้วกด "Enter" เพื่อปิดแอปพลิเคชัน

10. ใช้เวลาสักครู่เพื่อทําความคุ้นเคยกับโค้ดที่เริ่มต้น Project.cs

    มุ่งเน้นไปที่พื้นที่ที่ต้องการการอัปเดต การค้นหา และแอนิเมชั่น

    โปรดสังเกตว่ามีข้อคิดเห็นบางส่วนที่เหลืออยู่ในโค้ดที่ระบุว่าจะวางการอัปเดตไว้ที่ใด

ตอนนี้คุณพร้อมเริ่มต้นแบบฝึกหัดโครงการที่มีคำแนะนำแล้ว โชคดี!