Cara menggunakan PHP dan Vue untuk melaksanakan fungsi pengurusan aset tetap pengurusan gudang

WBOY
Lepaskan: 2023-09-24 09:46:01
asal
925 orang telah melayarinya

Cara menggunakan PHP dan Vue untuk melaksanakan fungsi pengurusan aset tetap pengurusan gudang

Cara menggunakan PHP dan Vue untuk melaksanakan fungsi pengurusan aset tetap pengurusan gudang

Pengenalan:
Sebagai skala perusahaan berkembang, Pengurusan aset tetap telah menjadi tugas penting yang dihadapi oleh pengurus. Sebagai tempat di mana aset tetap syarikat disimpan, gudang memerlukan sistem pengurusan yang cekap untuk mengurus dan menjejaki aset tetap. Artikel ini akan memperkenalkan cara menggunakan PHP dan Vue untuk membangunkan sistem pengurusan gudang yang ringkas tetapi praktikal untuk merealisasikan fungsi pengurusan aset tetap.

1 Pemilihan teknologi
Apabila membangunkan sistem pengurusan gudang, kami memilih untuk menggunakan PHP sebagai bahasa hujung belakang dan Vue sebagai rangka kerja bahagian hadapan fleksibiliti tinggi dan kemudahan penggunaan, dan Vue boleh memberikan pengalaman interaksi pengguna yang baik dan kesan antara muka.

2. Analisis Keperluan
Mari kita jelaskan dahulu keperluan sistem pengurusan gudang, yang terutamanya merangkumi fungsi berikut:

  1. Aset tetap edit, padam dan pertanyaan
  2. Pengurusan masuk dan keluar aset tetap
  3. Pengurusan inventori dan fungsi inventori aset tetap
  4. Pengurusan kebenaran pengguna#🎜 #
  5. Statistik data dan fungsi pelaporan
3 Pembinaan dan konfigurasi projek

    Pasang PHP dan konfigurasikan persekitaran Apache atau Nginx. 🎜#
  1. Pasang Vue dan konfigurasikan persekitaran pembangunan
  2. Buat pangkalan data dan import struktur jadual data
  3. 4. Berdasarkan analisis permintaan, kami mereka bentuk jadual pangkalan data berikut:


Jadual aset tetap (aset): menyimpan maklumat asas aset tetap, seperti nombor, nama, model, kuantiti, dsb. .

    Jadual rekod_stok: menyimpan rekod stok masuk dan stok aset tetap, termasuk ID aset, jenis operasi, kuantiti, masa, dsb.
  1. Jadual pengguna (pengguna): menyimpan maklumat pengguna sistem, termasuk nama pengguna, kata laluan, kebenaran, dsb.
  2. 5. Pembangunan back-end

Cipta antara muka PHP

Kita boleh menggunakan PHP untuk menyediakan satu set antara muka mudah untuk panggilan hadapan . Fungsi utama antara muka termasuk menambah, memadam, mengubah suai dan menanyakan aset tetap, operasi rekod masuk dan keluar, pengurusan hak pengguna, dsb. Antara muka ini terutamanya berinteraksi dengan pangkalan data melalui sambungan MySQL PHP Contoh kod khusus adalah seperti berikut:

  1. // Cipta sambungan pangkalan data#🎜🎜. #$mysqli = mysqli baharu('localhost', 'root', 'password', 'database');

// Tambah aset tetap
function addAsset($data)#🎜🎜 #{#🎜 🎜# global $mysqli;
// Proseskan parameter masuk

$name = $mysqli->real_escape_string($data['name']);

$model = $mysqli- >real_escape_string($data['model']);
$quantity = $mysqli->real_escape_string($data['kuantiti']);
// Lakukan operasi sisipan#🎜 🎜# $ sql = "MASUKKAN KE DALAM aset (nama, model, kuantiti) NILAI ('$nama', '$model', ' $quantity' )";
$result = $mysqli->query($sql);
// Kembalikan hasil
if ($result) {

return ['status' => 1, 'message' => '添加成功'];
Salin selepas log masuk
#🎜🎜 #} lain {
return ['status' => 0, 'message' => '添加失败'];
Salin selepas log masuk

}
}name, model, quantity) VALUES ('$name', '$model', '$quantity')";
$result = $mysqli->query($sql);
// 返回结果
if ($result) {

return ['status' => 1, 'message' => '删除成功'];
Salin selepas log masuk

} else {

return ['status' => 0, 'message' => '删除失败'];
Salin selepas log masuk

}
}

