พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ
จัดการส่วนเสริมด้วย [[optional]] และเส้นทางที่ครอบคลุมทั้งหมดด้วย [...rest]
พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
ส่วนเส้นทางที่ไม่บังคับ
ใช้วงเล็บคู่ [[optional]] เพื่อทำให้ส่วนเส้นทางไม่บังคับ
src/routes/[[lang]]/about/+page.svelteURL ทั้งสองแบบตรงกัน
รูปแบบข้างต้นตรงกับทั้ง /about และ /en/about โดย lang จะมีค่าเป็น undefined สำหรับแบบแรก
พารามิเตอร์ส่วนที่เหลือ
ใช้ [...rest] เพื่อจับส่วนเส้นทางที่เหลือทั้งหมดเป็นอาร์เรย์
src/routes/docs/[...slug]/+page.svelteการจับหลายส่วน
รูปแบบข้างต้นตรงกับ /docs, /docs/a, /docs/a/b และอื่น ๆ โดย params.slug คือสตริงที่นำมาต่อกัน
กรณีการใช้งาน
พารามิเตอร์ส่วนที่เหลือเหมาะกับเว็บไซต์เอกสาร วิกิ และโปรแกรมเรียกดูไฟล์ที่ความลึกของเส้นทางไม่แน่นอน
การผสมผสาน
ผสมพารามิเตอร์ที่ไม่บังคับและพารามิเตอร์ส่วนที่เหลือกับพารามิเตอร์ปกติ เพื่อให้กำหนดเส้นทางได้ยืดหยุ่น
ส่วนครอบคลุมทั้งหมดต้องอยู่ท้ายสุด
พารามิเตอร์ส่วนที่เหลือต้องเป็นส่วนสุดท้าย SvelteKit จะบังคับใช้กฎนี้
การถอดรหัส
ส่วนเส้นทางจะถูกถอดรหัส URL ควรเข้ารหัสอักขระพิเศษเมื่อสร้าง URL
ส่วนที่เหลือว่างเปล่า
พารามิเตอร์ส่วนที่เหลือที่ว่างเปล่าจะให้ผลเป็นสตริงว่าง จัดการกรณีนี้ในฟังก์ชันโหลดของคุณ
เป็นมิตรต่อ SEO
เส้นทางแบบส่วนที่เหลือสามารถให้บริการเอกสารที่ซ้อนกันได้โดยไม่ต้องมีโครงสร้างเส้นทางขนาดใหญ่
การแก้ไขความขัดแย้ง
SvelteKit จะเลือกเส้นทางที่ระบุเจาะจงมากกว่าเส้นทางแบบส่วนที่เหลือ เส้นทางแบบคงที่จะมีลำดับความสำคัญเหนือเส้นทางแบบส่วนที่เหลือ
ตรวจสอบความเข้าใจ
[...slug] ทำหน้าที่อะไร
สรุปทบทวน
ใช้ [[opt]] สำหรับส่วนที่ไม่บังคับ และ [...rest] สำหรับส่วนที่ครอบคลุมทั้งหมด ทั้งสองแบบช่วยเพิ่มความยืดหยุ่นในการกำหนดเส้นทาง
คำถามที่พบบ่อย
บทเรียน “พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ”
จัดการส่วนเสริมด้วย [[optional]] และเส้นทางที่ครอบคลุมทั้งหมดด้วย [...rest] คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การกำหนดเส้นทางตามไฟล์ด้วย +page.svelte
- พารามิเตอร์เส้นทางแบบไดนามิก: [id]
- พารามิเตอร์เสริมและพารามิเตอร์ส่วนที่เหลือ
- ไฟล์โครงร่าง: +layout.svelte