Comment combiner PHP et Vue pour réaliser la fonction statistique de départ tardif et anticipé de la présence des employés

Comment combiner PHP et Vue pour implémenter la fonction de statistiques de départ tardif et anticipé de la présence des employés

Dans la gestion d'entreprise moderne, la gestion des présences est une tâche très importante. Afin de compter efficacement la présence des employés, nous pouvons utiliser PHP et Vue pour implémenter la fonction de statistiques d'arrivée tardive et de départ anticipé. Ce qui suit présentera comment utiliser ces deux outils pour créer un système simple de gestion des présences et fournira des exemples de code spécifiques.

1. Préparation
   Avant de commencer, vous devez d'abord vous assurer que vous avez installé l'environnement de développement PHP et Vue. Vous pouvez le télécharger depuis le site officiel et suivre les instructions pour l'installer.
2. Conception de base de données
   Le cœur du système de gestion des présences est la conception de la base de données. On peut créer une table nommée "présence", contenant les champs suivants :

• id : l'identifiant unique de la fiche de présence
• employee_id : l'identifiant unique du salarié
• date : la date de présence
• in_time : la heure d'arrivée
• out_time : heure d'arrivée

Vous pouvez ajouter d'autres champs au tableau en fonction des besoins réels, tels que le nom de l'employé, le service, etc.

3. Développement Backend
   Utilisez PHP pour gérer la logique backend. Tout d’abord, vous devez vous connecter à la base de données et écrire quelques opérations de base d’ajout, de suppression, de modification et de requête. Voici un exemple de code PHP simple :

$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

/ /Créer une connexion à la base de données
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {

die("Connection failed: " . $conn->connect_error);

}

// Interroger les enregistrements de présence
$sql = "SELECT * FROM participation";
$result = $conn->query($sql);

// Traiter les résultats de la requête
if ($result->num_rows > 0) {

while($row = $result->fetch_assoc()) {
    // 处理每一条记录
}

} else {

echo "0 results";

}

//Fermez la connexion à la base de données
$conn->close();
?>

4. Développement front-end
   Utilisez Vue pour créer l'interface front-end et interagir avec le backend via des requêtes AJAX pour les données. Ce qui suit est un exemple simple de code Vue :

<script><br>export default {<br> data() { </script>

return {
  attendanceData: []
};

},
Mounted() {

this.fetchAttendanceData();

},
méthodes : {

fetchAttendanceData() {
  // 发起AJAX请求获取考勤数据
  axios.get('/api/attendance')
    .then(response => {
      this.attendanceData = response.data;
    })
    .catch(error => {
      console.log(error);
    });
}

}
};

5. Affichage des données et statistiques
   Dans le code Vue, nous utilisons un tableau pour afficher les relevés de présence. Déclenchez la requête AJAX en appelant la méthode fetchAttendanceData() et restituez les données renvoyées sur la page.

Dans le code PHP, nous obtenons les enregistrements de présence de la base de données via des instructions de requête SQL et traitons chaque enregistrement via une boucle.

Pour les statistiques sur les arrivées tardives et les départs anticipés, une logique pertinente peut être ajoutée à la boucle PHP pour calculer le nombre d'arrivées tardives et de départs anticipés en comparant les heures de début et de fin avec l'heure spécifiée.

En résumé, en combinant PHP et Vue, nous pouvons réaliser la fonction de statistiques de départ tardif et anticipé de la fréquentation des employés. Grâce à la conception de bases de données et au développement back-end, nous pouvons obtenir les données de présence des employés et les traiter en conséquence, puis utiliser Vue pour créer une interface frontale pour l'affichage des données et des statistiques. J'espère que les exemples de code et les explications ci-dessus vous seront utiles et vous aideront à créer un système simple de gestion des présences.

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!