PHP 및 Vue를 사용하여 창고 관리의 고정 자산 관리 기능을 구현하는 방법
소개:
기업 규모가 확장됨에 따라 고정 자산 관리는 관리자가 직면한 중요한 작업이 되었습니다. 창고는 기업의 고정자산을 보관하는 장소로서 고정자산을 관리하고 추적하기 위한 효율적인 관리 시스템이 필요합니다. 이 기사에서는 고정 자산 관리 기능을 실현하기 위해 PHP와 Vue를 사용하여 간단하면서도 실용적인 창고 관리 시스템을 개발하는 방법을 소개합니다.
1. 기술 선택
우리는 창고 관리 시스템을 개발할 때 PHP를 백엔드 언어로 사용하고 Vue를 프론트 엔드 프레임워크로 사용하기로 결정했습니다. 그 이유는 PHP가 높은 유연성과 사용 편의성을 가지고 있기 때문입니다. 좋은 사용자 상호작용 경험과 인터페이스 효과를 제공할 수 있습니다.
2. 요구 사항 분석
먼저 주로 다음 기능을 포함하는 창고 관리 시스템의 요구 사항을 명확히하겠습니다.
3. 프로젝트 구성 및 구성
IV. 데이터베이스 설계
수요 분석을 기반으로 다음과 같은 데이터베이스 테이블을 설계했습니다.
5. 백엔드 개발
// 데이터베이스 연결 만들기
$mysqli = new mysqli('localhost', 'root' , 'password', 'database');
// 고정 자산 추가
function addAsset($data)
{
global $mysqli;
// 들어오는 매개변수 처리
$name = $mysqli->real_escape_string($ data['name']);
$model = $mysqli->real_escape_string($data['model']);
$yangity = $mysqli->real_escape_string($data['quantity']);
/ / 삽입 작업 수행
$sql = "INSERT INTO 자산 (이름
, 모델
, 수량
) VALUES ('$name', '$model ', '$ 수량')";name
, model
, quantity
) VALUES ('$name', '$model', '$quantity')";
$result = $mysqli->query($sql);
// 返回结果
if ($result) {
return ['status' => 1, 'message' => '添加成功'];
} else {
return ['status' => 0, 'message' => '添加失败'];
}
}
// 删除固定资产
function deleteAsset($id)
{
global $mysqli;
// 执行删除操作
$sql = "DELETE FROM assets WHERE id = '$id'";
$result = $mysqli->query($sql);
// 返回结果
if ($result) {
return ['status' => 1, 'message' => '删除成功'];
} else {
return ['status' => 0, 'message' => '删除失败'];
}
}
// 修改固定资产
function updateAsset($id, $data)
{
global $mysqli;
// 处理传入的参数
$name = $mysqli->real_escape_string($data['name']);
$model = $mysqli->real_escape_string($data['model']);
$quantity = $mysqli->real_escape_string($data['quantity']);
// 执行更新操作
$sql = "UPDATE assets SET name
= '$name', model
= '$model', quantity
$result = $mysqli->query($sql);
// 결과 반환
if ($result) {
return ['status' => 1, 'message' => '修改成功'];
return ['status' => 0, 'message' => '修改失败'];
}
function deleteAsset($id)
{
global $mysqli;
// 삭제 작업 수행
$sql = "DELETE FROM 자산 WHERE id = '$id'";
$result = $mysqli-> ;query($ sql);
// 결과 반환
if ($result) {
// 获取查询结果 $data = $result->fetch_assoc(); return ['status' => 1, 'data' => $data];
return ['status' => 0, 'message' => '查询失败'];
}
function updateAsset($id, $data)
{ // 업데이트 작업 수행
$sql = "UPDATE 자산 SET name
= '$name', 모델
= '$model', 수량
= '$수량' WHERE id = '$id'";
/ / 결과 반환
if ($result) {<h2>添加固定资产</h2> <form @submit="addAsset"> <div> <label for="name">名称:</label> <input type="text" id="name" v-model="name"> </div> <div> <label for="model">型号:</label> <input type="text" id="model" v-model="model"> </div> <div> <label for="quantity">数量:</label> <input type="number" id="quantity" v-model="quantity"> </div> <button type="submit">添加</button> </form>
return { name: '', model: '', quantity: 0, };
// 실행 쿼리 작업
$sql = "SELECT * FROM 자산 WHERE id = '$id'";
addAsset() { axios.post('/api/addAsset', {name: this.name, model: this.model, quantity: this.quantity}) .then(response => { // 处理返回结果 if (response.data.status === 1) { alert('添加成功'); // 清空输入框 this.name = ''; this.model = ''; this.quantity = 0; } else { alert('添加失败'); } }) .catch(error => { console.error(error); }); },
<h2>添加固定资产</h2> <form @submit="addAsset"> <div> <label for="name">名称:</label> <input type="text" id="name" v-model="name"> </div> <div> <label for="model">型号:</label> <input type="text" id="model" v-model="model"> </div> <div> <label for="quantity">数量:</label> <input type="number" id="quantity" v-model="quantity"> </div> <button type="submit">添加</button> </form>