中文(繁體)
中文(繁體)
隨著企業規模的擴大，固定資產管理成為管理者面臨的一項重要任務。倉庫作為企業固定資產存放的地方，需要一套高效的管理系統來對固定資產進行管理和追踪。本文將介紹如何利用PHP和Vue，開發一套簡單但實用的倉庫管理系統，實現固定資產的管理功能。
在開發倉庫管理系統時，我們選擇使用PHP作為後端語言，Vue作為前端框架，主要原因是PHP具備較高的靈活性和易用性，而Vue可以提供良好的用戶交互體驗和界面效果。
我們先明確一下倉庫管理系統的需求，主要包括以下幾個方面的功能：
根據需求分析，我們設計了以下幾張數據庫表：
我們可以使用PHP提供一套簡單的接口，供前端調用。接口的主要功能包括固定資產的增加、刪除、修改和查詢，出入庫記錄的操作，用戶權限管理等。以下是PHP代碼示例：
// 創建數據庫連接<br>$mysqli = new mysqli('localhost', 'root', 'password', 'database');<br> // 增加固定資產<br>function addAsset($data)<br> {<br> global $mysqli;<br> $name = $mysqli->real_escape_string($data['name']);<br> $model = $mysqli->real_escape_string($data['model']);<br> $quantity = $mysqli->real_escape_string($data['quantity']);<br> $sql = "INSERT INTO assets (name, model, quantity) VALUES ('$name', '$model', '$quantity')";<br> $result = $mysqli->query($sql);<br> if ($result) {<br> return ['status' => 1, 'message' => '添加成功'];<br> } else {<br> return ['status' => 0, 'message' => '添加失敗'];<br> }<br> }<br> // 刪除固定資產<br>function deleteAsset($id)<br> {<br> global $mysqli;<br> $sql = "DELETE FROM assets WHERE id = '$id'";<br> $result = $mysqli->query($sql);<br> if ($result) {<br> return ['status' => 1, 'message' => '刪除成功'];<br> } else {<br> return ['status' => 0, 'message' => '刪除失敗'];<br> }<br> }<br> // 修改固定資產<br>function updateAsset($id, $data)<br> {<br> global $mysqli;<br> $name = $mysqli->real_escape_string($data['name']);<br> $model = $mysqli->real_escape_string($data['model']);<br> $quantity = $mysqli->real_escape_string($data['quantity']);<br> $sql = "UPDATE assets SET name = '$name', model = '$model', quantity = '$quantity' WHERE id = '$id'";<br> $result = $mysqli->query($sql);<br> if ($result) {<br> return ['status' => 1, 'message' => '修改成功'];<br> } else {<br> return ['status' => 0, 'message' => '修改失敗'];<br> }<br> }<br> // 查詢固定資產<br>function getAsset($id)<br> {<br> global $mysqli;<br> $sql = "SELECT * FROM assets WHERE id = '$id'";<br> $result = $mysqli->query($sql);<br> if ($result && $result->num_rows > 0) {<br> $data = $result->fetch_assoc();<br> return ['status' => 1, 'data' => $data];<br> } else {<br> return ['status' => 0, 'message' => '查詢失敗'];<br> }<br> }在前端，我們使用Vue框架來實現用戶界面的交互。通過axios庫與後端接口進行數據交換。以下是添加固定資產的Vue組件代碼：
<template><br><div class="add-asset"><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></div></template><script>import axios from 'axios';<br>export default {<br> data() {<br> return {<br> name: '',<br> model: '',<br> quantity: 0,<br> };<br> },<br> methods: {<br> addAsset() {<br> axios.post('/api/addAsset', {name: this.name, model: this.model, quantity: this.quantity})<br> .then(response => {<br> if (response.data.status === 1) {<br> alert('添加成功');<br> this.name = '';<br> this.model = '';<br> this.quantity = 0;<br> } else {<br> alert('添加失敗');<br> }<br> })<br> .catch(error => {<br> console.error(error);<br> });<br> },<br> },<br>};</script>通過利用PHP和Vue，我們可以開發一套簡單但實用的倉庫管理系統，實現固定資產的管理功能。這套系統具備良好的用戶交互體驗和界面效果，可滿足中小型企業對於倉庫管理的基本需求。除此之外，我們還可以根據具體需求進行功能擴展和優化，提升系統的穩定性和可靠性。
