PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法-PHPチュートリアル-php.cn

PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法

WBOY

リリース： 2023-06-25 11:42:02

オリジナル

751 人が閲覧しました

Web アプリケーションの継続的な開発と人気により、ますます多くの企業や個人が PHP と ExtJS を使用して強力な Web アプリケーションを構築し始めています。人気のサーバーサイドスクリプト言語として、PHP はクロスプラットフォームで学習が簡単ですが、ExtJS は開発者がインタラクティブな Web アプリケーションインターフェイスを迅速に構築するのに役立つ人気のフロントエンドフレームワークです。この記事では、PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法を紹介します。

PHP データベースと MySQL データベース間の接続の確立

PHP と MySQL を使用して Web アプリケーションを構築する場合は、まず PHP データベースと MySQL データベース間の接続を確立する必要があります。データベース接続は、PHP が提供する mysqli_connect() 関数を使用して簡単に実現できます。以下はデータベース接続を確立するサンプルコードです:

$servername = "localhost";
$username = "username";
$password = "パスワード";
$dbname = "myDB";
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {

die("连接失败: " . mysqli_connect_error());

ログイン後にコピー

}
echo "接続成功";
mysqli_close($conn);
?>

PHP バックエンドコードハンドラーを作成します

順番にExtJS を使用して強力な Web アプリケーション機能を実装するには、PHP バックエンドコードハンドラーを作成する必要があります。このハンドラーは、フロントエンドアプリケーションからリクエストを受信し、それらを MySQL データベースに書き込む役割を果たします。簡単な PHP ハンドラーの例を次に示します:

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = mysqli_connect($servername, $username, $password, $dbname);

if (!$conn) {

die("连接失败: " . mysqli_connect_error());

ログイン後にコピー

}

if ($_SERVER["REQUEST_METHOD"] == "POST") {

$name = $_POST["name"];
$email = $_POST["email"];
$message = $_POST["message"];

$sql = "INSERT INTO messages (name, email, message) VALUES ('$name', '$email', '$message')";

if (mysqli_query($conn, $sql)) {
    echo "记录已添加";
} else {
    echo "Error: " . $sql . "" . mysqli_error($conn);
}
mysqli_close($conn);

ログイン後にコピー

}
?>

ExtJS フロントを使用してビルドします。アプリケーションの終了

強力な Web アプリケーション機能を実現するには、ExtJS を使用してインタラクティブなフロントエンドアプリケーションを構築する必要があります。 ExtJS を使用すると、豊富な機能と対話性を備えたテーブル、ウィンドウ、コントロール、ツールバーなどのコンポーネントを簡単に作成できます。

次に、ExtJS を使用してフロントエンドアプリケーションを構築する例を示します。

var Grid = Ext.create('Ext.grid.Panel', {

renderTo: Ext.getBody(),
store: Ext.create('Ext.data.Store', {
    fields: ['name', 'email', 'message'],
    proxy: {
        type: 'ajax',
        reader: 'json',
        url: 'messages.php'
    }
}),
columns: [{
    text: 'Name',
    dataIndex: 'name',
    flex: 1
}, {
    text: 'Email',
    dataIndex: 'email',
    flex: 1
}, {
    text: 'Message',
    dataIndex: 'message',
    flex: 2
}],
dockedItems: [{
    xtype: 'toolbar',
    dock: 'top',
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Name',
        name: 'name'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Email',
        name: 'email'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Message',
        name: 'message'
    }, {
        xtype: 'button',
        text: 'Add',
        handler: function() {
            var form = this.up('toolbar').down('form').getForm();
            form.submit({
                url: 'add_message.php',
                success: function() {
                    grid.getStore().load();
                    form.reset();
                }
            });
        }
    }]
}]

ログイン後にコピー

});

上記のコードは、名前と電子メールが両方とも flex=1 列として表示され、メッセージが flex=2 列として表示される、3 つの列を含む並べ替えおよびフィルター可能なグリッド式を作成します。。ページの上部にあるツールバーには、3 つのテキストボックスと [追加] ボタンが含まれています。追加ボタンのハンドラーは、3 つのテキストボックスの値を add_message.php ページに送信し、その値を MySQL データベースに挿入します。挿入が成功すると、テーブルが更新され、すべてのテキストボックスがクリアされます。

概要

PHP と ExtJS を使用すると、強力な Web アプリケーションとリッチなユーザーインターフェイスを簡単に構築できます。この記事では、PHP と ExtJS を使用してデータベース接続、バックエンドコードハンドラー、フロントエンドアプリケーションを作成する方法について説明します。これらの基本概念を理解すると、開発者は複雑な Web アプリケーションをより効率的に作成できるようになります。

以上がPHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。