cari
Rumahpembangunan bahagian belakangtutorial phpCara menjana modul pengiraan gaji kehadiran pekerja melalui PHP dan Vue

Cara menjana modul pengiraan gaji kehadiran pekerja melalui PHP dan Vue

Cara menjana modul pengiraan gaji kehadiran pekerja melalui PHP dan Vue

Ikhtisar:
Dalam setiap perusahaan, kehadiran pekerja dan pengiraan gaji adalah tugas yang sangat penting. Untuk memudahkan dan mengautomasikan proses ini, kami boleh menggunakan PHP dan Vue.js untuk mencipta modul pengiraan gaji untuk kehadiran pekerja. Artikel ini akan memperkenalkan cara menggunakan kedua-dua alatan ini untuk mencapai fungsi ini dan memberikan contoh kod khusus.

Langkah 1: Buat pangkalan data
Pertama, kita perlu mencipta pangkalan data untuk menyimpan rekod kehadiran dan maklumat gaji pekerja. Pangkalan data boleh dibuat dan diurus menggunakan MySQL atau sistem pengurusan pangkalan data lain. Berikut adalah contoh jadual pekerja mudah dan jadual rekod kehadiran:

Jadual pekerja (pekerja):

  • id: ID pekerja
  • nama (nama): nama pekerja
  • Gaji (gaji): gaji pekerja

Jadual rekod kehadiran (kehadiran):

  • id: Rekod ID
  • ID Pekerja (employee_id): ID Pekerja
  • Tarikh (tarikh): Tarikh kehadiran
  • Masa bekerja (mula_masa
  • masa bekerja:_mula_masa): ) : Selepas waktu kerja
Langkah 2: Buat API bahagian belakang

Gunakan PHP untuk melaksanakan API bahagian belakang dan menyediakan interaksi dengan pangkalan data. Berikut ialah contoh kod untuk mendapatkan rekod kehadiran pekerja:

<?php
// 数据库连接信息
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("数据库连接失败: " . $conn->connect_error);
}

// 获取员工考勤记录
$sql = "SELECT * FROM attendance";
$result = $conn->query($sql);

// 将结果转化为JSON格式并输出
$res = [];
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $res[] = $row;
    }
}
echo json_encode($res);

// 关闭数据库连接
$conn->close();
?>

Langkah 3: Buat halaman hadapan

Gunakan Vue.js untuk mencipta halaman hadapan untuk memaparkan rekod kehadiran pekerja dan mengira gaji. Berikut ialah contoh kod untuk halaman rekod kehadiran pekerja yang ringkas:

<html>
<head>
    <title>员工考勤记录</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="app">
        <h1 id="员工考勤记录">员工考勤记录</h1>
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>姓名</th>
                    <th>日期</th>
                    <th>上班时间</th>
                    <th>下班时间</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="record in attendanceRecords">
                    <td>{{ record.id }}</td>
                    <td>{{ record.name }}</td>
                    <td>{{ record.date }}</td>
                    <td>{{ record.start_time }}</td>
                    <td>{{ record.end_time }}</td>
                </tr>
            </tbody>
        </table>
        <button @click="calculateSalary">计算薪资</button>
        <div v-if="calculateSalaryResult">
            <p>薪资:{{ calculateSalaryResult }}</p>
        </div>
    </div>
    <script>
        // 创建Vue实例
        new Vue({
            el: '#app',
            data: {
                attendanceRecords: [],
                calculateSalaryResult: null
            },
            mounted() {
                // 获取员工考勤记录
                axios.get('api.php')
                    .then(response => {
                        this.attendanceRecords = response.data;
                    })
                    .catch(error => {
                        console.log(error);
                    });
            },
            methods: {
                calculateSalary() {
                    // 计算薪资的逻辑在这里实现
                    // 可以从this.attendanceRecords中获取考勤记录,并进行相应的计算
                    // 最后将计算结果赋值给this.calculateSalaryResult
                }
            }
        });
    </script>
</body>
</html>

Seperti yang dapat dilihat daripada contoh kod di atas, Vue.js digunakan untuk membuat dan memaparkan data, manakala PHP digunakan untuk menyediakan antara muka bahagian belakang bagi data tersebut. Dalam halaman tersebut, kami menggunakan pustaka axios untuk menghantar permintaan HTTP untuk mendapatkan data bahagian belakang dan menyimpan hasil tindak balas kepada atribut data tika Vue. Akhirnya, kami mencetuskan logik pengiraan gaji melalui acara klik butang.

Ringkasan:

Dengan PHP dan Vue.js kami boleh mencipta modul pengiraan gaji untuk kehadiran pekerja dengan mudah. Menggunakan API bahagian belakang PHP untuk berinteraksi dengan pangkalan data, dan kemudian menggunakan rangka kerja bahagian hadapan Vue.js untuk memaparkan data dan melaksanakan logik pengiraan boleh memudahkan proses kehadiran dan pengiraan gaji. Contoh kod yang disediakan di atas hanyalah demonstrasi mudah Dalam projek sebenar, pelaksanaan yang lebih terperinci dan pengembangan fungsi diperlukan berdasarkan keperluan khusus.

Atas ialah kandungan terperinci Cara menjana modul pengiraan gaji kehadiran pekerja melalui PHP dan Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
PHP dalam Tindakan: Contoh dan aplikasi dunia nyataPHP dalam Tindakan: Contoh dan aplikasi dunia nyataApr 14, 2025 am 12:19 AM

