So kombinieren Sie PHP und Vue, um die Funktion zur Statistik der Mitarbeiteranwesenheit bei verspätetem und vorzeitigem Abgang zu implementieren
In der modernen Unternehmensführung ist die Anwesenheitsverwaltung eine sehr wichtige Aufgabe. Um die Anwesenheit der Mitarbeiter effizient zu zählen, können wir PHP und Vue verwenden, um die Statistikfunktion für verspätete Ankunft und vorzeitige Abreise zu implementieren. Im Folgenden wird die Verwendung dieser beiden Tools zum Aufbau eines einfachen Anwesenheitsverwaltungssystems vorgestellt und spezifische Codebeispiele bereitgestellt.
Sie können je nach tatsächlichem Bedarf weitere Felder zur Tabelle hinzufügen, z. B. Mitarbeitername, Abteilung usw.
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
/ /Datenbankverbindung erstellen
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);}
// Anwesenheitslisten abfragen
$sql = "SELECT * FROM attendance";
$result = $conn->query($sql);
// Abfrageergebnisse verarbeiten
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
// 处理每一条记录
}} else {
echo "0 results";
}
//Schließen Sie die Datenbankverbindung
$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>
