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
   ); (
id INT AUTO_INCREMENT PRIMARY KUNCI,
2. employee_id INT NOT NULL,
   clock_in DATETIME NOT NULL,
   clock_out DATETIME,
   FOREIGN KEY (employee_id) RUJUKAN pekerja(id)
   
   
   
   :
;

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;

}
3. }

   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";

} lain {

4. echo "Error: " . $sql . "<br>" . $conn->error;

   
   } . query( $sql);
   $rows = array();
   if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {

 $rows[] = $row;

}
}

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";

} lain {

echo "Error: " . $sql . "<br>" . $conn->error;

}

4. Pembangunan bahagian hadapan:

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

在Vue组件中，发送HTTP请求并获取数据：

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Repo: Cara menghidupkan semula rakan sepasukan

4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?

3 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7333

9

Tutorial Java

1627

14

Tutorial CakePHP

1351

46

Tutorial Laravel

1262

25

Tutorial PHP

1209

29

Tunjukkan Lagi

Related knowledge

Konfigurasi Projek CakePHP Sep 10, 2024 pm 05:25 PM

Dalam bab ini, kita akan memahami Pembolehubah Persekitaran, Konfigurasi Umum, Konfigurasi Pangkalan Data dan Konfigurasi E-mel dalam CakePHP.

Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka

Tarikh dan Masa CakePHP Sep 10, 2024 pm 05:27 PM

Untuk bekerja dengan tarikh dan masa dalam cakephp4, kami akan menggunakan kelas FrozenTime yang tersedia.

Muat naik Fail CakePHP Sep 10, 2024 pm 05:27 PM

Untuk mengusahakan muat naik fail, kami akan menggunakan pembantu borang. Di sini, adalah contoh untuk muat naik fail.

Penghalaan CakePHP Sep 10, 2024 pm 05:25 PM

Dalam bab ini, kita akan mempelajari topik berikut yang berkaitan dengan penghalaan ?

Bincangkan CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP ialah rangka kerja sumber terbuka untuk PHP. Ia bertujuan untuk menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP adalah berdasarkan seni bina seperti MVC yang berkuasa dan mudah difahami. Model, Pandangan dan Pengawal gu

Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Dec 20, 2024 am 11:31 AM

Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c

Pengesah Mencipta CakePHP Sep 10, 2024 pm 05:26 PM

Pengesah boleh dibuat dengan menambah dua baris berikut dalam pengawal.

See all articles