简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > développement back-end > tutoriel php > le corps du texte

Comment développer un système de présence des employés en ligne en utilisant PHP et Vue

WBOY
Libérer： 2023-09-25 14:02:01
original
722 Les gens l'ont consulté

Comment développer un système de présence des employés en ligne en utilisant PHP et Vue

Comment utiliser PHP et Vue pour développer un système de présence des employés en ligne

Le système de présence est l'un des outils importants pour la gestion d'entreprise. Il peut aider les entreprises à surveiller la présence des employés en temps réel et à améliorer l'efficacité du travail et les niveaux de gestion. Cet article expliquera comment utiliser le framework PHP et Vue pour développer un système simple de présence des employés en ligne et fournira des exemples de code spécifiques.

1. Préparation de l'environnement :
Avant de commencer, vous devez installer les logiciels et outils suivants :

  1. Environnement PHP : Dans votre environnement de développement, assurez-vous que PHP a été installé et peut exécuter des scripts PHP.
  2. Base de données MySQL : le système de présence doit utiliser une base de données pour stocker les informations sur les employés et les enregistrements de présence. Vous devez installer MySQL et créer une base de données pour stocker les données pertinentes.
  3. Vue.js : Vue.js est un framework JavaScript populaire pour créer des interfaces utilisateur. Vous devez introduire Vue.js dans votre projet et comprendre son utilisation de base.

2. Créer des tables de base de données :
Afin de stocker les informations sur les employés et les enregistrements de présence, nous devons créer deux tables de base de données : la table des employés et la table des enregistrements de présence.

  1. Structure de la table des employés :
    CREATE TABLE employés (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nom VARCHAR(100) NOT NULL,
    department VARCHAR(100) NOT NULL
    );
  2. Structure de la table d'enregistrement des présences :
    CREATE TABLE présence (
    id INT AUTO_INCREMENT PRIMARY KEY,
    employee_id INT NOT NULL,
    clock_in DATETIME NOT NULL,
    clock_out DATETIME,
    FOREIGN KEY (employee_id) REFERENCES employes(id)
    );

3. Développement back-end :

  1. Créez un fichier PHP comme interface backend et nommez-le fréquentation.php.
  2. Connectez-vous à la base de données :
    $conn = new mysqli("localhost", "username", "password", "database");
    if ($conn->connect_error) {
    die( "Échec de la connexion : " . $conn->connect_error);
    }

  3. Obtenir toutes les informations sur les employés :
    $sql = "SELECT * FROM employés";
    $result = $conn->query ($ sql);
    $rows = array();
    if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {

     $rows[] = $row;
    Copier après la connexion
    Copier après la connexion

    }
    }
    echo json_encode ($rows);

  4. Ajouter des employés :
    $name = $_POST['name'];
    $department = $_POST['department'];

$sql = "INSERT INTO employes (nom, service) VALUES ("$nom", "$department")";
if ($conn->query($sql) === TRUE) {

echo "New employee added successfully";
Copier après la connexion

} else {

echo "Error: " . $sql . "<br>" . $conn->error;
Copier après la connexion
Copier après la connexion

}

  1. Obtenir les enregistrements de présence :
    $sql = "SELECT assistance.*, employes.name FROM assistance INNER JOIN employes ON assistance.employee_id = employes.id";
    $result = $conn-> query( $sql);
    $rows = array();
    if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {

     $rows[] = $row;
    Copier après la connexion
    Copier après la connexion

    }
    }
    echo json_encode($rows);

  2. Clock in :
    $employee_id = $_POST['employee_id'];
    $clock_in = $_POST['clock_in'];
    $clock_out = $_POST[ 'clock_out' ];

$sql = "INSERT INTO présence (employee_id, clock_in, clock_out) VALUES ("$employee_id', '$clock_in', '$clock_out')";
if ($conn->query ($sql ) === TRUE) {

echo "Clock in/out recorded successfully";
Copier après la connexion

} else {

echo "Error: " . $sql . "<br>" . $conn->error;
Copier après la connexion
Copier après la connexion

}

4. Développement front-end :

  1. Créez un composant Vue pour afficher les listes d'employés, ajouter des employés et pointer les enregistrements.

  2. 在Vue组件中，发送HTTP请求并获取数据：

    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！