日本語
日本語
企業の規模が拡大し続けるにつれて、従業員の管理と出席監督は日常業務の重要な部分になりました。仕事の効率を改善し、人件費を削減するために、ますます多くの企業が情報技術を使用して出席データを管理することを選択します。この記事では、PHPとVUEを組み合わせて実用的な従業員の出席管理パネルを開発する方法について説明します。
出席管理システムの構築を開始する前に、次の環境とツールを準備する必要があります。
MySQLに出席という名前のデータベースを作成し、次の2つのテーブルを設計します。
従業員：
CREATE TABLE employees (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
department VARCHAR(255) NOT NULL
);
aguntes_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拡張機能を使用して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ルーターを使用して、従業員リストと出席情報ページを表示するためにルーティングを構成します。
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>
完全な出席記録操作を達成するための要件に応じて、より多くのコンポーネントを拡張できます。
パッケージ化されたフロントエンドコードをサーバーのWebディレクトリにアップロードし、バックエンドPHPコードを展開して、サーバーが正しく構成されていることを確認します。ブラウザを介して対応するアドレスにアクセスして、従業員の出席管理システムのさまざまな機能をテストします。
この記事では、PHPとVUEを使用して基本的な従業員の出席管理パネルを構築する方法を紹介し、データベース設計、バックエンドAPI開発、およびフロントエンドページの構築のためのサンプルコードが付属しています。実際のプロジェクトでは、特定のニーズに応じて機能を拡張および最適化できます。この記事が、効率的で実用的な出席システムを構築するための貴重なリファレンスを提供できることを願っています。
