บทความ

Laravel: laravel Views คืออะไร

ในเฟรมเวิร์ก MVC ตัวอักษร "V" หมายถึง Views และในบทความนี้เราจะมาดูวิธีใช้มุมมองใน Laravel แยกตรรกะของแอปพลิเคชันและตรรกะของการนำเสนอ มุมมองถูกจัดเก็บไว้ในไดเร็กทอรีรีซอร์ส/มุมมอง โดยทั่วไปแล้ว มุมมองจะมี HTML ที่จะแสดงผลในเบราว์เซอร์

ตัวอย่าง

ลองดูตัวอย่างต่อไปนี้เพื่อทำความเข้าใจเพิ่มเติมเกี่ยวกับ Views

1 – คัดลอกโค้ดต่อไปนี้และบันทึกไว้ใน ทรัพยากร/มุมมอง/test.blade.php

<html>
   <body>
      <h1>Laravel Blog Innovazione</h1>
   </body>
</html>

2 – เพิ่มบรรทัดต่อไปนี้ในไฟล์ เส้นทาง/web.php เพื่อกำหนดเส้นทางสำหรับมุมมองด้านบน

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

3 – ในเบราว์เซอร์ เราเปิดเพจที่ URL เพื่อดูผลลัพธ์ของมุมมอง

http://localhost:8000/test

ดังนั้นเราจะเห็นการเขียน “Laravel Blog Innovazione” ในหัวเรื่อง h1

ที่อยู่ http://localhost:8000/test ตั้งค่าในเบราว์เซอร์จะนำไปสู่เส้นทาง test ระบุไว้ในจุดที่สองเรียกมุมมอง test.blade.php ระบุไว้ในข้อ 1.

ส่งข้อมูลไปยังมุมมอง

ขณะที่สร้างแอปพลิเคชันของคุณ คุณอาจต้องส่งข้อมูลไปยังมุมมอง 

ตัวอย่าง

หากต้องการดูวิธีการส่งข้อมูลไปยังมุมมอง ลองดำเนินการตามตัวอย่าง:

1 – คัดลอกโค้ดต่อไปนี้และบันทึกไว้ใน ทรัพยากร/มุมมอง/test.blade.php

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

2 – เราเพิ่มบรรทัดต่อไปนี้ในไฟล์ เส้นทาง/web.php เพื่อกำหนดเส้นทางสำหรับมุมมองด้านบน

Route::get('/test', function() {
   return view('test',[‘name’=>’Laravel Blog Innovazione’]);
});

3 – ค่าที่ตรงกับคีย์ 'name' จะถูกส่งไปยังไฟล์ test.blade.php และ $name จะถูกแทนที่ด้วยค่านั้น

4 – ไปที่ URL ต่อไปนี้เพื่อดูผลลัพธ์ของมุมมอง

http://localhost:8000/test

5 – ผลลัพธ์จะปรากฏในบราวเซอร์ด้วยการเขียนแบบเดียวกับตัวอย่างแรก นั่นคือ การเขียน “Laravel Blog Innovazione” ในหัวเรื่อง h1

จดหมายข่าวนวัตกรรม
อย่าพลาดข่าวสารที่สำคัญที่สุดเกี่ยวกับนวัตกรรม ลงทะเบียนเพื่อรับพวกเขาทางอีเมล

แบ่งปันข้อมูลกับทุกมุมมอง

เราได้เห็นวิธีที่เราสามารถส่งข้อมูลไปยังมุมมอง แต่บางครั้งเราจำเป็นต้องส่งข้อมูลไปยังมุมมองทั้งหมด Laravel ทำให้ง่ายขึ้น มีวิธีที่เรียกว่า share() ซึ่งสามารถนำมาใช้เพื่อการนี้ได้ วิธีการ share() จะใช้สองอาร์กิวเมนต์ คีย์และค่า วิธีการโดยทั่วไป share() สามารถเรียกได้จากวิธีการเริ่มต้นของผู้ให้บริการ เราสามารถใช้ผู้ให้บริการรายใดก็ได้ AppServiceProvider หรือของเรา service provider.

ตัวอย่าง

