กำหนดเนื้อหาด้วยตนเองโดยใช้ snippet ของเนื้อหา

หมายเหตุ

พอร์ทัล Power Apps คือ Power Pages โดยมีผลในวันที่ 12 ตุลาคม 2022 ข้อมูลเพิ่มเติม: Microsoft Power Pages มีให้ใช้งานทั่วไป (บล็อก)
ในไม่ช้าเราจะย้ายและรวมคู่มือพอร์ทัล Power Apps เข้ากับ คู่มือ Power Pages

snippet ของเนื้อหาเป็นกลุ่มเล็กๆของเนื้อหาที่แก้ไขได้ ซึ่งสามารถถูกจัดวางได้โดยนักพัฒนาบนเท็มเพลตของเพจ ซึ่งอนุญาตให้เนื้อหาแบบกำหนดเองได้สามารถรวบรวมส่วนใดๆของเค้าโครงเพจได้อย่างง่ายดาย ตัวควบคุมส่วนย่อย ซึ่งรับผิดชอบในการแสดงเนื้อหาของส่วนย่อยบนเว็บไซต์ที่เชื่อมต่อกับเว็บ ถูกจัดวางอยู่บนเท็มเพลตเพจโดยนักพัฒนา

แก้ไข snippet

ส่วนย่อยสามารถแก้ไขได้ผ่านแอปการจัดการพอร์ทัล กำลังหลักของ snippet เป็นข้อเท็จจริงที่ว่า คุณสามารถสรุปส่วนของเนื้อหา (ที่ไม่ใช่สำเนาหลักของเพจ) และแก้ไขแบบแยกต่างหาก ซึ่งนุญาตให้เนื้อหาแบบคงที่ที่สำคัญบนไซต์ของคุณเป็นแบบจัดการเนื้อหาได้และแบบที่สามารถแก้ไขได้อย่างครบถ้วน

1. เปิด แอปการจัดการพอร์ทัล.

2. ไปที่ พอร์ทัล > ส่วนย่อยเนื้อหา

3. หากต้องการสร้างส่วนย่อยใหม่: เลือก สร้าง

4. หากต้องการแก้ไขส่วนย่อยที่มีอยู่ เลือก ส่วนย่อยเนื้อหา ที่มีอยู่ในกริด

ป้อนค่าสำหรับฟิลด์ต่อไปนี้:

ชื่อ	คำอธิบาย
ชื่อ	ชื่อสามารถถูกใช้โดยนักพัฒนาเพื่อจัดวางค่า snippet ลงในเท็มเพลตเพจภายในรหัสพอร์ทัล
เว็บไซต์	เว็บไซต์ที่เชื่อมโยงกับ snippet
ชื่อที่แสดง	ชื่อที่แสดงสำหรับส่วนย่อยเนื้อหา
ชนิด	ชนิดของส่วนย่อยเนื้อหา ข้อความ หรือ HTML
ภาษาของ Snippet เนื้อหา	เลือกภาษาสำหรับส่วนย่อยเนื้อหา หากต้องการเพิ่มภาษาเพิ่มเติม ให้ไปที่ เปิดใช้งานการสนับสนุนหลายภาษา
Value	เนื้อหาของ snippet ที่จะถูกแสดงในพอร์ทัล คุณสามารถป้อนข้อความธรรมดาหรือส่วนเพิ่มราคา HTML นอกจากนี้ คุณยังสามารถใช้ ออบเจ็กต์แบบไม่ตายตัว ที่มีทั้งค่าข้อความหรือค่าส่วนเพิ่มราคา HTML

ใช้ส่วนย่อย

คุณสามารถใช้ส่วนย่อยเพื่อแสดงข้อความหรือ HTML นอกจากนี้ ส่วนย่อยเนื้อหายังสามารถใช้ ออบเจ็กต์แบบไม่ตายตัว และอ้างอิงเนื้อหาอื่นๆ เช่น เอนทิตี

ตัวอย่างเช่น คุณสามารถใช้ขั้นตอนที่อธิบายไว้ก่อนหน้านี้ในบทความนี้เพื่อสร้าง/แก้ไขส่วนย่อยเนื้อหา ขณะแก้ไขส่วนย่อย คุณสามารถใส่โค้ดตัวอย่างลงใน เรกคอร์ด ตรวจสอบให้แน่ใจว่าคุณแทนที่รหัสของเรกคอร์ดตารางบัญชีด้วยรหัสที่ถูกต้องจากสภาพแวดล้อมของคุณ คุณยังสามารถใช้ตารางอื่นแทนบัญชีได้

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

หากต้องการเพิ่มส่วนย่อยบนหน้าพอร์ทัล:

