PHP와 Vue를 결합하여 직원 출석의 지각 및 조퇴 통계 기능을 구현하는 방법
현대 기업 경영에서 출석 관리는 매우 중요한 작업입니다. 직원 출석을 효율적으로 계산하기 위해 PHP 및 Vue를 사용하여 지각 및 조기 퇴근 통계 기능을 구현할 수 있습니다. 다음에서는 이 두 도구를 사용하여 간단한 출석 관리 시스템을 구축하는 방법을 소개하고 구체적인 코드 예제를 제공합니다.
직원 이름, 부서 등 실제 필요에 따라 테이블에 다른 필드를 추가할 수 있습니다.
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
/ /데이터베이스 연결 생성
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);}
// 출석 기록 쿼리
$sql = "SELECT * FROM 출석";
$result = $conn->query($sql);
// 쿼리 결과 처리
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
// 处理每一条记录
}} else {
echo "0 results";
}
//데이터베이스 연결 닫기
$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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
