Rumah > Artikel > rangka kerja php > Bagaimana untuk melaksanakan kemasukan halaman dalam laravel
Bagaimana untuk melaksanakan kemasukan halaman dalam laravel
- PHPzasal
- 2023-04-23 09:16:19591semak imbas
Laravel ialah rangka kerja aplikasi web PHP sumber terbuka Ia adalah rangka kerja aplikasi web berasaskan MVC yang sangat memudahkan pembangunan web dan membolehkan pembangun lebih fokus pada tahap logik perniagaan kepada teknologi asas yang lain. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Laravel untuk melaksanakan kemasukan halaman, iaitu, membahagikan halaman kepada berbilang blok kecil dan berkongsi blok kecil ini dalam berbilang halaman pada masa yang sama, yang sangat meningkatkan kebolehgunaan semula dan kebolehgunaan kod. Kebolehselenggaraan.
Mengapa anda memerlukan kemasukan halaman?
Dengan pembangunan aplikasi web yang berterusan, halaman web menjadi lebih kompleks, dan setiap modul dalam halaman juga menjadi lebih kompleks. Oleh itu, kadangkala kita perlu membahagikan halaman kepada beberapa blok kecil dan berkongsi blok kecil ini dalam berbilang halaman pada masa yang sama, dengan itu meningkatkan kebolehgunaan semula dan kebolehselenggaraan kod. Ini adalah halaman yang mengandungi masalah yang dihadapi dan penyelesaiannya.
Langkah untuk melaksanakan kemasukan halaman menggunakan Laravel
Rangka kerja Laravel menyediakan sistem paparan yang sangat fleksibel, jadi kemasukan halaman boleh dilaksanakan dengan sangat mudah. Berikut ialah langkah-langkah untuk melaksanakan kemasukan halaman:
- Buat fail paparan awam
Pertama, buat fail paparan awam dalam projek Laravel. Fail paparan awam ini mengandungi berbilang blok kecil yang akan dikongsi antara berbilang halaman. Fail paparan awam ini boleh disimpan dalam sumber/pandangan/reka letak.
- Sertakan dalam fail paparan yang perlu menggunakan blok kecil ini
Dalam fail paparan yang perlu menggunakan blok kecil yang terkandung dalam fail paparan awam, gunakan kod berikut:
@extends('layouts.master')
@section('content')
<!-- 这里是当前页面的内容 -->
@endsection
Antaranya, arahan @extends menunjukkan bahawa fail paparan ini mewarisi fail susun atur/pandangan induk dan arahan @section digunakan untuk menentukan kawasan kandungan, yang akan mengandungi kandungan daripada halaman semasa.
- Tentukan blok kecil dalam fail paparan awam
Dalam fail paparan awam, gunakan kod berikut untuk menentukan blok kecil yang perlu disertakan:
<!DOCTYPE html>
<html>
<head>
<title>@yield('title')</title>
</head>
<body>
<div class="container">
<header>
@include('layouts.partials.header')
</header>
@yield('content')
<footer>
@include('layouts.partials.footer')
</footer>
</div>
</body>
</html>
Antaranya:
- @yield('title') bermaksud blok kecil bernama tajuk ditakrifkan, yang digunakan untuk menggantikan teg
fail. </li> <li>@yield('content') bermaksud bahawa blok kecil bernama kandungan ditakrifkan, yang digunakan untuk menggantikan bahagian kandungan halaman dalam fail paparan awam. </li> <li>@include('layouts.partials.header') bermaksud fail paparan separa bernama pengepala disertakan. </li> <li>@include('layouts.partials.footer') bermaksud fail paparan separa bernama footer disertakan. </li> </ul> <p>Ini melengkapkan langkah-langkah mentakrifkan jubin dalam fail paparan awam. </p> <ol start="4"><li>Tentukan kandungan blok kecil dalam fail paparan separa </li></ol> <p>Akhir sekali, takrifkan dalam fail paparan separa (seperti header.blade.php dan footer. blade.php) Sebahagian kecil kandungan akan berjaya. Contohnya, dalam header.blade.php, anda boleh mentakrifkan kandungan blok kecil seperti berikut: </p> <pre class="brush:php;toolbar:false"><nav> <ul> <li><a href="{{ url('/') }}">Home</a></li> <li><a href="{{ url('/about') }}">About</a></li> <li><a href="{{ url('/contact') }}">Contact</a></li> </ul> </nav></pre> <p>Blok kecil ini mentakrifkan bar navigasi dan menggunakan fungsi pembantu URL Laravel untuk menjana pautan. </p> <p>Melalui langkah ini, anda telah menyelesaikan proses menggunakan Laravel untuk melaksanakan kemasukan halaman. </p> <p>Ringkasan</p> <p>Penyertaan halaman ialah teknologi pembangunan web yang sangat penting Dalam rangka kerja Laravel, kami boleh melaksanakan kemasukan halaman dengan sangat mudah, sekali gus meningkatkan kebolehgunaan semula dan kebolehgunaan kod. Artikel ini memperkenalkan cara menggunakan Laravel untuk melaksanakan kemasukan halaman. Saya harap ia akan membantu semua orang. Jika anda mempunyai sebarang soalan atau idea tentang Laravel atau pembangunan web, sila tinggalkan mesej di ruang komen dan kami akan membincangkannya bersama. </p><p>Atas ialah kandungan terperinci Bagaimana untuk melaksanakan kemasukan halaman dalam laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">php</a> <a href="javascript:void(0);">laravel</a> <a href="javascript:void(0);">mvc</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">继承</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Bagaimana untuk menutup mysql dalam laravel" href="http://m.php.cn/ms/faq/524669.html">Bagaimana untuk menutup mysql dalam laravel</a></span><span>Artikel seterusnya：<a class="dBlack" title="Bagaimana untuk menutup mysql dalam laravel" href="http://m.php.cn/ms/faq/524673.html">Bagaimana untuk menutup mysql dalam laravel</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ms/faq/407215.html" title="laravel环境搭建：laravel如何部署到阿里云或者腾讯云步骤" class="aBlack">laravel环境搭建：laravel如何部署到阿里云或者腾讯云步骤</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/407217.html" title="lamp环境配置之CentOS 6.3下阿里云服务器下 LAMP 环境配置" class="aBlack">lamp环境配置之CentOS 6.3下阿里云服务器下 LAMP 环境配置</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/407219.html" title="Ubuntu下Apache+PHP+MySQL+phpMyAdmin的快速安装步骤" class="aBlack">Ubuntu下Apache+PHP+MySQL+phpMyAdmin的快速安装步骤</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/407220.html" title="Ubuntu下Nginx + PHP + MySQL的快速安装步骤" class="aBlack">Ubuntu下Nginx + PHP + MySQL的快速安装步骤</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/407260.html" title="Laravel框架中管道设计模式之中间件的基本工作原理" class="aBlack">Laravel框架中管道设计模式之中间件的基本工作原理</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><p>Rumah</p></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><p>Kursus</p></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><p>Soal Jawab</p></a></li><li><a href="http://m.php.cn/ms/login"><b class="icon5"></b><p>saya</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ms/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><span>Rumah</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><span>Kursus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><span>Soal Jawab</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/dic.html"><b class="icon6"></b><span>Kamus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/xiazai/"><b class="icon8"></b><span>Muat turun</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/faq/zt" title="Topik"><b class="icon12"></b><span>Topik</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ms/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ms/" >Rumah</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/wenda.html" >Soal Jawab</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/course.html" >Kursus</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/faq/zt" >Topik</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/xiazai" >Muat turun</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/game" >Permainan</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/dic.html" >Kamus</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>