เมื่อคุณสร้างหน้าเสร็จแล้ว คุณต้องปรับใช้หน้าเพื่อเข้าถึงผ่าน URL ด้วยเหตุนี้ ONEWEB มีปุ่มสร้างและดาวน์โหลดในเมนูแอพพลิเคชัน
เมื่อคุณคลิกสร้างและดาวน์โหลด ให้รอสักครู่เพื่อสร้างหน้าทั้งหมดในแอพพลิเคชันของคุณ เมื่อเสร็จสิ้น ข้อความ "Build succeed" จะแสดงขึ้น เพื่อระบุว่าสร้างสำเร็จ ไฟล์จะถูกส่งออกเป็นไฟล์ zip และจะดาวน์โหลดไปยังเครื่องของคุณ
หากต้องการดูตัวอย่างหน้านี้บนเบราว์เซอร์ คุณสามารถใช้
URL: http://(IP Applicationserver)/(ApplicationCode) ในกรณีนี้ applicationCode ของคุณคือ 'DemoApplication'
ในการปรับใช้หน้าเว็บนี้กับสภาพแวดล้อมจริง ผู้ใช้สามารถคัดลอกไฟล์ zip ที่ดาวน์โหลดมาไปยังเว็บเซิร์ฟเวอร์ เช่น Apache หรือ IBM HTTP Server และแมปโดเมนสำหรับไซต์ ขณะนี้ผู้ใช้เข้าถึงหน้าเว็บผ่าน URL ของโดเมนแอพ
ตั้งแต่เวอร์ชัน 4.0.19.10 ขึ้นไป ผู้ใช้สามารถสร้างแอพพลิเคชันได้จาก AppSpace เท่านั้น จากนั้นผู้ใช้สามารถสร้างหน้าภายในแอพพลิเคชัน เมื่อสร้างเพจแล้ว AppSpace จะนำคุณไปยัง Page Designer เพื่อออกแบบเพจ
ตอนนี้เรามาดูวิธีการสร้างหน้า Hello World อย่างง่าย
วิธีสร้างเว็บเพจอย่างง่ายจาก AppSpace หากต้องการสร้างแอพพลิเคชันบน AppSpace ให้ลงชื่อเข้าใช้ AppSpace ก่อน จากนั้นคลิกที่ปุ่ม Create new app
เมื่อสร้างแอพพลิเคชัน ผู้ใช้สามารถสร้างเป็นเว็บแอพพลิเคชัน (Web App) หรือแอพมือถือ (Mobile App) เลือกแพลตฟอร์มเว็บสำหรับการสมัครของคุณและป้อนรายละเอียด
คลิกที่ปุ่ม Create จากนั้นหน้าจอจะแสดงสถานการณ์สร้างแอพพลิเคชัน
เมื่อสถานะแสดง 100% แสดงว่าแอพพลิเคชันของคุณถูกสร้างขึ้นแล้ว คลิกที่ปุ่ม Done เพื่อปิดหน้าต่างสถานะ
คลิกที่ไอคอนแอพพลิเคชันเพื่อเปิดแอพของคุณ ระบบจะเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าส่วนประกอบ
คลิกที่ไอคอน Create Pages
ป้อนรายละเอียดเพจและคลิก Start Design เพื่อเปลี่ยนเส้นทางไปยัง Page Designer
เมื่ออยู่ในหน้าจอ Page Designer สำหรับออกแบบเว็บเพจ ผู้ใช้สามารถทำตามขั้นตอนด้านล่างเพื่อสร้างเว็บเพจอย่างง่าย
ระบบเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าจอตั้งค่าเพจซึ่งผู้ใช้สามารถเพิ่มเนื้อหาลงในเพจได้ สำหรับการสร้างเนื้อหา ผู้ใช้สามารถลากและวางองค์ประกอบ UI ที่ต้องการจากแผงส่วนประกอบและวางไว้บนหน้า
เพื่อสร้างตัวอย่างหน้า 'Hello World' คลิกที่ไอคอนเพื่ออัปโหลดรูปภาพใหม่ ไปยังแอพพลิเคชันและเพื่อเรียกดูรูปภาพที่อัปโหลดแล้ว ลากรูปภาพจากแผงรูปภาพทางด้านซ้ายแล้ววางที่ด้านบนของคอนเทนเนอร์ (Container)
Symbol
Description
ที่จับลาก (Drag Handle) ใช้สิ่งนี้เพื่อลากข้อความไปยังแถวอื่น
เลือกคอนเทนเนอร์(Select Container) ใช้ตัวเลือกนี้เพื่อเลือก Div, Col, Row หรือ Full Containe
แก้ไข (Edit) ใช้ตัวเลือกนี้เพื่อเขียน แก้ไข หรือเปลี่ยนแบบอักษรเนื้อหาหรือสไตล์ของกล่องข้อความนี้
ลบ (Delete) ลบบล็อกข้อความออกจากหน้าเว็บของคุณ
ทำซ้ำ (Duplicate) คัดลอกและทำซ้ำองค์ประกอบที่เลือก
เชื่อมต่อข้อมูล (Connect to Data) เชื่อมต่อกับข้อมูลจาก Microflow หรือร้านค้าหรือฐานข้อมูลในเครื่องเพื่อสร้างเนื้อหาแบบไดนามิก
การแปล (Translation) รองรับหลายภาษาในหน้าเพจ
พิมพ์ "Hello World" แทน Template Heading
คลิกที่ Template Heading แล้วเลือก ในแถบเมนูที่ด้านบนของ heading เพื่อแก้ไข
บันทึกการเปลี่ยนแปลงในหน้าของคุณโดยคลิกที่ไอคอนบันทึก ที่แถบด้านบน