Dynamic Image

Page Designer อนุญาตให้ผู้ใช้โหลดรูปภาพแบบไดนามิกจากฐานข้อมูล ในการแสดงรูปภาพในเพจ ผู้ใช้สามารถลากและวางรูปภาพส่วนประกอบและรวมเข้ากับ Microflow สำหรับเว็บแอพพลิเคชัน สำหรับแอพพลิเคชันมือถือ คุณไม่จำเป็นต้องใช้ microflow เพราะคุณสามารถใช้ Local Storage in Page แทนได้

Create Microflow to load image from database ขั้นแรกให้สร้าง Business Object

ลากและวาง Start node, Database node และ End node จากนั้นเชื่อมโยงพวกเขาเหมือนภาพด้านล่าง

คลิกสองครั้งที่โหนดฐานข้อมูลและเปิดแท็บ BusinessObject เลือกทำเครื่องหมายที่กล่อง Output

เปิด Database Parameter แท็บและป้อนข้อมูลที่แสดงด้านล่าง (คำสั่งฐานข้อมูลสามารถเปลี่ยนแปลงได้ขึ้นอยู่กับตารางของผู้ใช้) คลิกที่ Open Mapping Parameter หมายเหตุ: เมื่อดึงข้อมูลไบนารีจากฐานข้อมูล ตรวจสอบให้แน่ใจว่าได้ดึงข้อมูลนี้เป็นข้อมูลที่เข้ารหัส base64 (Encoding command 'data:image/jpg;base64, '||encode(img_data, 'base64') AS img)

คลิกที่ลิงค์ระหว่างการแมปไปยังเอาต์พุต เพิ่ม Parameters ภายใต้ DatabaseDummyObject จากนั้นแมป DatabaseDummyObject กับ Activity BO ตามที่แสดงในภาพด้านล่าง และอย่าลืมคลิก Done

หมายเหตุ: ข้อมูลรูปภาพถูกจัดเก็บในตัวแปร String และถือเป็น String โดย Microflow

Display an image on Page UI from Microflow ลากและวางองค์ประกอบภาพไปที่หน้าจอการออกแบบ

คลิกที่ PageContent ในหน้าต่างโครงสร้างหน้าทางด้านซ้าย หน้าต่างการกำหนดค่าคุณสมบัติจะเปิดขึ้นเป็นป๊อปอัป คลิกไอคอน

คลิกที่ปุ่มเพิ่มรายการการกระทำ '+' เลือกแท็บ Microflow โครงการ Microflow และกระบวนการที่คุณสร้าง เขียนเหตุการณ์เป็น 'Load' คลิก Save

เลือก Image จากนั้นคลิกไอคอน และเลือก "Connect to Data" Microflow จะถูกเลือกตามค่าเริ่มต้น เลือกโฟลว์และฟิลด์ของคุณจาก BO

สร้างแอพพลิเคชันของคุณเพื่อตรวจสอบผลลัพธ์ที่ออกมา