So implementieren Sie mit PHP und Vue die Lagerverwaltungsfunktion der Lagerverwaltung

So implementieren Sie mit PHP und Vue die Lagerverwaltungsfunktion der Lagerverwaltung

Im modernen Geschäftsbetrieb ist die Lagerverwaltung ein sehr wichtiger Bestandteil. Eine ordnungsgemäße Lagerverwaltung kann Unternehmen dabei helfen, die Lagerbedingungen besser zu verstehen und die Effizienz und Genauigkeit der Warenverwaltung zu verbessern. In diesem Artikel wird erläutert, wie PHP und Vue zur Implementierung der Lagerverwaltungsfunktion der Lagerverwaltung verwendet werden, und es werden spezifische Codebeispiele bereitgestellt.

1. Vorbereitung
Bevor wir mit dem Schreiben von Code beginnen, müssen wir einige Vorbereitungen treffen. Stellen Sie zunächst sicher, dass Sie die entsprechenden Versionen von PHP und Vue.js installiert und die entsprechende Entwicklungsumgebung konfiguriert haben. Zweitens müssen wir auch eine Datenbank und entsprechende Datentabellen erstellen, um Daten im Zusammenhang mit der Lagerverwaltung zu speichern.

2. Datenbanktabellen erstellen
In der Lagerverwaltungsfunktion der Lagerverwaltung müssen wir die folgenden Datenbanktabellen erstellen:

1. Warentabelle: speichert Wareninformationen, einschließlich Warenname, Warennummer, Modell, Spezifikation, Einheit und andere Felder.

Tabelle Waren erstellen (goods (

`id` int(11) not null auto_increment,
`name` varchar(255) not null,
`code` varchar(255) not null,
`model` varchar(255),
`spec` varchar(255),
`unit` varchar(255),
primary key (`id`)

) engine=InnoDB default charset=utf8;

2. stock表：存储库存信息，包括货物ID、入库数量、入库时间等字段。

create table stock

`id` int(11) not null auto_increment,
`goods_id` int(11) not null,
`quantity` int(11) not null,
`created_at` timestamp not null default current_timestamp,
primary key (`id`),
foreign key (`goods_id`) references `goods` (`id`)

) engine=InnoDB default charset=utf8;

Lagertabelle: speichert Bestandsinformationen, einschließlich Waren-ID und Lagermenge, Lagerzeit und andere Bereiche.




Tabelle erstellen stock (

$stmt = $conn->prepare('SELECT * FROM goods');
$stmt->execute();
$result = $stmt->fetchAll(PDO::FETCH_ASSOC);

echo json_encode($result);

) engine=InnoDB default charset=utf8;
3. PHP-Code schreiben

Als nächstes schreiben wir PHP-Code, um die Interaktion mit der Datenbank zu realisieren damit verbundene Funktionen der Lagerverwaltung. Zuerst müssen wir eine config.php-Datei für die Verbindung zur Datenbank erstellen:

config.php



$db_host = 'localhost'; $db_name = 'your_db_name'; your_db_user ';

$db_pass = 'your_db_pass';

$conn = new PDO("mysql:host=$db_host;dbname=$db_name", $db_user, $db_pass);

$conn->setAttribute(PDO: : ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
?>


Dann erstellen wir eine api.php-Datei, um die Dateninteraktion mit dem Front-End-Vue abzuwickeln:

api.php

require_once ( 'config.php');

header('Content-Type: application/json');

// Warenliste abrufen
if ($_GET['action'] == 'getGoodsList') {

$goods_id = $_POST['goods_id'];
$quantity = $_POST['quantity'];

$stmt = $conn->prepare('INSERT INTO stock (goods_id, quantity) VALUES (?, ?)');
$stmt->execute([$goods_id, $quantity]);

echo json_encode(['status' => 'success']);

}


//Speichereintrag hinzufügen

if ($_POST['action'] == 'addStock') {


<meta charset="UTF-8">
<title>仓库管理</title>

}

?>

4. Vue-Code schreiben
In diesem Abschnitt verwenden wir Vue .js übernimmt die Front-End-Logik und implementiert die Lagerverwaltungsfunktion der Lagerverwaltung. Zuerst müssen wir eine Vue-Instanz erstellen und die Warenliste abrufen:


index.html







<div id="app">
    <h1>入库管理</h1>
    <form @submit.prevent="addStock">
        <select v-model="selectedGoods">
            <option v-for="goods in goodsList" :value="goods.id">{{ goods.name }}</option>
        </select>
        <input type="number" min="1" v-model="quantity" required>
        <button type="submit">确认入库</button>
    </form>
    <ul>
        <li v-for="stock in stockList">{{ stock.name }} 入库 {{ stock.quantity }} 件</li>
    </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            selectedGoods: '',
            quantity: '',
            goodsList: [],
            stockList: []
        },
        methods: {
            getGoodsList() {
                fetch('api.php?action=getGoodsList')
                .then(response => response.json())
                .then(data => {
                    this.goodsList = data;
                });
            },
            addStock() {
                const formData = new FormData();
                formData.append('action', 'addStock');
                formData.append('goods_id', this.selectedGoods);
                formData.append('quantity', this.quantity);

                fetch('api.php', {
                    method: 'POST',
                    body: formData
                })
                .then(() => {
                    this.getStockList();
                    this.selectedGoods = '';
                    this.quantity = '';
                });
            },
            getStockList() {
                // 获取入库记录列表
            }
        },
        mounted() {
            this.getGoodsList();
            this.getStockList();
        }
    });
</script>

rrreee🎜🎜

Das obige ist der detaillierte Inhalt vonSo implementieren Sie mit PHP und Vue die Lagerverwaltungsfunktion der Lagerverwaltung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!