การแยกออกจากโครงร่างด้วย +page@route
รีเซ็ตสายโซ่โครงร่างสำหรับหน้าเฉพาะด้วยสัญลักษณ์ส่วน @
การแยกออกจากโครงร่างด้วย +page@route เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
ไวยากรณ์การรีเซ็ตเลย์เอาต์
ใช้ไวยากรณ์ @ ในชื่อไฟล์เพื่อออกจากเลย์เอาต์ไปจนถึงบรรพบุรุษที่ระบุชื่อ
ตัวอย่าง: รีเซ็ตไปที่ราก
ตั้งชื่อไฟล์เป็น +page@.svelte เพื่อออกจากเลย์เอาต์ทั้งหมด
src/routes/admin/login/+page@.svelte // skips admin layoutรีเซ็ตไปยังเลย์เอาต์ที่มีชื่อ
ระบุชื่อของส่วนแม่หลัง @ เพื่อรีเซ็ตไปยังระดับนั้น
+page@(marketing).svelte // resets to the (marketing) layoutเหตุผลที่ต้องรีเซ็ต
หน้าล็อกอิน ประสบการณ์แบบเต็มหน้าจอ และเนื้อหาที่ฝัง มักต้องข้ามส่วนโครงหน้าหลักระดับสากล
ไม่มีการเปลี่ยน URL
การรีเซ็ตมีผลเฉพาะกับสายเลย์เอาต์ ส่วน URL ยังคงเดิม
ใช้กับเลย์เอาต์ได้เช่นกัน
เลย์เอาต์ก็สามารถใช้ไวยากรณ์ @ เพื่อรีเซ็ตตัวเองได้เช่นกัน
รูปแบบที่ใช้บ่อย
เว็บไซต์การตลาดมีเลย์เอาต์โครงหน้าหลัก แต่หน้าสมัครสมาชิกไม่ต้องการโครงหน้านี้
การใช้ร่วมกับกลุ่ม
ไวยากรณ์ @ ทำงานร่วมกับกลุ่มเลย์เอาต์เพื่อควบคุมโครงสร้างได้อย่างสมบูรณ์
หน้าแสดงข้อผิดพลาด
หน้าแสดงข้อผิดพลาดก็สามารถออกจากสายการสืบทอด เพื่อแสดงผลโดยไม่มีส่วนติดต่อผู้ใช้ที่สืบทอดมาได้เช่นกัน
ข้อแนะนำด้านเอกสาร
เขียนความคิดเห็นไว้ในโค้ดเมื่อใช้ @ เนื่องจากรูปแบบนี้อาจสังเกตเห็นได้ยาก
การปรับโครงสร้างใหม่
เพิ่มการรีเซ็ตด้วย @ ก่อนย้ายเส้นทางไปเป็นกลุ่มเลย์เอาต์ของตนเอง
ตรวจสอบอย่างรวดเร็ว
คุณจะออกจากเลย์เอาต์ทั้งหมดได้อย่างไร
สรุปทบทวน
ใช้ไวยากรณ์ @ ในชื่อไฟล์เพื่อออกจากเลย์เอาต์ไปจนถึงรากหรือบรรพบุรุษที่มีชื่อเฉพาะ
คำถามที่พบบ่อย
บทเรียน “การแยกออกจากโครงร่างด้วย +page@route” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การแยกออกจากโครงร่างด้วย +page@route” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การแยกออกจากโครงร่างด้วย +page@route”
รีเซ็ตสายโซ่โครงร่างสำหรับหน้าเฉพาะด้วยสัญลักษณ์ส่วน @ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “การแยกออกจากโครงร่างด้วย +page@route” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- กลุ่มโครงร่างด้วย (group)
- โครงร่างระดับเส้นทาง
- การแยกออกจากโครงร่างด้วย +page@route
- ข้อมูลร่วมระหว่างโครงร่าง