// 删除固定资产
function deleteAsset($id)
{
global $mysqli;
// 执行删除操作
$sql = "DELETE FROM assets WHERE id = '$id'";
$result = $mysqli->query($sql);
// 返回结果
if ($result) {

return ['status' => 1, 'message' => '修改成功'];
Salin selepas log masuk

} else {

return ['status' => 0, 'message' => '修改失败'];
Salin selepas log masuk

}
}

// 修改固定资产
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
// Padamkan aset tetap
fungsi deleteAsset($id)
🎜🎜#{🎜 # global $ mysqli;

// Lakukan operasi padam

$sql = "PADAM DARI aset WHERE id = '$id'";

$result = $mysqli->query($sql );# 🎜🎜# // Kembalikan hasil

jika ($hasil) {

// 获取查询结果
$data = $result->fetch_assoc();
return ['status' => 1, 'data' => $data];
Salin selepas log masuk

} lain {

return ['status' => 0, 'message' => '查询失败'];
Salin selepas log masuk

}
}#🎜 ##🎜 🎜#// Ubah suai aset tetap
fungsi kemas kiniAset($id, $data)
{
global $mysqli;
// Proses parameter masuk#🎜🎜 $name = $mysqli->real_escape_string($data['name']);
$model = $mysqli->real_escape_string($data['model']);
$kuantiti = $ mysqli- >real_escape_string($data['kuantiti']);

// Lakukan operasi kemas kini

$sql = "KEMASKINI aset SET nama = '$nama', < kod> model = '$model', kuantiti = '$quantity' WHERE id = '$id'";

$result = $mysqli->query($ sql) ;

// Kembalikan hasil
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>
Salin selepas log masuk
Salin selepas log masuk

} else {

return {
  name: '',
  model: '',
  quantity: 0,
};
Salin selepas log masuk
Salin selepas log masuk
    }#🎜#🎜 🎜#
  1. //Pertanyakan aset tetap
    fungsi getAsset($id)
  2. {
global $mysqli;

//Lakukan operasi pertanyaan#🎜🎜 =# $sql "PILIH * DARI aset WHERE id = '$id'";
$result = $mysqli->query($sql);

// Kembalikan hasil

if ($result && $ hasil- >num_rows > 0) {

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);
    });
},
Salin selepas log masuk
Salin selepas log masuk
    } lain {
  1. rrreee
  2. }
  3. }
    #🎜...🎜🎜##🎜 🎜#
  4. Melaksanakan logik perniagaan
    Dengan memanggil antara muka yang sepadan, kami boleh melaksanakan fungsi menambah, menyunting, memadam dan menyoal aset tetap. Sebagai contoh, logik fungsi menambah aset tetap adalah seperti berikut:

// Tambah aset tetap
addAsset($_POST);

#🎜🎜#6 . Pembangunan bahagian hadapan# 🎜🎜##🎜🎜##🎜🎜#Pasang Vue dan buat projek Vue#🎜🎜##🎜🎜#Buat komponen#🎜🎜#Mengikut analisis permintaan, kita perlu mencipta pengurusan aset , gudang masuk dan keluar, pengiraan inventori dan pengurusan Hak pengguna dan komponen lain. Setiap komponen termasuk pandangan yang sepadan dan logik interaksi. #🎜🎜##🎜🎜#Melaksanakan logik paparan dan interaksi#🎜🎜#Dalam Vue, kami boleh menggunakan pustaka axios untuk memanggil antara muka hujung belakang dan memproses hasil pulangan yang sepadan. Berikut ialah contoh komponen mudah untuk menambah aset tetap: #🎜🎜##🎜🎜##🎜🎜#

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!