1. สร้าง เทมเพลตเว็บ และใช้ ออบเจ็กต์แบบไม่ตายตัวของส่วนย่อย เพื่อเรียกส่วนย่อยที่คุณสร้าง

2. สร้าง เทมเพลตเพจ โดยใช้เทมเพลตเว็บที่สร้างไว้ก่อนหน้านี้

3. ใช้พอร์ทัล Studio เพื่อสร้างหน้าใหม่โดยใช้เทมเพลตเพจที่สร้างขึ้นก่อนหน้านี้

ตัว อย่าง เช่น

ตัวอย่างต่อไปนี้ใช้ฐานข้อมูล Microsoft Dataverse ที่มี ข้อมูลตัวอย่าง

1. เปิด แอปการจัดการพอร์ทัล.

2. ไปที่ พอร์ทัล > ส่วนย่อยเนื้อหา

3. หากต้องการสร้างส่วนย่อยใหม่: เลือก สร้าง

4. ป้อนชื่อ ตัวอย่างเช่น AccountData

5. เลือกเว็บไซต์ของคุณ

6. ป้อนชื่อที่แสดง ตัวอย่างเช่น AccountData

7. เลือกชนิดเป็น HTML สำหรับตัวอย่างนี้ นอกจากนี้ คุณยังสามารถเลือกข้อความแทนได้

8. เลือกภาษา

9. คัดลอกและวางค่าตัวอย่าง:

   {% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
   {% if account %}
   <b> Account Name is: </b> {{ account.name }} <br>
   <i> Account State: </i> {{ account.statecode.label }})
   {% endif %}
   

   แทนที่ GUID ของเรกคอร์ดด้วยเรกคอร์ดตารางบัญชีจากฐานข้อมูล Dataverse ของคุณ

   

10. บันทึกส่วนย่อยเนื้อหา

11. เลือก เทมเพลตเว็บ จากบานหน้าต่างด้านซ้าย

12. เลือก สร้าง

13. ป้อนชื่อ ตัวอย่างเช่น account-web-template

14. เลือกเว็บไซต์ของคุณ

15. คัดลอกและวางค่าแหล่งที่มา:

    {% include 'snippet' snippet_name:'AccountData' %}

    หากต่างกัน ให้ปรับปรุงค่าสำหรับ snippet_name ด้วยชื่อส่วนย่อยของคุณ

    

16. เลือก บันทึก

17. เลือก เทมเพลตเพจ จากบานหน้าต่างด้านซ้าย

18. เลือก สร้าง

19. ป้อนชื่อ ตัวอย่างเช่น ส่วนย่อยข้อมูลบัญชี

20. เลือกเว็บไซต์ของคุณ

21. เลือกชนิดเป็น เทมเพลตเว็บ

22. เลือกเทมเพลตเว็บที่สร้างขึ้นก่อนหน้านี้ ในตัวอย่างนี้ จะเป็น account-web-template

23. เลือก บันทึก

    

24. แก้ไข พอร์ทัลของคุณ

25. เลือกหน้า สร้าง > ว่างเปล่า

    

26. ตั้งชื่อให้กับหน้า ตัวอย่างเช่น ข้อมูลบัญชี

27. ป้อน URL บางส่วน ตัวอย่างเช่น accounts-data

28. เลือก เทมเพลตเพจ ที่สร้างขึ้นก่อนหน้านี้ ในตัวอย่างนี้ จะเป็นส่วนย่อยข้อมูลบัญชี

    

29. เลือก เรียกดูเว็บไซต์ จากมุมบนขวา เพื่อดูหน้าในเบราว์เซอร์

    

คุณสามารถทำตามขั้นตอนเดียวกันกับส่วนย่อยเนื้อหาของชนิด ข้อความ แทนที่จะเป็น HTML ตัวอย่างเช่น:

{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }} 
Account State: {{ account.statecode.label }}
{% endif %}

แทนที่ GUID ของเรกคอร์ดด้วยเรกคอร์ดตารางบัญชีจากฐานข้อมูล Dataverse ของคุณ

เมื่อคุณเรียกดูหน้าที่มีส่วนย่อยเนื้อหานี้ ข้อมูลตารางจะแสดงโดยใช้ออบเจ็กต์ Liquid พร้อมกับข้อความแทน HTML ในทำนองเดียวกัน คุณยังสามารถใช้เฉพาะ HTML เพื่อแสดงเนื้อหาโดยไม่ต้องใช้ออบเจ็กต์แบบไม่ตายตัวได้ด้วย

ดูเพิ่มเติม

ทำงานกับเทมเพลตแบบไม่ตายตัว

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)