บทช่วยสอน: ใช้ส่วนประกอบของโค้ดในพอร์ทัล

หมายเหตุ

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

ในบทช่วยสอนนี้ คุณจะต้องสร้างส่วนประกอบตัวอย่างโดยใช้ Power Apps component framework คุณจะจัดแพ็คเกจส่วนประกอบนี้ไปที่สภาพแวดล้อม Dataverse และเพิ่มส่วนประกอบไปยังแอปแบบจำลอง จากนั้นคุณจะกำหนดค่าพอร์ทัล Power Apps เพื่อเพิ่มส่วนประกอบในรูปแบบพื้นฐานและเพิ่มฟอร์มพื้นฐานให้กับหน้าเว็บ สุดท้าย คุณจะไปที่หน้าเว็บพอร์ทัล และโต้ตอบกับส่วนประกอบ

ข้อกำหนดเบื้องต้น

• เวอร์ชันพอร์ทัลของคุณต้องเป็น 9.3.3.x หรือสูงกว่า
• แพคเกจพอร์ทัลเริ่มต้นของคุณต้องเป็น 9.2.2103.x หรือสูงกว่า

หมายเหตุ

บทช่วยสอนนี้จะขึ้นอยู่กับบทช่วยสอน Power Apps component framework ที่มีอยู่ที่จะแนะนำคุณตลอดการสร้าง TSLinearInputComponent สำหรับตาราง โอกาสทางการขาย บนฟอร์ม หลัก คุณยังสามารถใช้ส่วนประกอบที่มีอยู่หรือใหม่และตารางอื่น ๆ สำหรับบทช่วยสอนนี้ ในกรณีนี้ ตรวจสอบให้แน่ใจว่าได้ใช้ส่วนประกอบและฟอร์มของคุณ เมื่อทำตามขั้นตอนในบทช่วยสอนนี้

ขั้นตอนที่ 1 สร้างส่วนประกอบแรกของคุณ

หากต้องการสร้างส่วนประกอบตัวอย่าง ให้ทำตามขั้นตอนในบทช่วยสอน สร้างส่วนประกอบแรกของคุณ ในตอนท้ายของบทช่วยสอนนี้ คุณจะมีส่วนประกอบชื่อ TSLinearInputComponent บรรจุอยู่ และอัปโหลดไปยังสภาพแวดล้อม Dataverse ของคุณ

ขั้นตอนที่ 2 เพิ่มองค์ประกอบโค้ดลงในฟิลด์ในแอปแบบจำลอง

ตอนนี้คุณมี TSLinearInputComponent ที่อัปโหลดไปยังสภาพแวดล้อม Dataverse ของคุณแล้ว ทำตามขั้นตอนในบทช่วยสอน เพิ่มองค์ประกอบโค้ดลงในฟิลด์ในแอปแบบจำลอง เพื่อเพิ่มองค์ประกอบให้กับตาราง โอกาส บนฟอร์ม หลัก

ขั้นตอนที่ 3 ตรวจสอบแอปแบบจำลองด้วยส่วนประกอบใหม่

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

ขั้นตอนที่ 4 เพิ่มส่วนประกอบของรหัสในฟอร์มพื้นฐานในพอร์ทัล

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

ขั้นตอนที่ 4.1 สร้างฟอร์มพื้นฐานใหม่

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

2. ในบานหน้าต่างด้านซ้าย ภายใต้ เนื้อหา เลือก ฟอร์มพื้นฐาน

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

4. ป้อน ชื่อ ตัวอย่างเช่น ฟอร์มพื้นฐานโอกาสทางการขายที่มีส่วนประกอบของรหัส

5. เลือก ชื่อพื้นฐาน เป็น โอกาสทางการขาย

6. สำหรับ ชื่อฟอร์ม เลือกฟอร์มแอปแบบจำลองที่คุณได้เพิ่มส่วนประกอบของรหัสไว้ก่อนหน้านี้ในบทช่วยสอนนี้

7. เลือก ชื่อแท็บ

8. เลือก เว็บไซต์ พอร์ทัลของคุณ

   

9. เลือก บันทึกและปิด

ขั้นตอนที่ 4.2 เพิ่มส่วนประกอบของรหัสในฟอร์มพื้นฐาน

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

2. ในบานหน้าต่างด้านซ้าย ภายใต้ เนื้อหา เลือก ฟอร์มพื้นฐาน

3. เลือกฟอร์มพื้นฐานที่คุณสร้างในขั้นตอนก่อนหน้า

4. เลือก ที่เกี่ยวข้อง

5. เลือก เพิ่มเมตาดาต้าของฟอร์มพื้นฐาน

6. เลือก เพิ่มเมตาดาต้าของฟอร์มพื้นฐานใหม่

7. เลือก ชนิด เป็น แอตทริบิวต์

8. เลือก ชื่อตรรกะแอตทริบิวต์ เช่น จำนวนเงินงบประมาณ (budgetamount)

   

9. ป้อน ป้ายชื่อ ตัวอย่างเช่น จำนวนงบประมาณ

10. สำหรับ ลักษณะตัวควบคุม เลือก ส่วนประกอบของโค้ด

    

11. เลือก บันทึกและปิด

ขั้นตอนที่ 5 สร้างเว็บเพจในพอร์ทัลด้วยฟอร์มพื้นฐาน

1. เปิดพอร์ทัลของคุณใน พอร์ทัลสตูดิโอ Power Apps

2. ที่มุมบนซ้าย ให้เลือก หน้าใหม่

3. เลือก ว่างเปล่า

4. ในบานหน้าต่างคุณสมบัติด้านขวา ให้อัปเดตชื่อเว็บเพจ ตัวอย่างเช่น โอกาสทางการขาย

5. อัปเดต URL บางส่วน ตัวอย่างเช่น โอกาสทางการขาย

6. ขยาย สิทธิ์

7. ปิดใช้งาน เพจใช้ได้กับทุกคน

8. เลือกบทบาทเว็บที่ควรได้รับอนุญาตให้เข้าถึงหน้านี้

9. ภายในตัวแก้ไขเพจด้านล่างส่วนส่วนหัว ให้เลือกส่วน คอลัมน์

10. บนบานหน้าต่างด้านซ้าย เลือก ส่วนประกอบ

11. ภายใต้ ส่วนประกอบพอร์ทัล เลือก ฟอร์ม

12. ในบานหน้าต่างคุณสมบัติด้านขวา ให้เลือก ใช้ที่มีอยู่

13. ใต้ ชื่อ เลือกฟอร์มพื้นฐานที่คุณสร้างไว้ก่อนหน้านี้ในบทช่วยสอนนี้

    เคล็ดลับ

    หากคุณไม่เห็นฟอร์ม ให้ลอง การกำหนดค่าการซิงค์ เพื่อซิงโครไนซ์การเปลี่ยนแปลงจาก Dataverse

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

ขณะนี้เว็บเพจจะแสดงฟอร์มพื้นฐานสำหรับตาราง โอกาสทางการขาย ที่มีองค์ประกอบโค้ดเป็นตัวเลื่อน ซึ่งคล้ายกับที่ปรากฏโดยใช้แอปแบบจำลองสำหรับฟอร์มเดียวกัน

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

ภาพรวม: ใช้ส่วนประกอบของโค้ดในพอร์ทัล

ดูเพิ่มเติม

ภาพรวมของ Power Apps component framework
สร้างส่วนประกอบแรกของคุณ
เพิ่มส่วนประกอบของรหัสลงในฟิลด์หรือตารางในแอปแบบจำลอง

หมายเหตุ

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

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