django components

เอกสาร (ทำงานอยู่ระหว่างดำเนินการ)

Django-Components เป็นแพ็คเกจที่แนะนำสถาปัตยกรรมที่ใช้ส่วนประกอบไปยังการเรนเดอร์ฝั่งเซิร์ฟเวอร์ของ Django มันมีจุดมุ่งหมายที่จะรวมระบบเทมเพลตของ Django เข้ากับโมดูลที่เห็นในกรอบการทำงานด้านหน้าที่ทันสมัย

คุณสมบัติ

1. - ความสามารถในการนำกลับมาใช้ใหม่: อนุญาตให้สร้างองค์ประกอบ UI ที่นำมาใช้ใหม่และนำกลับมาใช้ใหม่ได้
2. - การห่อหุ้ม: แต่ละองค์ประกอบสามารถรวม HTML, CSS และ JavaScript ของตัวเอง
3. การเรนเดอร์ฝั่งเซิร์ฟเวอร์: ส่วนประกอบที่แสดงบนเซิร์ฟเวอร์ปรับปรุงเวลาโหลดเริ่มต้นและ SEO
4. - การรวม Django: ทำงานภายในระบบนิเวศของ Django โดยใช้แนวคิดที่คุ้นเคยเช่นแท็กเทมเพลต
5. ⚡ การโหลดแบบอะซิงโครนัส: ส่วนประกอบสามารถทำให้เปิดขึ้นอย่างอิสระสำหรับการรวมเข้ากับเฟรมเวิร์ก JS เช่น HTMX หรือ AlpineJs

ผลประโยชน์ที่อาจเกิดขึ้น:

• ลดการทำซ้ำรหัส
• ปรับปรุงความสามารถในการบำรุงรักษาผ่านการออกแบบแบบแยกส่วน
• - การจัดการ UIs ที่ซับซ้อนง่ายขึ้น
• - เพิ่มความร่วมมือระหว่างนักพัฒนาส่วนหน้าและนักพัฒนาแบ็กเอนด์

องค์ประกอบของ Django สามารถเป็นประโยชน์อย่างยิ่งสำหรับโครงการ Django ขนาดใหญ่ที่ต้องใช้วิธีการที่มีโครงสร้างมากขึ้นในการพัฒนา UI โดยไม่จำเป็นต้องเปลี่ยนเป็นกรอบการทำงานที่แยกต่างหาก

เร็ว

องค์ประกอบของ Django ช่วยให้คุณสร้างบล็อกที่ใช้ซ้ำได้ของรหัสที่จำเป็นในการสร้างรหัสปลายด้านหน้าที่คุณต้องการสำหรับแอพที่ทันสมัย

กำหนดส่วนประกอบใน components/calendar/calendar.py เช่นนี้:

 @ register ( "calendar" )
class Calendar ( Component ):
    template_name = "template.html"

    def get_context_data ( self , date ):
        return { "date" : date }

ด้วย template.html ไฟล์นี้:

< div class = " calendar-component " >Today's date is < span >{{ date }}</ span ></ div >

ใช้ส่วนประกอบเช่นนี้:

 {% component "calendar" date = "2024-11-06" %}{% endcomponent %}

และนี่คือสิ่งที่ได้รับ:

 < div class =" calendar-component " > Today's date is < span > 2024-11-06 </ span > </ div >

อ่านเพื่อเรียนรู้เกี่ยวกับรายละเอียดและความเป็นไปได้ที่น่าตื่นเต้นทั้งหมด!

(หากคุณต้องการกระโดดลงในรหัสให้ตรวจสอบโครงการตัวอย่างแทน)

บันทึกย่อ

อ่านบันทึกย่อการเปิดตัวเพื่อดูคุณสมบัติและการแก้ไขล่าสุด

ตัวอย่างชุมชน

หนึ่งในเป้าหมายของเรากับ django-components คือทำให้ง่ายต่อการแบ่งปันส่วนประกอบระหว่างโครงการ หากคุณมีชุดส่วนประกอบที่คุณคิดว่าจะเป็นประโยชน์กับผู้อื่นโปรดเปิดคำขอดึงเพื่อเพิ่มลงในรายการด้านล่าง

• องค์ประกอบ Django-HTMX: ชุดของส่วนประกอบสำหรับใช้กับ HTMX ลองใช้การสาธิตสด

การมีส่วนร่วมและการพัฒนา

มีส่วนร่วมหรือสนับสนุนโครงการนี้ - ดูที่นี่

ใช้องค์ประกอบ Django ในพื้นที่เพื่อการพัฒนา - ดูที่นี่