profound-logoProfound CMS
⌘K
Admin
Theme
DocsTutorialBlogPhilosophy
DocsTutorialBlogPhilosophy

Hybrid

Collection of Pages with ComponentsTypes of ComponentsSetup server sent events (SSE) content refetchInstall Profound CMS as a proxyCEL Scripting in Template BuilderProject ScaffoldingMedia Library

Headless

Quick startJSON และ Claude Codeดึงคำอธิบาย Zod ของคอมโพเนนต์

REST API

REST API Overviewgetเชื่อมต่อเว็บไซต์กับ CMS APIgetGET /routesgetGET /routegetGET /blocksgetรับบล็อกพร้อมแคช CELgetGET /blocks/generatedgetGET /componentsgetGET /components/{name}getGET /dataset/{schema_name}getGET /content-changes (SSE)patchPATCH /dataset/{schema_name}postPOST /translationpatchPATCH /translationsgetGET /usagepostPOST /csvpatchPATCH /csv
All Systems Operational
Powered Byprofound-logo
Theme

Collection of Pages with Components

เส้นทางแบบพารามิเตอร์ช่วยให้คุณรวบรวมหลายหน้าไว้ภายใต้ URL เดียวกัน

หน้าพารามิเตอร์

หน้าพารามิเตอร์ช่วยให้คุณรวบรวมหลายหน้าภายใต้ URL เดียวกัน

/{country}/landingPage   // หน้าแลนดิ้งที่คำนึงถึงประเทศ
/{lang}/products        // หน้ารายการสินค้าในหลายภาษา
/{categories}/{blogPost} // บทความบล็อกที่ปรับแต่งแยกตามหมวดหมู่

วิธีการทำงานของหน้าพารามิเตอร์คือ:

  • คุณเชื่อมต่อคอมโพเนนต์ที่ปรับแต่งเองกับสลัก {country} หรือ {lang} หรือสลักอื่นใดตามที่คุณเลือก เช่น {categories}
  • สำหรับสลักที่กำหนดเองอย่าง {categories} คอมโพเนนต์ที่เชื่อมต่อจะต้องกำหนด "Route Slug" ในตัวสร้างคอมโพเนนต์
  • คุณสร้างเอกสารในสคีมานั้นเพื่อสร้างหน้าหลายหน้าแบบไดนามิก

ขั้นตอนที่ 1 ตั้งค่าเส้นทางแบบพารามิเตอร์

ในแผงผู้ดูแลระบบ ให้สร้างเส้นทางแบบพารามิเตอร์: /{country}/landingPage

จากนั้นเชื่อมต่อสลัก {country} กับสคีมา Country

คำเตือน “No default slug field configured for this component” หมายความว่าระบบยังไม่ทราบว่าจะใช้ฟิลด์ใดของสคีมาเป็นสลัก URL สิ่งนี้จะแก้ไขในขั้นตอนถัดไป


ขั้นตอนที่ 2 สร้างสคีมาและเอกสาร

สร้างสคีมา Country ใน CMS

โครงสร้างตัวอย่าง:

{
  "code": "us",
  "name": "สหรัฐอเมริกา",
  "language": "ภาษาอังกฤษ"
}

สมมติว่าคุณมีเอกสาร 3 ฉบับในสคีมานี้ในปัจจุบัน


ขั้นตอนที่ 3 ผูกฟิลด์กับ Route Slug

ไปที่ สคีมา Country → Edit Schema

ผูกฟิลด์ code เป็น Route Slug Field

สิ่งนี้หมายความว่าเส้นทางที่ถูกต้องจะเป็น: /us/landingPage

เส้นทางที่ไม่ถูกต้อง:

  • /ภาษาอังกฤษ/landingPage
  • /สหรัฐอเมริกา/landingPage

ผลลัพธ์

  • แต่ละเอกสารจะสร้างหน้าใหม่หนึ่งหน้า
  • เอกสาร 3 ฉบับ = หน้าแลนดิ้ง 3 หน้า
  • การเพิ่มเอกสารเพิ่มเติมจะสร้างเส้นทางเพิ่มเติมโดยอัตโนมัติ

ขั้นตอนถัดไป

ดู การตั้งค่า Parametric Routing พร้อมตัวเรนเดอร์เพื่อเรนเดอร์หน้าพารามิเตอร์

Continue Reading
NextTypes of Components›