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.
Vous pouvez ajouter d'autres champs au tableau en fonction des besoins réels, tels que le nom de l'employé, le service, etc.
$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();
?>
<table>
<thead>
<tr>
<th>员工姓名</th>
<th>考勤日期</th>
<th>上班时间</th>
<th>下班时间</th>
</tr>
</thead>
<tbody>
<tr v-for="record in attendanceData">
<td>{{ record.employeeName }}</td>
<td>{{ record.date }}</td>
<td>{{ record.inTime }}</td>
<td>{{ record.outTime }}</td>
</tr>
</tbody>
</table>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
