EasyUI DataGrid 是一个用 Jquery 写的 DataGrid，由此可知，是一个 前端 Web UI 技术，一般大家在产生 DataGrid 比较常见的应该就是使用后台 PHP 等后台语言，来直接产生 HTML 语法，来显示 DataGrid，当要对该 DataGrid 操作时，在传递参数到后端，重新产生整各网页。
而 EasyUI DataGrid 支援两种做法，一个是，上述，后台 server 把显示的 HTML 产生好，在给前端显示。另一种是，利用 AJAX 的方式来产生，就只是单纯喂 JSON 格式资料给前端，前端接收到资料后，在自己分析资料利用 JQuery 来刷新 DataGrid 该部分的画面。
这边介绍的是第二种做法，利用 AJAX 技术来做，这样的好处，是可以把 资料层-> 控制层-> 展示层 三层独立来运作，达到我在之前 多层次架构设计前言 所讲的精神，不会像老方法，把 HTML 的产生都放在 PHP 中来产生，造成 PHP 开发人员本身，也要对 HTML 等前端技术也要了解很深才能进行开发的问题。
在来如此作法，为带来另一种好处，就是你前端的 UI 是可以更换，而后台程式却不用来大幅修改。目前支援 JSON 资料格式的 JavaScript DataGrid 有很多各，大家也可以多去参考其他的公司所提供的 DataGrid ，从中选择一个最适合的来使用。
介绍到此，接下来直接看程式码，会更加了解我上述的意思：
首先，需要先设计 HTML UI 介面，定义要显示哪些栏位，栏位的显示名称等，关于这部分的栏位定义，EasyUI DataGrid 也是有提供，使用 JavaScript 来动态定义，而我习惯用 HTML 直接定义，这样 也不复杂，后面在分工上，也比较容易来直接交给 Web 美工人员来直接操作。
这部分重点在 URL 的设定。
DataGrid2.php
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="jquery,ui,easy,easyui,web"> <meta name="description" content="easyui help you build your web page easily!"> <title>一條小龍 easyUI datagrid</title> <link rel="stylesheet" type="text/css" href="./JS/EasyUI/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="./JS/EasyUI/themes/icon.css"> <script type="text/javascript" src="./JS/jquery.js"></script> <script type="text/javascript" src="./JS/EasyUI/jquery.easyui.min.js"></script> </head> <body> <h2>一條小龍 easyUI datagrid url test</h2> <table id="tt" class="easyui-datagrid" style="width:750px;height:300px" url="datagrid2_getdata.php" title="Load Data" pagination="true"> <thead> <tr> <th field="UNum" width="80">UNum</th> <th field="STUID" width="120">User ID</th> <th field="Password" width="80" align="right">Password</th> <th field="Birthday" width="80" align="right">Birthday</th> <th field="Nickname" width="200">Nickname</th> <th field="DBSTS" width="60" align="center">DBSTS</th> </tr> </thead> </table> </body> </html>
在来定义资料取得的后台介面
datagrid2_getdata.php
代码如下:
<?php
$page = isset($_POST['page']) ? intval($_POST['page']) : 1;
$rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10;
$offset = ($page-1)*$rows;
$result = array();
$tablename = "STUser";
// ...
require_once(".\db\DB_config.php");
require_once(".\db\DB_class.php");
$db = new DB();
$db->connect_db($_DB['host'], $_DB['username'], $_DB['password'], $_DB['dbname']);
$db->query("select count(*) As Total from $tablename");
$row = $db->fetch_assoc();
$result["total"] = $row["Total"];
$db->query("select * from $tablename limit $offset,$rows");
$items = array();
while($row = $db->fetch_assoc()){
array_push($items, $row);
}
$result["rows"] = $items;
echo json_encode($result);
?>
由上述，可以看出，这是一个很单纯的资料取得的动作。
一开始 DataGrid 会传进来 两个参数，
$_POST['page']) 目前是在第几页
$_POST['rows']) 每页要显示几笔资料
然后，要使用一个阵列 $result ，存放两个资讯，
$result["total"] 有几笔资料
$result["rows"] 存放实际的资料阵列集
最后要将 $result 阵列，产生将 JSON 资料格式来输出，DataGrid 接收到以后就会来处理、刷新画面了。
后面，在更进一步，可以将 datagrid2_getdata.php 在抽象化一层，也就是将属于 EasyUI DataGrid 特有的资料格式处理的部分与资料库存取的的部分分离，各自独立出来成为 两个 class 来处理。
一个好的架构 以及 class 设计，其实都是靠经验的累积而生成的，不断演进改良，原有的框架，其中最重要的精神就是，每个 Class 的分工要清楚而且精确，这是为了应付上述，不断演进 这各问题来做的对应措施，这样在未来才更容易去做修改调整。
否则更容易变成，你想改却不知从何下手，因为一改就有几十支，甚至上百支程式等着你，要一起修改，从而延伸出，稳定性问题，也就是大家反对去修改原有系统，就是因为 太多要改了，少改一支也不行，问题几十支一起改，就算都改完，谁来测试有没有改好，难道叫你的 user 来帮你测，想想，就还是算了，不要再改了，反正现在系统也都还好好的可以用。
11 skrip pemendek URL terbaik PHP (percuma dan premium)Mar 03, 2025 am 10:49 AMURL panjang, sering berantakan dengan kata kunci dan parameter penjejakan, boleh menghalang pelawat. Skrip pemendekan URL menawarkan penyelesaian, mewujudkan pautan ringkas yang sesuai untuk media sosial dan platform lain. Skrip ini sangat berharga untuk laman web individu a
Pengenalan kepada API InstagramMar 02, 2025 am 09:32 AMBerikutan pengambilalihan berprofil tinggi oleh Facebook pada tahun 2012, Instagram mengadopsi dua set API untuk kegunaan pihak ketiga. Ini adalah API Grafik Instagram dan API Paparan Asas Instagram. Sebagai pemaju membina aplikasi yang memerlukan maklumat dari a
Bekerja dengan Data Sesi Flash di LaravelMar 12, 2025 pm 05:08 PMLaravel memudahkan mengendalikan data sesi sementara menggunakan kaedah flash intuitifnya. Ini sesuai untuk memaparkan mesej ringkas, makluman, atau pemberitahuan dalam permohonan anda. Data hanya berterusan untuk permintaan seterusnya secara lalai: $ permintaan-
Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, ReactMar 04, 2025 am 09:33 AMIni adalah bahagian kedua dan terakhir siri untuk membina aplikasi React dengan back-end Laravel. Di bahagian pertama siri ini, kami mencipta API RESTful menggunakan Laravel untuk aplikasi penyenaraian produk asas. Dalam tutorial ini, kita akan menjadi dev
Respons HTTP yang dipermudahkan dalam ujian LaravelMar 12, 2025 pm 05:09 PMLaravel menyediakan sintaks simulasi respons HTTP ringkas, memudahkan ujian interaksi HTTP. Pendekatan ini dengan ketara mengurangkan redundansi kod semasa membuat simulasi ujian anda lebih intuitif. Pelaksanaan asas menyediakan pelbagai jenis pintasan jenis tindak balas: Gunakan Illuminate \ Support \ Facades \ http; Http :: palsu ([ 'Google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>
Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API RESTMar 14, 2025 am 11:42 AMPelanjutan URL Pelanggan PHP (CURL) adalah alat yang berkuasa untuk pemaju, membolehkan interaksi lancar dengan pelayan jauh dan API rehat. Dengan memanfaatkan libcurl, perpustakaan pemindahan fail multi-protokol yang dihormati, php curl memudahkan execu yang cekap
12 skrip sembang php terbaik di codecanyonMar 13, 2025 pm 12:08 PMAdakah anda ingin memberikan penyelesaian segera, segera kepada masalah yang paling mendesak pelanggan anda? Sembang langsung membolehkan anda mempunyai perbualan masa nyata dengan pelanggan dan menyelesaikan masalah mereka dengan serta-merta. Ia membolehkan anda memberikan perkhidmatan yang lebih pantas kepada adat anda
Pengumuman Penyiasatan Situasi PHP 2025Mar 03, 2025 pm 04:20 PMTinjauan Landskap PHP 2025 menyiasat trend pembangunan PHP semasa. Ia meneroka penggunaan rangka kerja, kaedah penempatan, dan cabaran, yang bertujuan memberi gambaran kepada pemaju dan perniagaan. Tinjauan ini menjangkakan pertumbuhan dalam PHP Versio moden
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini
SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!
EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod
SublimeText3 Linux versi baharu
SublimeText3 Linux versi terkini
