한국어
한국어
기업의 규모가 계속 확대됨에 따라 직원 관리 및 출석 감독은 일상 업무의 중요한 부분이되었습니다. 업무 효율성을 향상시키고 인건비를 줄이기 위해 점점 더 많은 회사가 정보 기술을 사용하여 출석 데이터를 관리하기로 선택합니다. 이 기사에서는 PHP와 VUE를 결합하여 실제 직원 출석 관리 패널을 개발하는 방법을 안내합니다.
출석 관리 시스템을 구축하기 전에 다음 환경과 도구를 준비해야합니다.
MySQL에서 출석 이라는 데이터베이스를 작성하고 다음 두 테이블을 설계하십시오.
직원 :
CREATE TABLE employees (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
department VARCHAR(255) NOT NULL
);
출석 _records :
CREATE TABLE attendance_records (
id INT AUTO_INCREMENT PRIMARY KEY,
employee_id INT NOT NULL,
date DATE NOT NULL,
time_in TIME NOT NULL,
time_out TIME,
FOREIGN KEY (employee_id) REFERENCES employees(id)
);
PHP의 MySQLI Extension을 사용하여 MySQL 데이터베이스에 연결하십시오. 예제는 다음과 같습니다.
<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "attendance";
<p>$conn = new mysqli($servername, $username, $password, $dbname);</p>
<p>if ($conn->connect_error) {<br>
die("데이터베이스 연결에 실패했습니다: " . $conn->connect_error);<br>
}<br>
?><br>
API 인터페이스를 사용하면 직원 정보의 추가, 삭제, 수정 및 검색이 가능합니다. 다음 예는 직원 목록을 얻는 방법을 보여줍니다.
<?php
// 직원 목록을 얻으십시오
$sql = "SELECT * FROM employees";
$result = $conn->query($sql);
<p>if ($result->num_rows > 0) {<br>
$employees = array();<br>
while ($row = $result->fetch_assoc()) {<br>
$employees[] = $row;<br>
}<br>
// 반품JSON형식 데이터<br>
echo json_encode($employees);<br>
} else {<br>
echo "아직 직원이 없습니다";<br>
}<br>
?><br>
다른 API 인터페이스는 출석 기록 관리를 실현하기 위해 유사한 방식으로 개발할 수 있습니다.
새로운 vue 프로젝트를 초기화하려면 명령 줄에서 다음 명령을 실행하십시오.
vue create attendance-management-panel
프롬프트에 따라 기본 구성을 선택하십시오.
Vue Router를 사용하여 직원 목록 및 출석 정보 페이지를 표시하도록 라우팅을 구성하십시오.
Axios 라이브러리를 통해 백엔드 API를 호출하여 직원 데이터를 얻고 표시합니다. 예는 다음과 같습니다.
import axios from 'axios';
<p>export default {<br>
data() {<br>
return {<br>
employees: []<br>
}<br>
},<br>
mounted() {<br>
axios.get('/api/employees')<br>
.then(response => {<br>
this.employees = response.data;<br>
})<br>
.catch(error => {<br>
console.log(error);<br>
});<br>
}<br>
}<br>
완전한 출석 기록 운영을 달성하기 위해 요구 사항에 따라 더 많은 구성 요소를 확장 할 수 있습니다.
패키지 된 프론트 엔드 코드를 서버의 웹 디렉토리에 업로드하고 백엔드 PHP 코드를 배포하여 서버가 올바르게 구성되도록하십시오. 직원 출석 관리 시스템의 다양한 기능을 테스트하려면 브라우저를 통해 해당 주소에 액세스하십시오.
이 기사는 PHP 및 VUE를 사용하여 기본 직원 출석 관리 패널을 구축하는 방법을 소개하고 데이터베이스 설계, 백엔드 API 개발 및 프론트 엔드 페이지 구성을위한 샘플 코드가 제공됩니다. 실제 프로젝트에서는 특정 요구에 따라 기능을 확장하고 최적화 할 수 있습니다. 이 기사가 효율적이고 실용적인 출석 시스템을 구축하기위한 귀중한 참조를 제공 할 수 있기를 바랍니다.
