Wie Sie mit PHP und ExtJS leistungsstarke Webanwendungsfunktionen implementieren

Mit der kontinuierlichen Entwicklung und Beliebtheit von Webanwendungen beginnen immer mehr Unternehmen und Einzelpersonen, PHP und ExtJS zu verwenden, um leistungsstarke Webanwendungen zu erstellen. Als beliebte serverseitige Skriptsprache ist PHP plattformübergreifend und leicht zu erlernen, während ExtJS ein beliebtes Front-End-Framework ist, das Entwicklern helfen kann, schnell interaktive Webanwendungsschnittstellen zu erstellen. In diesem Artikel wird erläutert, wie Sie mit PHP und ExtJS leistungsstarke Webanwendungsfunktionen implementieren.

1. Herstellen von PHP- und MySQL-Datenbankverbindungen

Beim Erstellen einer Webanwendung mit PHP und MySQL müssen Sie zunächst eine Verbindung zwischen PHP- und MySQL-Datenbanken herstellen. Eine Datenbankverbindung kann einfach mit der von PHP bereitgestellten Funktion mysqli_connect() hergestellt werden. Das Folgende ist ein Beispielcode zum Herstellen einer Datenbankverbindung:

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

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

}
echo „Verbindung erfolgreich“;
mysqli_close($conn);
?>

2. PHP-Backend-Code-Handler erstellen

Um leistungsstarke Webanwendungsfunktionen mit ExtJS zu erreichen, ist es notwendig, einen PHP-Backend-Code-Handler zu erstellen. Dieser Handler ist dafür verantwortlich, Anfragen von der Front-End-Anwendung zu empfangen und sie in die MySQL-Datenbank zu schreiben. Hier ist ein einfaches PHP-Handler-Beispiel:

$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);

}
?>

3. Erstellen Sie Front-End-Anwendungen mit ExtJS

Um leistungsstarke Webanwendungsfunktionen zu erreichen, müssen Sie ExtJS zum Erstellen interaktiver Front-End-Anwendungen verwenden. Mit ExtJS können Sie problemlos Komponenten wie Tabellen, Fenster, Steuerelemente und Symbolleisten mit umfangreicher Funktionalität und Interaktivität erstellen.

Hier ist ein Beispiel für die Erstellung einer Front-End-Anwendung mit 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();
                }
            });
        }
    }]
}]

});

Der obige Code erstellt ein Raster mit drei Spalten Sortierte und filterbare Rasterdarstellung, wobei Name und E-Mail beide als Flex=1-Spalte und Nachricht als Flex=2-Spalte angezeigt werden. Oben auf der Seite enthält eine Symbolleiste drei Textfelder und eine Schaltfläche „Hinzufügen“. Der Handler der Schaltfläche „Hinzufügen“ übermittelt die Werte der drei Textfelder an die Seite add_message.php, die die Werte in die MySQL-Datenbank einfügt. Nach erfolgreichem Einfügen wird die Tabelle aktualisiert und alle Textfelder werden gelöscht.

Zusammenfassung

Mit PHP und ExtJS können Sie ganz einfach leistungsstarke Webanwendungen und umfangreiche Benutzeroberflächen erstellen. In diesem Artikel wird erläutert, wie Sie mit PHP und ExtJS Datenbankverbindungen, Back-End-Code-Handler und Front-End-Anwendungen erstellen. Das Verständnis dieser Grundkonzepte ermöglicht es Entwicklern, komplexe Webanwendungen effizienter zu erstellen.

Das obige ist der detaillierte Inhalt vonWie Sie mit PHP und ExtJS leistungsstarke Webanwendungsfunktionen implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!