Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel-tutoriel php-php.cn

Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel

WBOY

Libérer： 2023-08-25 20:38:02

original

1612 Les gens l'ont consulté

Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel

Guide de développement PHP : Comment mettre en œuvre des statistiques de visites de sites Web en temps réel

Introduction :
À l'ère d'Internet d'aujourd'hui, les statistiques de trafic d'un site Web sont cruciales pour le fonctionnement et l'optimisation du site Web. Les statistiques de visiteurs en temps réel sont un moyen de comprendre instantanément les visiteurs d’un site Web. Cet article explique comment utiliser PHP pour développer un système simple de statistiques sur les visiteurs d'un site Web en temps réel afin de fournir un support de données plus complet pour les opérations du site Web.

1. Préparation :

Environnement PHP : Assurez-vous que votre serveur a installé et activé PHP, version 5.4 ou supérieure ;
Base de données : Nous utiliserons la base de données MySQL pour stocker les informations des visiteurs ;
Connaissance de base du HTML et du CSS ; .

2. Conception de la base de données :
Nous devons créer une table de données nommée « visiteurs » pour stocker les informations sur les visiteurs en temps réel. La structure du tableau est la suivante :

CREATE TABLE visitors (
    id INT PRIMARY KEY AUTO_INCREMENT,
    ip VARCHAR(45) NOT NULL,
    time DATETIME NOT NULL
);

Copier après la connexion

3. Créez un fichier de page Web :

Créez un fichier nommé « index.php » pour afficher la page principale du site Web
Créez un fichier nommé « visiteur.php » ; , Utilisé pour enregistrer et afficher des informations sur les visiteurs en temps réel.

4. Conception de la page principale :
Ce qui suit est un exemple simple de conception de page principale :

<!DOCTYPE html>
<html>
<head>
    <title>网站实时访客统计</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>欢迎访问网站！</h1>
    
    <div class="visitor-info">
        <p>当前在线人数：<span id="online-count"></span></p>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="visitor.js"></script>
</body>
</html>

Copier après la connexion

Cette page contient principalement un élément qui affiche le nombre actuel de personnes en ligne, qui est utilisé pour obtenir le nombre de visiteurs en temps réel. via des requêtes AJAX après le chargement de la page.

5. Écrivez du code JavaScript :
Dans le fichier "visitor.js", écrivez le code JavaScript suivant :

$(document).ready(function() {
    setInterval(updateVisitors, 1000);
});

function updateVisitors() {
    $.ajax({
        url: 'visitor.php',
        type: 'post',
        data: {'action': 'count'},
        success: function(response) {
            $('#online-count').text(response);
        }
    });
}

Copier après la connexion

Cet extrait de code enverra une requête AJAX à "visitor.php" toutes les secondes pour obtenir des visiteurs en temps réel. numéro et mettre à jour les résultats sur la page.

6. Écrivez le code PHP :
Dans le fichier "visitor.php", écrivez le code PHP suivant :

<?php
// 连接数据库
$conn = new mysqli('数据库主机名', '用户名', '密码', '数据库名');

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取请求类型
$action = $_POST['action'];

if ($action == 'count') {
    // 获取实时访客数量
    $result = $conn->query("SELECT COUNT(*) as count FROM visitors");
    $row = $result->fetch_assoc();
    echo $row['count'];
} elseif ($action == 'record') {
    // 记录访客信息
    $ip = $_SERVER['REMOTE_ADDR'];
    $time = date('Y-m-d H:i:s');
    
    $stmt = $conn->prepare("INSERT INTO visitors (ip, time) VALUES (?, ?)");
    $stmt->bind_param("ss", $ip, $time);
    
    if ($stmt->execute()) {
        echo '记录成功';
    } else {
        echo '记录失败';
    }
}

// 关闭数据库连接
$conn->close();
?>

Copier après la connexion

Cet extrait de code effectue différentes opérations en fonction du type de requête. Si le type de demande est « compte », le nombre de visiteurs en temps réel est renvoyé ; si le type de demande est « enregistrement », l'adresse IP et l'horodatage du visiteur actuel sont enregistrés.

7. Écrivez le style CSS :
Dans le fichier "style.css", écrivez le style CSS suivant :

h1 {
    text-align: center;
}

.visitor-info {
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

Copier après la connexion

Ce style est principalement utilisé pour embellir l'effet d'affichage de la page.

8. Déploiement et tests :

Téléchargez tous les fichiers dans le répertoire racine de votre site Web ;
Visitez votre site Web sur la page principale, vous verrez le nombre actuel de personnes en ligne mis à jour chaque seconde.

Conclusion :
Grâce à l'introduction de cet article, nous avons appris à utiliser PHP pour développer un système simple de statistiques sur les visiteurs d'un site Web en temps réel. Les statistiques de visiteurs en temps réel peuvent fournir des données utiles en temps réel pour les opérations du site Web afin d'optimiser l'expérience utilisateur et les stratégies marketing du site Web. J'espère que cet article pourra vous inspirer et je vous souhaite du succès dans le développement et l'exploitation de sites Web !

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel