{"id":4838,"date":"2023-08-15T06:42:59","date_gmt":"2023-08-15T06:42:59","guid":{"rendered":"https:\/\/isophal.com\/?p=4838"},"modified":"2024-08-10T02:08:44","modified_gmt":"2024-08-10T02:08:44","slug":"an-introduction-to-routing","status":"publish","type":"post","link":"https:\/\/isophal.com\/news\/2023\/08\/15\/4838.html\/","title":{"rendered":"An Introduction to Routing in Laravel 10.x"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Route<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What is a Route?<\/strong><\/h3>\n\n\n\n<p>\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb Route \u1780\u17d2\u1793\u17bb\u1784 Laravel framework \u17d4 Route \u1782\u17ba\u179c\u17b6\u1798\u17b6\u1793\u179b\u1780\u17d2\u1781\u178e\u17c7\u179f\u17c6\u1781\u17b6\u1793\u17cb\u178e\u17b6\u179f\u17cb\u179f\u17c6\u179a\u17b6\u1794\u17cb Laravel framework \u1796\u17b8\u1796\u17d2\u179a\u17c4\u17c7\u179c\u17b6\u1787\u17b6\u17a2\u17d2\u1793\u1780\u1780\u17c6\u178e\u178f\u17cb\u1793\u17c5\u1796\u17c1\u179b\u178a\u17c2\u179b\u1799\u17be\u1784\u1792\u17d2\u179c\u17be&nbsp;request root directory website\u200b \u1790\u17b6\u178f\u17be\u178f\u17d2\u179a\u17bc\u179c\u1794\u1784\u17d2\u17a0\u17b6\u1789 Page \u1798\u17bd\u1799\u178e\u17b6\u1785\u17b9\u1784 \u17a0\u17be\u1799 Route \u1782\u17ba\u1787\u17b6\u17a2\u17d2\u1793\u1780\u1780\u17c6\u1793\u178f\u17cb\u17a0\u17be\u1799\u1791\u17b8\u178f\u17b6\u17c6\u1784\u179a\u1794\u179f\u17cb Rout \u1782\u17ba\u179f\u17d2\u1790\u17b7\u178f\u1793\u17c5\u1780\u17d2\u1793\u17bb\u1784\u17d6<\/p>\n\n\n\n<p>In web frameworks, a route is a way of defining a URL pattern that the framework should respond to. In Laravel, routes are used to map a URL to a specific action (e.g., loading a view, running a controller method).<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Basic Route<\/h3>\n\n\n\n<p><strong>How to Create Routes in Laravel<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open routes\/web.php and define a basic route:<\/li>\n<\/ul>\n\n\n\n<p>use Illuminate\\Support\\Facades\\Route;<\/p>\n\n\n\n<p>Route::get(&#8216;\/&#8217;, function () {<\/p>\n\n\n\n<p>&nbsp; return &#8216;Hello, World!\u2019;<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"186\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-1024x186.jpg\" alt=\"\" class=\"wp-image-4840\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-1024x186.jpg 1024w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-600x109.jpg 600w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-300x54.jpg 300w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-768x139.jpg 768w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-1170x212.jpg 1170w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1-585x106.jpg 585w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-12-39-1.jpg 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Multiple Route \u1793\u17b9\u1784 &nbsp;Parameters&nbsp;Route<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rout Parameter \u1782\u17ba\u179c\u17b6\u1780\u17cf\u1798\u17b6\u1793\u1797\u17b6\u1796\u1785\u17b6\u17c6\u1794\u17b6\u1785\u17cb\u1780\u17d2\u1793\u17bb\u1784\u1780\u17b6\u179a\u1794\u1789\u17d2\u1785\u17bc\u1793 Data \u178a\u17bc\u1785\u1787\u17b6 Id \u179f\u17c6\u179a\u17b6\u1794\u17cb\u1799\u1780 Id \u1791\u17c5\u1792\u17d2\u179c\u17be\u179b\u1780\u17d2\u1781\u1781\u178e\u17d2\u178c\u178a\u17bc\u1785\u1787\u17b6 \u179b\u17bb\u1794\u200b \u1780\u17c2\u1794\u17d2\u179a\u17c2\u200b \u1787\u17b6\u178a\u17be\u1798\u17d4<\/li>\n<\/ul>\n\n\n\n<p><strong><em>\u17a7\u1791\u17b6\u179a\u178e\u17cd\u17d6 <\/em><\/strong><strong><em>Multiple Route<\/em><\/strong><\/p>\n\n\n\n<p>\/\/route&nbsp;multiple<br>Route::match([&#8216;get&#8217;,&#8217;post&#8217;],&#8217;\/<strong>match<\/strong>&#8216;, function () {<\/p>\n\n\n\n<p>&nbsp; return (&#8216;This is match for Multiple Route &amp;&nbsp;Parameters&nbsp;Route\u2019);<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"102\" data-id=\"4841\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36.jpg\" alt=\"\" class=\"wp-image-4841\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36.jpg 829w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36-600x74.jpg 600w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36-300x37.jpg 300w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36-768x94.jpg 768w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-36-585x72.jpg 585w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"189\" data-id=\"4842\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48.jpg\" alt=\"\" class=\"wp-image-4842\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48.jpg 1280w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-600x89.jpg 600w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-300x44.jpg 300w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-1024x151.jpg 1024w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-768x113.jpg 768w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-1170x173.jpg 1170w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-16-48-585x86.jpg 585w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Multiple Route \u1793\u17b9\u1784 &nbsp;Parameters&nbsp;Route<\/strong><\/h3>\n\n\n\n<p><strong>Route Multiple<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb Validate Route Parameters<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Route Multiple<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\u1782\u17ba\u1798\u17b6\u1793\u1793\u17d0\u1799\u1790\u17b6\u1796\u17c1\u179b\u178a\u17c2\u179b\u179b\u17c4\u1780\u17a2\u17d2\u1793\u1780\u1794\u1789\u17d2\u1785\u17bc\u179b Method get \u1793\u17b9\u1784 Post \u179c\u17b6\u1793\u17b9\u1784\u1792\u17d2\u179c\u17be\u1796\u17c1\u179b\u178a\u17c2\u179b\u179b\u17c4\u1780\u17a2\u17d2\u1793\u1780 request \u1798\u1780 match \u1798\u17bd\u1799\u1793\u17b9\u1784\u17d4<\/p>\n\n\n\n<p><strong><em>\u17a7\u1791\u17b6\u179a\u178e\u17cd\u17d6 <\/em><\/strong><strong><em>route&nbsp;parameter<\/em><\/strong><\/p>\n\n\n\n<p>\/\/route parameter<\/p>\n\n\n\n<p>Route::get(&#8216;\/view\/{id}&#8217;, function ($id) {<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp; return &#8216;This is view id=&#8217;.$id;<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p><strong>Output:<\/strong><br><a href=\"http:\/\/127.0.0.1:8000\/view\/2023\">http:\/\/127.0.0.1:8000\/view\/2023<\/a><\/p>\n\n\n\n<p><strong>Display:<\/strong><\/p>\n\n\n\n<p>This is view id=2023<\/p>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e1\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p>I will now create a basic route that will print the table of 2.<\/p>\n\n\n\n<p>Route::get(&#8216;\/table&#8217;, function () {<\/p>\n\n\n\n<p>&nbsp; &nbsp; for($i =1; $i &lt;= 10 ; $i++){<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; echo &#8220;$i * 2 = &#8220;. $i*2 .&#8221;&lt;br&gt;&#8221;;<\/p>\n\n\n\n<p>&nbsp; &nbsp; } &nbsp;<\/p>\n\n\n\n<p>&nbsp;});<\/p>\n\n\n\n<p>Output:<br><strong><em>http:\/\/127.0.0.1:8000\/table<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"188\" height=\"450\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-24-37.jpg\" alt=\"\" class=\"wp-image-4844\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-24-37.jpg 188w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-24-37-125x300.jpg 125w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/figure>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e2\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p>Now, what if I want the user to decide the number for which the route will print the table? Here is the code for such a route:<\/p>\n\n\n\n<p>&nbsp;Route::get(&#8216;\/table\/{number}&#8217;, function ($number) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; for($i =1; $i &lt;= 10 ; $i++){<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; echo &#8220;$i * $number = &#8220;. $i* $number .&#8221;&lt;br&gt;&#8221;;<\/p>\n\n\n\n<p>&nbsp; &nbsp; } &nbsp;<\/p>\n\n\n\n<p>&nbsp;});<\/p>\n\n\n\n<p>Output:<br><strong><em>http:\/\/127.0.0.1:8000\/table\/9<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"187\" height=\"444\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43.jpg\" alt=\"\" class=\"wp-image-4845\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43.jpg 187w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43-126x300.jpg 126w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/figure>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e3\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p>Regular Expressions Constraints For Route Parameters<\/p>\n\n\n\n<p>Route::get(&#8216;\/table\/{number?}&#8217;, function ($number = 2) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; for($i =1; $i &lt;= 10 ; $i++){<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; echo &#8220;$i * $number = &#8220;. $i* $number .&#8221;&lt;br&gt;&#8221;;<\/p>\n\n\n\n<p>&nbsp; &nbsp; } &nbsp;<\/p>\n\n\n\n<p>&nbsp;})-&gt;where(&#8216;number&#8217;, &#8216;[0-9]+&#8217;);<\/p>\n\n\n\n<p>Output:<br><strong><em>http:\/\/127.0.0.1:8000\/table\/9<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"187\" height=\"444\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43-1.jpg\" alt=\"\" class=\"wp-image-4846\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43-1.jpg 187w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2023\/08\/photo_2023-08-15_13-25-43-1-126x300.jpg 126w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/figure>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e4\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p>Multiple parameter pass through Route &amp; URL in Laravel<\/p>\n\n\n\n<p>Route::get(&#8216;sum\/{n1}\/{n2}\/{n3}&#8217;, function (int $n1, int $n2, int $n3) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; $total = $n1 + $n2 + $n3;<\/p>\n\n\n\n<p>&nbsp; &nbsp; return &#8220;Total =&#8221;.$total;<\/p>\n\n\n\n<p>})-&gt;name(&#8216;sum&#8217;);<\/p>\n\n\n\n<p>Output:<br><strong><em>http:\/\/127.0.0.1:8000\/sum\/21\/22\/13<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>Display:Total =56<\/em><\/strong><\/p>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e5\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p>To create multiple parameters dynamic routes in Laravel 10.x, you can use the Route::get() method with curly braces to enclose the parameters. For example, the following code will create a route with two parameters:<\/p>\n\n\n\n<p>Route::get(&#8216;user\/{userid}\/post\/{postid}&#8217;,function (int $userid, int $postid) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; return &#8220;User ID: {$userid}, Post ID: {$postid}&#8221;;<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>Output:<br><strong><em>http:\/\/127.0.0.1:8000\/user\/20\/post\/25<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>Display:<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>User ID: 20, Post ID: 25<\/em><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb Routing \u25ba View | Laravel 10.x<\/strong><\/h3>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd<\/strong><strong> <\/strong><strong>\u17e1\u17d6&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>Regular Expressions Constraints for Route Parameters<\/strong><br>\/\/validate rout Parameters<\/p>\n\n\n\n<p>Route::get(&#8216;user\/{id}&#8217;, function ($id) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; return &#8216;User ID: &#8216; . $id;<\/p>\n\n\n\n<p>})-&gt;where(&#8216;id&#8217;, &#8216;[0-9]+&#8217;);<br><strong><em>http:\/\/127.0.0.1:8000\/user\/23 (Correct)<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>http:\/\/127.0.0.1:8000\/user\/abc (Incorrect)<\/em><\/strong><\/p>\n\n\n\n<p><em>In the above route, {id} must be a number. If you try accessing \/user\/abc, it won&#8217;t match this route.<\/em><\/p>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e2\u17d6&nbsp;<\/strong>Validate Route Parameters<\/p>\n\n\n\n<p>\u179b\u17c4\u1780\u17a2\u17d2\u1793\u1780\u17a2\u17b6\u1785\u1792\u17d2\u179c\u17be\u1780\u17b6\u179a \u1780\u17b6\u1796\u17b6\u179a\u1798\u17b7\u1793\u17a2\u17c4\u1799\u1782\u17c1\u1794\u1789\u17d2\u1785\u17bc\u179b\u200b Parameter \u1787\u17b6\u17a2\u1780\u17d2\u179f\u1794\u17b6\u1793\u178a\u17c4\u1799\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u1797\u17c1\u1791 Route \u178a\u17bc\u1785\u1781\u17b6\u1784\u1780\u17d2\u179a\u17c4\u1798\u17d4<\/p>\n\n\n\n<p><br>\/\/validate rout Parameters<\/p>\n\n\n\n<p>Route::get(&#8216;\/view\/{id}&#8217;, function ($id) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; return &#8216;This is view id=&#8217;.$id;<\/p>\n\n\n\n<p>&nbsp; &nbsp; })-&gt;where(&#8216;id&#8217;,'[0-9]+&#8217;);<\/p>\n\n\n\n<p><br><strong><em>http:\/\/127.0.0.1:8000\/view\/2023 (Correct)<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>http:\/\/127.0.0.1:8000\/view\/bbu (Incorrect)<\/em><\/strong><\/p>\n\n\n\n<p><strong>\u1785\u17c6\u1793\u17b6\u17c6\u17d6 &nbsp;Where id \u1798\u17b6\u1793\u1793\u17d0\u1799\u1790\u17b6\u179b\u17c4\u1780\u17a2\u17d2\u1793\u1780\u178f\u17d2\u179a\u17bc\u179c\u1792\u17d2\u179c\u17be\u1780\u17b6\u179a\u1794\u1789\u17d2\u1785\u17bc\u179b Id \u1794\u17b6\u1793\u1787\u17b6\u179b\u17c1\u1781\u1794\u17c9\u17bb\u1793\u17d2\u1793\u17c4\u17c7 \u1794\u17d2\u179a\u179f\u17b7\u1793\u1794\u17be\u1794\u1789\u17d2\u1785\u17bc\u179b\u1781\u17bb\u179f\u1796\u17b8\u179b\u17c1\u1780\u179c\u17b6\u1793\u17b9\u1784 Error\u17d4<\/strong><\/p>\n\n\n\n<p><strong>\u17a7\u1791\u17b6\u179a\u178e\u17cd \u17e3\u17d6&nbsp;<\/strong>Validate Route Parameters &nbsp;&nbsp;| Email<\/p>\n\n\n\n<p>\/\/validate rout Parameters | Email<\/p>\n\n\n\n<p>Route::get(&#8217;email\/{email}&#8217;, function (string $email) {<\/p>\n\n\n\n<p>&nbsp; &nbsp; return &#8220;Email: {$email}&#8221;;<\/p>\n\n\n\n<p>})-&gt;where(&#8217;email&#8217;, &#8216;[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]+&#8217;);<br><strong><em>http:\/\/127.0.0.1:8000\/email\/sophal@gmail.com (Correct)<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>http:\/\/127.0.0.1:8000\/email\/sophal (Incorrect)<\/em><\/strong><\/p>\n\n\n\n<p><strong>Display:<br><\/strong>Email: sophal@gmail.com<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb Routing \u25ba View | Laravel 10.x<\/strong><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u179f\u17d2\u179c\u17c2\u1784\u1799\u179b\u17cb\u1796\u17b8 Layout (Blade Templates) \u1793\u17c5\u1780\u17d2\u1793\u17bb\u1784 Laravel Framework<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Blade<\/strong> \u178f\u17d2\u179a\u17bc\u179c\u1794\u17b6\u1793\u1792\u17d2\u179c\u17be\u1780\u17b6\u179a Compile \u1787\u17b6\u1798\u17bd\u1799 PHP Code \u1792\u1798\u17d2\u1798\u178f\u17b6\u200b\u179a\u17a0\u17bc\u178f\u1791\u17b6\u179b\u17cb\u178f\u17c2\u179c\u17b6\u178f\u17d2\u179a\u17bc\u179c\u1794\u17b6\u1793\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\u1785\u1794\u17cb \u17d4 Blade view file&nbsp;<strong>.blade.php<\/strong>&nbsp; \u178f\u17d2\u179a\u17bc\u179c\u1794\u17b6\u1793\u1782\u17c1\u17a0\u17c5\u1790\u17b6\u1787\u17b6&nbsp;extension \u17ac \u1787\u17b6\u200b\u1794\u17d2\u179a\u1797\u17c1\u1791 File \u178a\u17c2\u179b\u1794\u17b6\u1793 Store \u1791\u17bb\u1780\u1793\u17c5\u1780\u17d2\u1793\u17bb\u1784&nbsp;resources\/views File\u17d4<\/li>\n<\/ul>\n\n\n\n<p><strong>Creating a View:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a new Blade view file: resources\/views\/welcome.blade.php. Add the following content:<\/li>\n<\/ul>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;title&gt;Welcome to Laravel Views&lt;\/title&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &lt;h1&gt;Hello from Laravel Views!&lt;\/h1&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt; &lt;\/html&gt;<\/p>\n\n\n\n<p><strong>Route to a View:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open <strong>routes\/web.php<\/strong>and add:<\/li>\n<\/ul>\n\n\n\n<p>Route::get(&#8216;\/homepage&#8217;, function () {<br>&nbsp; &nbsp; return view(&#8216;home&#8217;);<br>});<br><strong>Output:<br>http:\/\/127.0.0.1:8000\/homepage<\/strong><\/p>\n\n\n\n<p><strong>Display:<br>Hello from Laravel Views!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb View \u1793\u17b7\u1784 Bootstrap 5.0<\/strong><\/h3>\n\n\n\n<p><br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u1780\u17b6\u179a\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb Route \u1780\u17d2\u1793\u17bb\u1784 Laravel framework \u17d4 Route \u1782\u17ba\u179c\u17b6\u1798\u17b6\u1793\u179b\u1780\u17d2\u1781\u178e\u17c7\u179f\u17c6\u1781\u17b6\u1793\u17cb\u178e\u17b6\u179f\u17cb\u179f\u17c6\u179a\u17b6\u1794\u17cb Laravel framework &#8230;<\/p>\n","protected":false},"author":576,"featured_media":4849,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[435],"tags":[],"class_list":["post-4838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel"],"_links":{"self":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/4838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/users\/576"}],"replies":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/comments?post=4838"}],"version-history":[{"count":3,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/4838\/revisions"}],"predecessor-version":[{"id":5192,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/4838\/revisions\/5192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media\/4849"}],"wp:attachment":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media?parent=4838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/categories?post=4838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/tags?post=4838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}