検索
ホームページバックエンド開発PHPチュートリアルeasyui で PHP を実装する方法。datagrid1 が行をクリックし、datagrid2 が動的クエリを実行します。

EasyUI DataGrid は、Jquery で書かれた DataGrid であることがわかります。一般に、DataGrid を生成する場合は、PHP などのバックグラウンド言語を使用して直接実行することが一般的です。 DataGrid を表示するための HTML 構文を生成します。 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

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

<!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 id="一條小龍-nbsp-easyUI-nbsp-datagrid-nbsp-url-nbsp-test">一條小龍 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[&#39;page&#39;]) ? intval($_POST[&#39;page&#39;]) : 1; 
$rows = isset($_POST[&#39;rows&#39;]) ? intval($_POST[&#39;rows&#39;]) : 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[&#39;host&#39;], $_DB[&#39;username&#39;], $_DB[&#39;password&#39;], $_DB[&#39;dbname&#39;]); 
$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 は 2 つのパラメーターを渡します:
$_POST['page']) 現在どのページにあるか
$_POST['rows']) 各ページに表示されるデータの数

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

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

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

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

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
11ベストPHP URLショートナースクリプト(無料およびプレミアム)11ベストPHP URLショートナースクリプト(無料およびプレミアム)Mar 03, 2025 am 10:49 AM

多くの場合、キーワードと追跡パラメーターで散らかった長いURLは、訪問者を阻止できます。 URL短縮スクリプトはソリューションを提供し、ソーシャルメディアやその他のプラットフォームに最適な簡潔なリンクを作成します。 これらのスクリプトは、個々のWebサイトにとって価値があります

Laravelでフラッシュセッションデータを使用しますLaravelでフラッシュセッションデータを使用しますMar 12, 2025 pm 05:08 PM

Laravelは、直感的なフラッシュメソッドを使用して、一時的なセッションデータの処理を簡素化します。これは、アプリケーション内に簡単なメッセージ、アラート、または通知を表示するのに最適です。 データは、デフォルトで次の要求のためにのみ持続します。 $リクエスト -

LaravelのバックエンドでReactアプリを構築する:パート2、ReactLaravelのバックエンドでReactアプリを構築する:パート2、ReactMar 04, 2025 am 09:33 AM

これは、LaravelバックエンドとのReactアプリケーションの構築に関するシリーズの2番目と最終部分です。シリーズの最初の部分では、基本的な製品上場アプリケーションのためにLaravelを使用してRESTFUL APIを作成しました。このチュートリアルでは、開発者になります

Laravelテストでの簡略化されたHTTP応答のモッキングLaravelテストでの簡略化されたHTTP応答のモッキングMar 12, 2025 pm 05:09 PM

Laravelは簡潔なHTTP応答シミュレーション構文を提供し、HTTP相互作用テストを簡素化します。このアプローチは、テストシミュレーションをより直感的にしながら、コード冗長性を大幅に削減します。 基本的な実装は、さまざまな応答タイプのショートカットを提供します。 Illuminate \ support \ facades \ httpを使用します。 http :: fake([[ 'google.com' => 'hello world'、 'github.com' => ['foo' => 'bar']、 'forge.laravel.com' =>

PHPのカール:REST APIでPHPカール拡張機能を使用する方法PHPのカール:REST APIでPHPカール拡張機能を使用する方法Mar 14, 2025 am 11:42 AM

PHPクライアントURL(CURL)拡張機能は、開発者にとって強力なツールであり、リモートサーバーやREST APIとのシームレスな対話を可能にします。尊敬されるマルチプロトコルファイル転送ライブラリであるLibcurlを活用することにより、PHP Curlは効率的なexecuを促進します

Codecanyonで12の最高のPHPチャットスクリプトCodecanyonで12の最高のPHPチャットスクリプトMar 13, 2025 pm 12:08 PM

顧客の最も差し迫った問題にリアルタイムでインスタントソリューションを提供したいですか? ライブチャットを使用すると、顧客とのリアルタイムな会話を行い、すぐに問題を解決できます。それはあなたがあなたのカスタムにより速いサービスを提供することを可能にします

2025 PHP状況調査の発表2025 PHP状況調査の発表Mar 03, 2025 pm 04:20 PM

2025 PHP Landscape Surveyは、現在のPHP開発動向を調査しています。 開発者や企業に洞察を提供することを目的とした、フレームワークの使用、展開方法、および課題を調査します。 この調査では、現代のPHP Versioの成長が予想されています

Laravelの通知Laravelの通知Mar 04, 2025 am 09:22 AM

この記事では、Laravel Webフレームワークの通知システムを検討します。 Laravelの通知システムを使用すると、さまざまなチャネルでユーザーに通知を送信できます。今日は、通知ovを送信する方法について説明します

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境