PHP digunakan secara meluas dalam e-dagang, sistem pengurusan kandungan dan pembangunan API. 1) e-dagang: Digunakan untuk fungsi keranjang belanja dan pemprosesan pembayaran. 2) Sistem Pengurusan Kandungan: Digunakan untuk penjanaan kandungan dinamik dan pengurusan pengguna. 3) Pembangunan API: Digunakan untuk Pembangunan API RESTful dan Keselamatan API. Melalui pengoptimuman prestasi dan amalan terbaik, kecekapan dan pemeliharaan aplikasi PHP bertambah baik.

PHP: Membuat kandungan web interaktif dengan mudahPHP: Membuat kandungan web interaktif dengan mudahApr 14, 2025 am 12:15 AM

PHP menjadikannya mudah untuk membuat kandungan web interaktif. 1) Secara dinamik menjana kandungan dengan memasukkan HTML dan paparkannya dalam masa nyata berdasarkan input pengguna atau data pangkalan data. 2) Penyerahan borang proses dan menjana output dinamik untuk memastikan bahawa htmlspecialchars digunakan untuk mencegah XSS. 3) Gunakan MySQL untuk membuat sistem pendaftaran pengguna, dan gunakan kata laluan dan preprocessing untuk meningkatkan keselamatan. Menguasai teknik ini akan meningkatkan kecekapan pembangunan web.

PHP dan Python: Membandingkan dua bahasa pengaturcaraan yang popularPHP dan Python: Membandingkan dua bahasa pengaturcaraan yang popularApr 14, 2025 am 12:13 AM

PHP dan Python masing -masing mempunyai kelebihan mereka sendiri, dan memilih mengikut keperluan projek. 1.PHP sesuai untuk pembangunan web, terutamanya untuk pembangunan pesat dan penyelenggaraan laman web. 2. Python sesuai untuk sains data, pembelajaran mesin dan kecerdasan buatan, dengan sintaks ringkas dan sesuai untuk pemula.

Relevannya PHP: Adakah ia masih hidup?Relevannya PHP: Adakah ia masih hidup?Apr 14, 2025 am 12:12 AM

PHP masih dinamik dan masih menduduki kedudukan penting dalam bidang pengaturcaraan moden. 1) kesederhanaan PHP dan sokongan komuniti yang kuat menjadikannya digunakan secara meluas dalam pembangunan web; 2) fleksibiliti dan kestabilannya menjadikannya cemerlang dalam mengendalikan borang web, operasi pangkalan data dan pemprosesan fail; 3) PHP sentiasa berkembang dan mengoptimumkan, sesuai untuk pemula dan pemaju yang berpengalaman.

Status Semasa PHP: Lihat trend pembangunan webStatus Semasa PHP: Lihat trend pembangunan webApr 13, 2025 am 12:20 AM

PHP tetap penting dalam pembangunan web moden, terutamanya dalam pengurusan kandungan dan platform e-dagang. 1) PHP mempunyai ekosistem yang kaya dan sokongan rangka kerja yang kuat, seperti Laravel dan Symfony. 2) Pengoptimuman prestasi boleh dicapai melalui OPCACHE dan NGINX. 3) Php8.0 memperkenalkan pengkompil JIT untuk meningkatkan prestasi. 4) Aplikasi awan asli dikerahkan melalui Docker dan Kubernet untuk meningkatkan fleksibiliti dan skalabiliti.

PHP vs Bahasa Lain: PerbandinganPHP vs Bahasa Lain: PerbandinganApr 13, 2025 am 12:19 AM

PHP sesuai untuk pembangunan web, terutamanya dalam pembangunan pesat dan memproses kandungan dinamik, tetapi tidak baik pada sains data dan aplikasi peringkat perusahaan. Berbanding dengan Python, PHP mempunyai lebih banyak kelebihan dalam pembangunan web, tetapi tidak sebaik python dalam bidang sains data; Berbanding dengan Java, PHP melakukan lebih buruk dalam aplikasi peringkat perusahaan, tetapi lebih fleksibel dalam pembangunan web; Berbanding dengan JavaScript, PHP lebih ringkas dalam pembangunan back-end, tetapi tidak sebaik JavaScript dalam pembangunan front-end.

PHP vs Python: Ciri dan Fungsi TerasPHP vs Python: Ciri dan Fungsi TerasApr 13, 2025 am 12:16 AM

PHP dan Python masing -masing mempunyai kelebihan sendiri dan sesuai untuk senario yang berbeza. 1.PHP sesuai untuk pembangunan web dan menyediakan pelayan web terbina dalam dan perpustakaan fungsi yang kaya. 2. Python sesuai untuk sains data dan pembelajaran mesin, dengan sintaks ringkas dan perpustakaan standard yang kuat. Apabila memilih, ia harus diputuskan berdasarkan keperluan projek.

PHP: Bahasa utama untuk pembangunan webPHP: Bahasa utama untuk pembangunan webApr 13, 2025 am 12:08 AM

PHP adalah bahasa skrip yang digunakan secara meluas di sisi pelayan, terutamanya sesuai untuk pembangunan web. 1.PHP boleh membenamkan HTML, memproses permintaan dan respons HTTP, dan menyokong pelbagai pangkalan data. 2.PHP digunakan untuk menjana kandungan web dinamik, data borang proses, pangkalan data akses, dan lain -lain, dengan sokongan komuniti yang kuat dan sumber sumber terbuka. 3. PHP adalah bahasa yang ditafsirkan, dan proses pelaksanaan termasuk analisis leksikal, analisis tatabahasa, penyusunan dan pelaksanaan. 4.Php boleh digabungkan dengan MySQL untuk aplikasi lanjutan seperti sistem pendaftaran pengguna. 5. Apabila debugging php, anda boleh menggunakan fungsi seperti error_reporting () dan var_dump (). 6. Mengoptimumkan kod PHP untuk menggunakan mekanisme caching, mengoptimumkan pertanyaan pangkalan data dan menggunakan fungsi terbina dalam. 7

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod