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;

   }
   }
   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";

} else {

echo "Error: " . $sql . "<br>" . $conn->error;

}

5. 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;

   }
   }
   echo json_encode($rows);

6. 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";

} else {

echo "Error: " . $sql . "<br>" . $conn->error;

}

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.
   

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!