rangka kerja php
Laravel
Bagaimana saya memaparkan data dalam templat bilah menggunakan {{...}}?
Bagaimana saya memaparkan data dalam templat bilah menggunakan {{...}}?
Jun 18, 2025 am 12:32 AM
Untuk memaparkan data dalam templat bilah menggunakan {{}}, lulus data pertama dari pengawal anda ke pandangan, kemudian echo dengan pendakap keriting berganda. 1. Dalam pengawal, gunakan paparan kembali ('view-name', ['variable' => value]) untuk menghantar data. 2. Dalam fail bilah, akses pembolehubah melalui pembolehubah $. 3. Gunakan {{$ variable}} untuk output rentetan, nombor, atau hasil ekspresi PHP mudah. 4. Untuk tatasusunan atau objek, kekunci akses atau sifat secara langsung seperti $ array ['key'] atau $ object-> property. 5. Untuk menjadikan HTML mentah, gunakan {!! !!} bukannya {{}} tetapi hanya apabila sumber dipercayai untuk mengelakkan risiko XSS. Kaedah ini memastikan paparan data yang selamat dan berkesan dalam templat bilah Laravel.
Untuk memaparkan data dalam templat bilah menggunakan {{ ... }} , anda hanya lulus data dari pengawal anda ke pandangan dan kemudian echo keluar dengan pendakap keriting berganda. Blade secara automatik melarikan diri dari mana -mana aksara HTML untuk mengelakkan serangan XSS, yang baik untuk keselamatan.
Lulus data dari pengawal
Sebelum anda dapat menunjukkan apa -apa dalam Blade, anda perlu menghantar data dari pengawal anda. Inilah caranya biasanya kelihatan:
kembali paparan ('name-name' anda ', [' name '=>' John ']);
Dalam kes ini, 'name' menjadi tersedia dalam fail bilah anda sebagai $name .
Oleh itu, dalam fail bilah anda ( your-view-name.blade.php ), anda akan menulis:
{{$ name}}Dan ia akan mengeluarkan:
John
Ini adalah cara asas untuk menunjukkan pembolehubah mudah seperti rentetan atau nombor.
Menunjukkan pembolehubah mudah
Jika anda berurusan dengan nilai asas seperti rentetan, bilangan bulat, atau array mudah, anda boleh menggunakan {{ }} secara langsung untuk memaparkannya.
Contoh:
{{$ name}} <!-output: John->
{{2 2}} <!-output: 4->
{{count ($ item)}} <!-Jika $ item adalah array dengan 3 item, output: 3-> Blade Parses Apa yang ada di dalam {{ }} sebagai kod PHP, jadi anda boleh melakukan pengiraan mudah atau panggilan fungsi di sana.
Hanya simpan logik minimum dalam pandangan - lebih baik menyediakan kebanyakan data dalam pengawal atau model.
Memaparkan sifat array atau objek
Jika pembolehubah anda adalah array atau objek, anda boleh mengakses kunci atau sifatnya secara langsung dalam bilah.
Sebagai contoh, jika anda lulus ini dari pengawal anda:
$ user = ['name' => 'Alice', 'Age' => 30]; pulangan paparan ('profil', ['user' => $ user]);
Anda boleh menunjukkan bidang individu seperti ini:
Nama: {{$ user ['name']}} <br>
Umur: {{$ user ['usia']}}Sekiranya ia menjadi objek (seperti model pangkalan data):
$ user = user :: cari (1); pulangan paparan ('profil', ['user' => $ user]);
Kemudian anda akan mengakses sifat seperti:
Nama: {{$ user-> name}} <br>
E-mel: {{$ user-> e-mel}}Ini adalah corak biasa apabila menunjukkan data pengguna, maklumat produk, tetapan, dll.
Mengelakkan melarikan diri apabila diperlukan
Secara lalai, {{ }} melarikan diri HTML untuk melindungi daripada skrip berniat jahat. Tetapi kadang -kadang anda mungkin mahu memaparkan kandungan HTML sebenar - seperti jika anda menarik teks yang diformat dari editor CMS atau WYSIWYG.
Dalam kes tersebut, anda boleh menggunakan {!! !!} sebaliknya:
{!! $ htmlcontent !!}Ini akan menyebabkan HTML mentah dan bukannya melarikan diri.
?? Gunakan dengan berhati -hati - hanya lakukan ini jika anda sepenuhnya mempercayai sumber HTML, jika tidak, anda akan membuka risiko kerentanan XSS.
Itulah teras memaparkan data dalam bilah menggunakan {{ ... }} . Anda boleh menunjukkan pembolehubah mudah, nilai array, sifat objek, dan memilih sama ada untuk melarikan diri atau tidak berdasarkan konteks.
Atas ialah kandungan terperinci Bagaimana saya memaparkan data dalam templat bilah menggunakan {{...}}?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Cara menggunakan carta Sankey untuk memaparkan data dalam Highcharts
Dec 17, 2023 pm 04:41 PM
Cara menggunakan rajah Sankey untuk memaparkan data dalam rajah Sankey Highcharts (SankeyDiagram) ialah jenis carta yang digunakan untuk menggambarkan proses yang kompleks seperti aliran, tenaga dan dana. Ia boleh memaparkan dengan jelas perhubungan dan aliran antara pelbagai nod, dan boleh membantu kami memahami dan menganalisis data dengan lebih baik. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Highcharts untuk mencipta dan menyesuaikan carta Sankey, dengan contoh kod khusus. Pertama, kita perlu memuatkan perpustakaan Highcharts dan Sank
Cara menggunakan histogram untuk memaparkan data dalam ECharts
Dec 18, 2023 pm 02:21 PM
Cara menggunakan histogram untuk memaparkan data dalam ECharts ECharts ialah perpustakaan visualisasi data berasaskan JavaScript yang sangat popular dan digunakan secara meluas dalam bidang visualisasi data. Antaranya, histogram ialah jenis carta yang paling biasa dan biasa digunakan, yang boleh digunakan untuk memaparkan saiz, perbandingan dan analisis trend pelbagai data berangka. Artikel ini akan memperkenalkan cara menggunakan ECharts untuk melukis histogram dan memberikan contoh kod. Pertama, kita perlu memperkenalkan perpustakaan ECharts ke dalam fail HTML, yang boleh diperkenalkan dengan cara berikut
Cara menggunakan carta bertindan untuk memaparkan data dalam Highcharts
Dec 18, 2023 pm 05:56 PM
Cara menggunakan carta bertindan untuk memaparkan data dalam Carta Tinggi Carta bertindan ialah cara biasa untuk menggambarkan data, yang boleh memaparkan jumlah berbilang siri data pada masa yang sama dan memaparkan sumbangan setiap siri data dalam bentuk carta bar. Highcharts ialah perpustakaan JavaScript berkuasa yang menyediakan pelbagai jenis carta dan pilihan konfigurasi yang fleksibel untuk memenuhi pelbagai keperluan visualisasi data. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Highcharts untuk mencipta carta bertindan dan menyediakan
Cara menggunakan Vue untuk melaksanakan carta statistik untuk paparan data skrin besar
Aug 17, 2023 am 09:54 AM
Cara menggunakan Vue untuk melaksanakan carta statistik untuk paparan data skrin besar Dalam masyarakat maklumat moden, statistik dan visualisasi data telah menjadi cara penting untuk membuat keputusan dan analisis. Untuk memaparkan data dengan lebih intuitif, kami sering menggunakan carta statistik. Di bawah rangka kerja Vue, anda boleh mencapai keperluan paparan data skrin besar dengan mudah dengan menggunakan beberapa perpustakaan carta yang sangat baik. Artikel ini akan memperkenalkan cara menggunakan Vue digabungkan dengan dua perpustakaan carta statistik arus perdana, echarts dan chart.js, untuk memaparkan data. Pertama, kita perlu memasang echarts dan c untuk projek Vue
Cara menggunakan plot taburan untuk memaparkan data dalam Highcharts
Dec 17, 2023 pm 10:30 PM
Cara menggunakan plot taburan untuk memaparkan data dalam Highcharts Prakata Highcharts ialah perpustakaan carta JavaScript sumber terbuka yang menyediakan pelbagai jenis carta dan fungsi penyesuaian yang berkuasa. Antaranya, plot serakan merupakan kaedah visualisasi data yang biasa digunakan yang dapat menunjukkan hubungan antara dua pembolehubah dan taburan pembolehubah. Artikel ini akan memperkenalkan cara menggunakan plot taburan untuk memaparkan data dalam Highcharts dan memberikan contoh kod khusus. Langkah 1: Perkenalkan perpustakaan Highcharts
Cara menggunakan peta untuk memaparkan data dalam ECharts
Dec 18, 2023 pm 04:09 PM
Cara menggunakan peta untuk memaparkan data dalam ECharts ECharts ialah alat visualisasi data yang berkuasa yang menyokong pelbagai jenis carta, termasuk carta garisan, carta bar, carta pai, dsb. Antaranya, carta peta merupakan komponen penting dalam ECharts dan boleh digunakan untuk memaparkan pengedaran data di pelbagai wilayah. Artikel ini akan memperkenalkan cara menggunakan fungsi peta dalam ECharts dan memberikan contoh kod terperinci. Sebelum memulakan, kita perlu menyediakan fail berikut: echarts.min.js: EChar
Kemahiran pembangunan Vue3+TS+Vite: cara untuk menggambarkan paparan data dan lukisan carta
Sep 12, 2023 pm 06:25 PM
Kemahiran pembangunan Vue3+TS+Vite: Cara melakukan paparan data visual dan lukisan carta Pengenalan: Dengan pertumbuhan berterusan volum data dan kerumitan perniagaan, paparan data visual menjadi semakin penting dalam pembangunan bahagian hadapan moden. Vue3, TypeScript (TS) dan Vite kini merupakan gabungan teknologi yang popular dalam pembangunan bahagian hadapan Bagi pembangun, cara menggunakan teknologi ini untuk paparan data visual dan lukisan carta adalah kemahiran utama. Artikel ini akan memperkenalkan beberapa petua dan kaedah praktikal untuk membantu pembangun
Cara menggunakan carta bertindan untuk memaparkan data dalam ECharts
Dec 18, 2023 pm 01:27 PM
ECharts ialah perpustakaan visualisasi yang sangat popular yang menyediakan pelbagai jenis carta, termasuk carta garis, carta bar, carta serakan, carta pai dan banyak lagi. Carta bertindan ialah salah satu jenis carta yang sangat praktikal yang boleh membantu kami menggabungkan nilai daripada data yang berbeza bersama-sama mengikut peraturan tertentu dan memaparkan saiz dan arah aliran relatifnya secara visual. Artikel ini akan memperkenalkan cara menggunakan carta bertindan untuk memaparkan data dalam ECharts dan memberikan contoh kod khusus. 1. Pengetahuan prasyarat Sebelum menggunakan ECharts untuk membuat carta bertindan, kita perlu menguasai
