Maison >développement back-end >tutoriel php >Comment utiliser PHP et Vue pour implémenter la fonction de gestion des immobilisations de la gestion d'entrepôt
Comment utiliser PHP et Vue pour implémenter la fonction de gestion des immobilisations de la gestion d'entrepôt
Introduction :
Avec l'expansion de l'échelle de l'entreprise, la gestion des immobilisations est devenue une tâche importante rencontrée par les gestionnaires. En tant que lieu de stockage des immobilisations d'une entreprise, l'entrepôt nécessite un système de gestion efficace pour gérer et suivre les immobilisations. Cet article expliquera comment utiliser PHP et Vue pour développer un système de gestion d'entrepôt simple mais pratique afin de réaliser la fonction de gestion des immobilisations.
1. Sélection technologique
Lors du développement du système de gestion d'entrepôt, nous avons choisi d'utiliser PHP comme langage back-end et Vue comme framework front-end. La raison principale est que PHP a une grande flexibilité et facilité d'utilisation, et Vue. peut fournir une bonne expérience d’interaction utilisateur et des effets d’interface.
2. Analyse des besoins
Précisons d'abord les besoins du système de gestion d'entrepôt, qui comprend principalement les fonctions suivantes :
3. Construction et configuration du projet
IV. Conception de la base de données
Sur la base de l'analyse de la demande, nous avons conçu les tables de base de données suivantes :
5. Développement back-end
// Créer une connexion à la base de données
$mysqli = new mysqli('localhost', 'root'. , 'password', 'database');
// Ajouter des immobilisations
function addAsset($data)
{
global $mysqli;
// Traiter les paramètres entrants
$name = $mysqli->real_escape_string($ data['name ']);
$model = $mysqli->real_escape_string($data['model']);
$quantity = $mysqli->real_escape_string($data['quantity']);
/ / Effectuer une opération d'insertion
$sql = "INSERT INTO assets (name
, model
, quantity
) VALUES ('$name', '$model ', '$ quantité')";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);
// Renvoie le résultat
if ($result) {
return ['status' => 1, 'message' => '修改成功'];} else {
return ['status' => 0, 'message' => '修改失败'];}
}
fonction deleteAsset($id)
{
global $mysqli;
// Effectuer une opération de suppression
$sql = "DELETE FROM assets WHERE id = '$id'";
$result = $mysqli-> ;query($ sql);
// Renvoie le résultat
if ($result) {
// 获取查询结果 $data = $result->fetch_assoc(); return ['status' => 1, 'data' => $data];} else {
return ['status' => 0, 'message' => '查询失败'];}
}
function updateAsset($id, $data)
{ // Effectuer une opération de mise à jour
$sql = "UPDATE assets SET name
= '$name', model
= '$model', quantity
= '$quantity' WHERE id = '$id'";
/ / Renvoie les résultats
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, };
// Exécuter opération de requête
$sql = "SELECT * FROM actifs 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); }); },🎜} else {🎜rrreee🎜}🎜}🎜🎜...🎜🎜🎜Implémenter la logique métier🎜En appelant l'interface correspondante, nous pouvons implémenter les fonctions d'ajout, de modification, de suppression et d'interrogation immobilisations. Par exemple, la logique de la fonction d'ajout d'immobilisations est la suivante : 🎜🎜🎜// Ajouter des immobilisations 🎜addAsset($_POST); 🎜🎜 6. Développement front-end 🎜🎜🎜Installez Vue et créez un projet Vue 🎜🎜Créez composants 🎜Sur la base de l'analyse de la demande, nous Il est nécessaire de créer des composants tels que la gestion des actifs, l'entrée et la sortie de l'entrepôt, l'inventaire et la gestion des droits des utilisateurs. Chaque composant comprend des vues et une logique d'interaction correspondantes. 🎜🎜Implémenter la logique de vue et d'interaction🎜Dans Vue, nous pouvons utiliser la bibliothèque axios pour appeler l'interface backend et traiter les résultats de retour correspondants. Voici un exemple de composant simple pour ajouter une immobilisation : 🎜🎜🎜🎜
<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>
<script><br>import axios from 'axios';</script>
export default {
data() {
return { name: '', model: '', quantity: 0, };
},
methods: {
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); }); },
},
};
七、系统测试与部署
结论:
通过利用PHP和Vue,我们可以开发一套简单但实用的仓库管理系统,实现固定资产的管理功能。这套系统具备良好的用户交互体验和界面效果,可满足中小型企业对于仓库管理的基本需求。除此之外,我们还可以根据具体需求进行功能扩展和优化,提升系统的稳定性和可靠性。
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!