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.
   

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

   Derniers articles par auteur

   • Qu'est-ce qu'une NullPointerException et comment y remédier ?
     2024-10-22 09:46:29
   • De novice à codeur : votre voyage commence par les principes fondamentaux du C
     2024-10-13 13:53:41
   • Débloquer le développement Web avec PHP : guide du débutant
     2024-10-12 12:15:51
   • Démystifier C : un chemin clair et simple pour les nouveaux programmeurs
     2024-10-11 22:47:31
   • Libérez votre potentiel de codage : programmation C pour les débutants absolus
     2024-10-11 19:36:51
   • Libérez votre programmeur intérieur : C pour les débutants absolus
     2024-10-11 15:50:41
   • Automatisez votre vie avec C : scripts et outils pour les débutants
     2024-10-11 15:07:41
   • PHP Made Easy : vos premiers pas dans le développement Web
     2024-10-11 14:21:21
   • Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité
     2024-10-11 12:59:11
   • La clé du codage : libérer la puissance de Python pour les débutants
     2024-10-11 12:17:31
   Derniers numéros

   Utiliser des variables définies dans des méthodes dans des modèles C'est la première fois que j'utilise Vue (v2 et non v3) et j'ai essayé d'utiliser des vari...

   Depuis 2024-04-06 18:10:25

   0

   2

   513

   Créez des utilisateurs dans Vue à l'aide de Firebase sans vous connecter J'ai créé un formulaire pour créer des profils d'utilisateurs. Mais chaque fois que je cré...

   Depuis 2024-04-06 14:20:12

   0

   1

   514

   Résoudre les problèmes de build de production des composants Web Vue3 J'essaie de migrer mes composants vue2web vers vue3, bien que le problème survienne lorsqu...

   Depuis 2024-04-06 12:43:37

   0

   1

   473

   vue vee-validate capture le problème de la sélection du sélecteur de date La liaison v-model sur mon champ de sélecteur de date ne fonctionne pas correctement. Lors...

   Depuis 2024-04-06 11:38:56

   0

   1

   510

   Existe-t-il un moyen de définir la prop route dans vue ? Je souhaite accéder à un onglet spécifique de la page this.$router.push({name:"AdminN...

   Depuis 2024-04-06 11:35:59

   0

   1

   456
   Rubriques connexes

   Plus>

   • Le composant parent Vue appelle la méthode du composant enfant
   • vue v-si
   • La différence entre vue2.0 et 3.0
   • Comment transmettre une valeur au composant vue
   • La différence entre vue3.0 et 2.0
   • vue instructions communes
   • Quelles sont les instructions couramment utilisées dans vue ?
   • Comment ouvrir le fichier php