ดูตัวอย่างต่อไปนี้เพื่อทำความเข้าใจเพิ่มเติมเกี่ยวกับการแชร์ข้อมูลกับทุกมุมมอง –

1 – เพิ่มบรรทัดต่อไปนี้ในไฟล์ แอพ/http/routes.php .

แอพ/http/paths.php

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

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

2 – เราสร้างไฟล์มุมมองสองไฟล์: test.blade.php e test2.blade.php ด้วยรหัสเดียวกัน ไฟล์เหล่านี้เป็นไฟล์สองไฟล์ที่จะแบ่งปันข้อมูล คัดลอกโค้ดต่อไปนี้ลงในทั้งสองไฟล์ resources/views/test.blade.php e resources/views/test2.blade.php

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

3 – เปลี่ยนรหัสวิธีการบู๊ตในไฟล์ แอพ/ผู้ให้บริการ/AppServiceProvider.php ดังที่แสดงด้านล่าง (ที่นี่เราใช้วิธีการแบ่งปันและข้อมูลที่เราส่งผ่านจะถูกแบ่งปันกับทุกมุมมอง) 

แอพ/ผู้ให้บริการ/AppServiceProvider.php

<?php

namespace App\Providers;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider {
   
   /**
      * Bootstrap any application services.
      *
      * @return void
   */

   public function boot() {
      view()->share('name', 'Laravel Blog Innovazione');
   }

   /**
      * Register any application services.
      *
      * @return void
   */

   public function register() {
      //
   }
}

4 - Visita URL ต่อไปนี้

http://localhost:8000/test
http://localhost:8000/test2

5 – ผลลัพธ์จะปรากฏในเบราว์เซอร์ด้วยการเขียนแบบเดียวกับตัวอย่างที่หนึ่งและที่สอง นั่นคือ การเขียน “Laravel Blog Innovazione” ในหัวเรื่อง h1

Ercole Palmeri

พวกเขาอาจสนใจรายการเหล่านี้ด้วย:

จดหมายข่าวนวัตกรรม
อย่าพลาดข่าวสารที่สำคัญที่สุดเกี่ยวกับนวัตกรรม ลงทะเบียนเพื่อรับพวกเขาทางอีเมล

บทความล่าสุด

การแทรกแซงที่เป็นนวัตกรรมในความเป็นจริง Augmented กับผู้ชม Apple ที่ Catania Polyclinic

การผ่าตัดเปลี่ยนจักษุโดยใช้อุปกรณ์รับชมเชิงพาณิชย์ของ Apple Vision Pro ดำเนินการที่ Catania Polyclinic...

3 2024 พ.ค.

ประโยชน์ของการระบายสีหน้าสำหรับเด็ก - โลกแห่งเวทมนตร์สำหรับทุกวัย

การพัฒนาทักษะยนต์ปรับผ่านการระบายสีจะช่วยเตรียมเด็กๆ ให้พร้อมสำหรับทักษะที่ซับซ้อนมากขึ้น เช่น การเขียน หากต้องการสี...

2 2024 พ.ค.

อนาคตอยู่ที่นี่: อุตสาหกรรมการขนส่งกำลังปฏิวัติเศรษฐกิจโลกอย่างไร

ภาคกองทัพเรือเป็นมหาอำนาจทางเศรษฐกิจระดับโลกอย่างแท้จริง ซึ่งได้มุ่งหน้าสู่ตลาดมูลค่า 150 พันล้าน...

1 2024 พ.ค.

ผู้จัดพิมพ์และ OpenAI ลงนามข้อตกลงเพื่อควบคุมการไหลของข้อมูลที่ประมวลผลโดยปัญญาประดิษฐ์

เมื่อวันจันทร์ที่แล้ว Financial Times ได้ประกาศข้อตกลงกับ OpenAI FT อนุญาติให้ทำข่าวระดับโลก...

30 2024 เมษายน

อ่านนวัตกรรมในภาษาของคุณ

จดหมายข่าวนวัตกรรม
อย่าพลาดข่าวสารที่สำคัญที่สุดเกี่ยวกับนวัตกรรม ลงทะเบียนเพื่อรับพวกเขาทางอีเมล

ติดตามเรา