Rumah > pembangunan bahagian belakang > tutorial php > Bagaimana untuk membangunkan sistem kehadiran pekerja dalam talian menggunakan PHP dan Vue

Bagaimana untuk membangunkan sistem kehadiran pekerja dalam talian menggunakan PHP dan Vue

WBOY
Lepaskan: 2023-09-25 14:02:01
asal
761 orang telah melayarinya

Bagaimana untuk membangunkan sistem kehadiran pekerja dalam talian menggunakan PHP dan Vue

Cara menggunakan PHP dan Vue untuk membangunkan sistem kehadiran pekerja dalam talian

Sistem kehadiran ialah salah satu alatan penting untuk pengurusan perusahaan. Ia boleh membantu perusahaan memantau kehadiran pekerja dalam masa nyata dan meningkatkan kecekapan kerja dan tahap pengurusan. Artikel ini akan memperkenalkan cara menggunakan rangka kerja PHP dan Vue untuk membangunkan sistem kehadiran pekerja dalam talian yang mudah dan menyediakan contoh kod khusus.

1. Persediaan persekitaran:
Sebelum anda mula, anda perlu memasang perisian dan alatan berikut:

  1. Persekitaran PHP: Dalam persekitaran pembangunan anda, pastikan PHP telah dipasang dan boleh menjalankan skrip PHP.
  2. Pangkalan data MySQL: Sistem kehadiran perlu menggunakan pangkalan data untuk menyimpan maklumat pekerja dan rekod kehadiran. Anda perlu memasang MySQL dan mencipta pangkalan data untuk menyimpan data yang berkaitan.
  3. Vue.js: Vue.js ialah rangka kerja JavaScript yang popular untuk membina antara muka pengguna. Anda perlu memperkenalkan Vue.js ke dalam projek anda dan memahami penggunaan asasnya.

2. Cipta jadual pangkalan data:
Untuk menyimpan maklumat pekerja dan rekod kehadiran, kita perlu mencipta dua jadual pangkalan data: jadual pekerja dan jadual rekod kehadiran.

  1. empless Table Struktur:
    Create Jadual Pekerja (
    id int auto_increment utama utama,
    name varchar (100) tidak null,
    department varchar (100) not null
    ); (
  2. id INT AUTO_INCREMENT PRIMARY KUNCI,
  3. employee_id INT NOT NULL,
    clock_in DATETIME NOT NULL,
    clock_out DATETIME,
    FOREIGN KEY (employee_id) RUJUKAN pekerja(id)



    :
  4. ;

Buat fail PHP sebagai antara muka bahagian belakang, dinamakan attendance.php.

    Sambung ke pangkalan data:
  1. $conn = new mysqli("localhost", "username", "password", "database");
  2. if ($conn->connect_error) {
    die( "Sambungan gagal: " . ($ sql);
    $rows = array();
    if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
     $rows[] = $row;
    Salin selepas log masuk
    Salin selepas log masuk
  3. }
  4. }

    echo json_encode ($rows);


    Tambah pekerja:
    $name = $_POST['nama'];
    $department = $_POST['department'];


    $sql = "INSERT KE DALAM pekerja (nama, jabatan) NILAI ('$nama', '$jabatan')";
    jika ($conn->query($sql) === BENAR) {

    echo "New employee added successfully";
    Salin selepas log masuk
  5. } lain {
  6. echo "Error: " . $sql . "<br>" . $conn->error;
    Salin selepas log masuk
    Salin selepas log masuk

    } . query( $sql);
    $rows = array();
    if ($result->num_rows > 0) {
  7. while($row = $result->fetch_assoc()) {
 $rows[] = $row;
Salin selepas log masuk
Salin selepas log masuk

}
}

echo json_encode($rows);

Jam masuk:

$id_pekerja = $_POST['id_pekerja'];
  • $clock_in = $_POST['clock_in'];[

    = $_clock_POS 'clock_out' ];


    $sql = "MASUKKAN KE DALAM kehadiran (id_pekerja, clock_in, clock_out) NILAI ('$employee_id', '$clock_in', '$clock_out')";
    if ($conn->query ($sql ) === BENAR) {

    echo "Clock in/out recorded successfully";
    Salin selepas log masuk

    } lain {

    echo "Error: " . $sql . "<br>" . $conn->error;
    Salin selepas log masuk
    Salin selepas log masuk

    }

    4. Pembangunan bahagian hadapan:


  • Buat komponen Vue untuk memaparkan senarai pekerja, menambah pekerja dan mencatat rekod.

  • 在Vue组件中,发送HTTP请求并获取数据:

  • Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan