PHP – EasyUI DataGrid データ取得方法の紹介_PHP チュートリアル

EasyUI DataGrid は、Jquery で書かれた DataGrid であることがわかります。一般に、PHP などのバックグラウンド言語を使用して HTML 構文を直接生成して表示することが一般的です。 DataGrid を生成するときの DataGrid。DataGrid 上で操作する場合、バックエンドにパラメーターを渡した後、Web ページ全体が再生成されます。

EasyUI DataGrid は 2 つの方法をサポートしています。1 つは、前述したように、表示される HTML をバックグラウンド サーバーが生成し、フロントエンドに表示する方法です。もう 1 つは、AJAX を使用して生成する方法です。これは、単に JSON 形式のデータをフロントエンドにフィードし、フロントエンドがデータを分析し、JQuery を使用して DataGrid のこの部分の画面を更新します。

ここで紹介するのは、AJAX テクノロジーを使用して行われる 2 番目の方法です。この方法の利点は、データ層 -> 制御層 -> 表示層の 3 つの層を独立して動作させることができ、多層アーキテクチャを実現できることです。設計の序文で述べた精神は、すべての HTML 生成を PHP で行うという古い方法とは異なります。そのため、PHP 開発者自身が開発前に HTML などのフロントエンド テクノロジを深く理解する必要があります。

このアプローチには別の利点があります。つまり、フロントエンド UI を置き換えることができますが、バックエンド プログラムを大幅に変更する必要はありません。現在、JSON データ形式をサポートする JavaScript DataGrid が多数あり、他社が提供する DataGrid を参照して、最適なものを選択することもできます。

これは序論です。次に、コードを直接見ると、上記の意味がよりよく理解できるでしょう:

まず、HTML UI インターフェイスを設計し、表示するフィールドを定義する必要があります。この部分について EasyUI DataGrid には JavaScript を使用して動的に定義されるフィールド定義も用意されており、分業という点では HTML を使用して直接定義することに慣れています。 Web アーティストに直接渡して直接操作することも簡単です。

この部分では URL 設定に焦点を当てます。
DataGrid2.php

コードをコピー コードは次のとおりです:

link rel="stylesheet" type="text/css" href="./JS/EasyUI/messages/default/easyui.css">




< ;/head>
="datagrid2_getdata.php" title="データの読み込み" >

UNum
ユーザー ID

誕生日
/th>
DBSTS
;/body>



データ取得用のバックグラウンドインターフェイスを定義するには
datagrid2_getdata.php



コードをコピーします

コードは次のとおりです:

$page = isset($_POST['page']) ? intval($_POST['page']) : 1;
$rows = isset($_POST['rows']) ? ($_POST['rows']) : 10;
$offset = ($page-1)*$rows;

$tablename = "STUser"; require_once(".dbDB_config.php");
require_once(".dbDB_class.php");

$db = 新しい DB(); 'ユーザー名'], $_DB['パスワード'], $_DB['データベース名']);
$db->query("select count(*) As Total from $tablename"); ->fetch_assoc();

$result["total"] = $row["Total"];

$db->query("select * from $offset,$rows");
$items = array();
while($row = $db->fetch_assoc()){
array_push($items, $row);
$result["rows"] = $items; echo json_encode($result);
?>


上記から、これは非常に単純なデータ取得アクションであることがわかります。
最初に、DataGrid は 2 つのパラメーターを渡します:
$_POST['page']) 現在どのページにあるか
$_POST['rows']) 各ページに表示されるデータの数

次に、配列を使用する必要があります。 $result には 2 つの情報が格納されます。
$result["rows"] には、実際のデータ配列セットが格納されます。配列が生成され、JSON データ形式で出力されます。DataGrid はそれを受信すると、処理して画面を更新します。

その後、さらに一歩進んでdatagrid2_getdata.phpを抽象化します。つまり、EasyUI DataGrid独自のデータ形式処理部分とデータベースアクセス部分を分離し、それらを2つのクラスに分けて処理します。

優れたアーキテクチャとクラス設計は、実際には常に進化し、改善されています。これは、各クラスの役割分担が明確でなければならないということです。上記に対処するために、今後の修正や調整が容易になるよう、問題ごとに対応策を進化させ続ける必要があります。

そうしないと、変更したいがどこから始めればよいかわからないということになる可能性が高くなります。なぜなら、一度変更を加えると、数十、場合によっては数百ものプログラムが一緒に変更する必要があるからです。これは安定性の問題にも当てはまります。つまり、変更すべき点が多すぎるため、たとえ何十もの問題が解決されたとしても、変更を 1 つ減らすだけでは不十分です。すべて変更されていますが、変更が行われたかどうかを誰がテストしますか? テスト後、考えた結果、システムはまだ問題なく、変更を中止することにしました。今すぐ使える。



http://www.bkjia.com/PHPjc/326129.html

www.bkjia.com

tru​​e

http://www.bkjia.com/PHPjc/326129.html
技術記事

EasyUI DataGrid は Jquery で書かれた DataGrid であり、フロントエンドの Web UI テクノロジーであることがわかります。一般に、バックグラウンドの PHP などを使用して DataGrid を生成することが一般的です。