Comment utiliser PHP et ExtJS pour implémenter de puissantes fonctions d'application Web

Avec le développement continu et la popularité des applications Web, de plus en plus d'entreprises et de particuliers commencent à utiliser PHP et ExtJS pour créer des applications Web puissantes. En tant que langage de script côté serveur populaire, PHP est multiplateforme et facile à apprendre, tandis qu'ExtJS est un framework frontal populaire qui peut aider les développeurs à créer rapidement des interfaces d'applications Web interactives. Cet article explique comment utiliser PHP et ExtJS pour implémenter de puissantes fonctions d'application Web.

1. Établissement de connexions aux bases de données PHP et MySQL

Lorsque vous utilisez PHP et MySQL pour créer des applications Web, vous devez d'abord établir une connexion entre PHP et Les bases de données MySQL se connectent. La connexion à la base de données peut être facilement réalisée à l'aide de la fonction mysqli_connect() fournie par PHP. Voici un exemple de code pour établir une connexion à une base de données :

$servername = "localhost";
$username = "username";
$password = "mot de passe";
$dbname = "myDB";
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {# 🎜🎜#

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

}

echo "Connexion réussie";
mysqli_close($conn);
?>

Créer un gestionnaire de code backend PHP

Afin d'obtenir de puissantes fonctionnalités d'application Web à l'aide d'ExtJS, il est nécessaire de créer un gestionnaire de code backend PHP. Ce gestionnaire sera chargé de recevoir les requêtes de l'application frontale et de les écrire dans la base de données MySQL. Voici un exemple simple de gestionnaire PHP :

$servername = "localhost";
$username = "username";
$password = " mot de passe";
$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);

}#🎜🎜 #? >

Créez des applications frontales à l'aide d'ExtJS

Afin d'obtenir de puissantes fonctionnalités d'application Web, vous devez utiliser ExtJS pour créer un application frontale. À l'aide d'ExtJS, vous pouvez facilement créer des composants tels que des tables, des fenêtres, des contrôles et des barres d'outils dotés de fonctionnalités et d'interactivité riches.

Voici un exemple de création d'une application front-end à l'aide d'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();
                }
            });
        }
    }]
}]

# 🎜🎜#});

Le code ci-dessus crée une expression de grille triable et filtrable contenant trois colonnes, où le nom et l'e-mail sont tous deux affichés sous la forme d'une colonne flex=1 et le message est affiché sous la forme une colonne avec flex=2. En haut de la page, une barre d'outils contient trois zones de texte et un bouton Ajouter. Le gestionnaire du bouton Ajouter soumet les valeurs des trois zones de texte à la page add_message.php, qui insère les valeurs dans la base de données MySQL. Après une insertion réussie, le tableau actualisera et effacera toutes les zones de texte.

Summary

En utilisant PHP et ExtJS, vous pouvez facilement créer des applications Web puissantes et des interfaces utilisateur riches. Cet article explique comment créer des connexions de base de données, des gestionnaires de code back-end et des applications frontales à l'aide de PHP et ExtJS. Comprendre ces concepts de base permet aux développeurs de créer plus efficacement des applications Web complexes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!