Rumah > Artikel > rangka kerja php > Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data
Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data
- 王林asal
- 2023-06-21 08:37:392041semak imbas
Dengan perkembangan teknologi Internet, permintaan untuk data semakin meningkat, terutamanya untuk institusi seperti perusahaan dan organisasi yang perlu mengurus dan menganalisis data. Dalam konteks ini, jadual data telah menjadi cara yang sangat penting dan biasa digunakan untuk memaparkan data, jadi ia menjadi sangat perlu untuk menguasai cara menggunakan ThinkPHP6 untuk memaparkan jadual data.
ThinkPHP ialah rangka kerja pembangunan PHP yang popular yang menggunakan seni bina MVC dan idea pengaturcaraan berorientasikan objek Melalui pengkapsulan perpustakaan kelas dan reka bentuk modular, ia boleh meningkatkan kebolehbacaan kod, kebolehselenggaraan dan kecekapan pembangunan. Dari segi penggunaan ThinkPHP6 untuk merealisasikan paparan jadual data, ia juga menyediakan beberapa kaedah dan alatan yang mudah Mari kita perkenalkan cara menggunakan ThinkPHP6 untuk merealisasikan paparan jadual data.
- Pembuatan jadual pangkalan data dan kelas model data
Pertama, kita perlu mencipta jadual dalam pangkalan data dan mencipta kelas model pangkalan data untuk memanggil dan mengendalikan data ini. Sebagai contoh, kami mencipta jadual maklumat pelajar, yang mengandungi empat medan: id, nama, umur dan jantina. Kemudian kami mencipta medan ini dalam pangkalan data dan mencipta kelas model data StudentModel.php dalam direktori Model ThinkPHP untuk memanggil dan mengendalikan data ini adalah seperti berikut:
namespace appmodel;
use thinkModel;
class StudentModel extends Model
{
protected $table = 'student';
public function getStudents()
{
return $this->field('id,name,age,gender')->order('id')->select();
}
}- Pengawal dan lihat <.>
namespace appcontroller;
use appmodelStudentModel;
use thinkController;
class StudentController extends Controller
{
public function index()
{
$studentModel = new StudentModel();
$students = $studentModel->getStudents();
$this->assign('students', $students);
return $this->fetch('index');
}
}Kod paparan adalah seperti berikut: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息表格</title>
<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>
</head>
<body>
<table class="layui-table">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
{% for student in students %}
<tr>
<td>{{ student.id }}</td>
<td>{{ student.name }}</td>
<td>{{ student.age }}</td>
<td>{{ student.gender }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html> 3. Tambah fungsi halaman dan carian Kami juga boleh menambah fungsi halaman dan carian pada borang maklumat pelajar untuk mengoptimumkan pengalaman pengguna. Dalam ThinkPHP6, sangat mudah untuk melaksanakan kedua-dua fungsi ini. Berikut ialah langkah khusus: (1) Fungsi penomboran Kita boleh menggunakan kaedah penomboran() yang disediakan oleh ThinkPHP6 untuk memaparkan data maklumat pelajar mengikut saiz halaman yang diberikan, kod khusus adalah seperti berikut: $students = $studentModel->paginate(10);Dalam paparan, kita boleh menggunakan rangka kerja hadapan seperti layui untuk memaparkan penomboran, contohnya, tambah dalam badan:
<div id="page" style="margin-top: 30px; text-align: center;"></div>
<!-- 定义js -->
<script>
layui.use(['laypage'], function () {
var laypage = layui.laypage;
laypage.render({
elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
count: {{ students.total }}, //数据总数
limit: {{ students.list_rows }}, //显示的条数
curr: {{ students.currentPage }}, //当前页数
theme: '#1E9FFF',
jump: function (obj, first) {
//首次不执行
if (!first) {
//跳转到新页面
window.location.href = '?page=' + obj.curr;
}
}
});
});
</script> (2) Fungsi carianKami boleh menggunakan kaedah where() yang disediakan oleh ThinkPHP6 untuk menapis data maklumat pelajar berdasarkan kata kunci carian Kod khusus adalah seperti berikut: $keyword = input('get.keyword');
$students = $studentModel
->where('name', 'like', "%{$keyword}%")
->paginate(10);Dalam paparan, kami boleh menggunakan. pemalam bahagian hadapan seperti TableFilter untuk Merealisasikan paparan carian dan pelaksanaan fungsi, contohnya, tambahkan dalam pengepala: <form class="layui-form" action="/" method="get"
style="margin-bottom: 20px; text-align: right;">
<input type="text" name="keyword" id="keyword" placeholder="请输入姓名" autocomplete="off"
class="layui-input" style="width: 200px; display: inline-block;">
<button class="layui-btn" lay-submit lay-filter="search">搜索</button>
</form>
<!-- 定义js -->
<script>
layui.use('tableFilter', function () {
var tableFilter = layui.tableFilter;
var tf = new tableFilter('studentTable', {
filters: [{
field: 1,
mode: 'like'
}]
});
});
</script>Ringkasan Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data, yang serba boleh , mudah dan pantas, untuk perusahaan dan mereka yang ingin menjalankan data mengenai Pengurusan Internet dan analisis menyediakan alat yang sangat berharga kepada organisasi dan individu. Di atas ialah cara menggunakan ThinkPHP6 untuk memaparkan jadual data. Menguasai kemahiran ini, kita boleh merealisasikan pelbagai keperluan paparan dengan mudah dan meningkatkan kecekapan paparan, pengurusan dan analisis data. Atas ialah kandungan terperinci Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!