ข้ามไปยังเนื้อหาหลัก
itOffside
Onmobile อ่าน 2 นาที 1 ความเห็น

Laravel - EP9 การใช้ View

Laravel
สอน Laravel

Laravel: View เป็นส่วนหนึ่งของคอนเซป MVC ซึ่งหมายถึงการแสดงผลบนหน้าแอพลิเคชั่น ซึ่ง View ของ Laravel นี้อยู่ใน โฟล์เดอร์ resources/views ซึ่ง view ภาษาส่วนใหญ่จะใช้ภาษา HTML

ตัวอย่างการใช้งาน

  1. ลองสร้าง view โดยไปสร้างไฟล์ test.php ไว้ที่ resources/views/test.php
<html>
   <body>
      <h1>Hello, World</h1>
   </body>
</html>

2 .ไปเพิ่มโค็ดใน Route กำหนดเส้นทางให้ render view ที่เราเพิ่งสร้างจากข้อ 1
เข้าไปที่ไฟล์ routes/web.php เพื่อกำหนดเส้นทาง

Route::get('/test', function() {
   return view('test');
});

3. ทดลอง เข้าลิงค์ http://localhost:8000/test แล้วจะเห็นว่า มีการแสดงผล view ตามที่เราต้องการ

สำหรับที่เก็บไฟล์ view จะถูกเก็บไว้ที่โฟล์เดอร์ resources/views

การส่ง Data ไปยัง View

ในการสร้าง ระบบแอพลิเคชั่น เราจำเป็นต้องส่งข้อมูลไปยัง view เพื่อนำข้อมูลเหล่านั้นไปแสดงผลให้กับผู้ใช้ โดย Data ที่ส่งไปใน Laravel จะใช้ข้อมูลรูปแบบ Array ในการส่ง

ตัวอย่างการส่ง Data ไปยัง View
1. สร้างไฟล์ view ที่ resources/views/test.php และเพิ่มโค็ดลงไป

<html>
   <body>
      <h1><?php echo $name; ?></h1>
   </body>
</html>

2. ไปเพิ่มโค็ดใน Route กำหนดเส้นทาง ที่ไฟล์ routes/web.php

Route::get('/test', function() {
   return view('test',['name' => 'ITOFFSIDE.com']);
});

จากโค็ดอธิบายได้คือ view จะ render ไฟล์ที่ชื่อว่า test.php และ ส่งข้อมูล Array โดยไฟล์ view จะนำ ข้อมูลไปแสดงโดยเอา Key array ไปอ้างอิง ซึ่งในตัวอย่าง key คือ name ดังนั้น view จะแสดงค่า เป็น ITOFFSIDE.com

3. ทดลองเข้าลิงค์ http://localhost:8000/test แล้วจะเห็นว่า มีการแสดงผล view ตามที่เราส่งค่ามานั้นเอง

สำหรับบทความเกี่ยวกับ Laravel View ก็มีเพียงเท่านี้ ทางผู้เขียนคิดว่า ผู้อ่านและผู้ที่สนใจศึกษาการเขียน Framework Laravel น่าจะเข้าใจไม่มากก็น้อย สำหรับใครที่ไม่เข้าใจส่วนใดสามารถสอบถามได้ และในบทความถัดไปจะเขียนในเรื่องการใช้ Blade Template ซึ่ง View นั้นมีส่วนเกี่ยวข้องกับ Blade Template นั้นเอง

Onmobile

โปรแกรมเมอร์

ความเห็น (1)

  • Suksan
    อ่านเข้าใจง่ายดีครับ รอบทความต่อไปอยู่นะครับ เป็นกำลังใจให้ครับ

แสดงความเห็น

ไม่แสดงบนหน้าเว็บ

บทความที่เกี่ยวข้อง