PHP を使用してキャンパス中古品取引プラットフォームを実装する方法

大学生活が豊かになり、物的ニーズが高まるにつれ、キャンパス中古取引プラットフォームはキャンパスライフに欠かせないものになりました。開発者として、PHP を使用してキャンパス中古品取引プラットフォームを実装する方法は、習得する必要があるスキルです。この記事では、PHP を使用してキャンパス中古取引プラットフォームを実装する方法 (データベース設計、バックエンド管理、フロントエンド設計など) を紹介します。

1. データベース設計

データベース設計は、Web サイトを構築する前の重要なステップです。キャンパス中古品取引プラットフォームでは、ユーザー、商品、取引などの基本概念を定義する必要があります。これらの概念を実装するには、MySQL データベースを使用してデータを保存します。作成する必要があるテーブルは次のとおりです:

ユーザー情報テーブル:

CREATE TABLE user (

`id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`username` varchar(255) NOT NULL,
`password` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL,
`phone` varchar(255) NOT NULL,
`avatar` varchar(255) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET= utf8 ;

製品情報テーブル:

CREATE TABLE item (

`id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`description` text NOT NULL,
`price` decimal(10,2) NOT NULL,
`category` varchar(255) NOT NULL,
`seller_id` int(11) NOT NULL,
`sold` tinyint(1) NOT NULL DEFAULT '0',
`create_time` datetime NOT NULL,
`update_time` datetime NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

ユーザー トランザクション テーブル:

CREATE TABLE transaction (

`id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`buyer_id` int(11) NOT NULL,
`seller_id` int(11) NOT NULL,
`item_id` int(11) NOT NULL,
`price` decimal(10,2) NOT NULL,
`create_time` datetime NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2. バックエンド管理

バックグラウンド管理では、商品の追加、編集、削除、ユーザー情報や取引情報の管理が必要です。 PHP を使用してバックグラウンド管理関数を作成し、データベースに接続できます。

PHP では、PDO または mysqli API を使用して MySQL データベースに接続できます。以下は、mysqli API を使用した例です。

e81883ae085cd370014c01b8036ad6b5connect_error) {

die("Connection failed: " . $conn->connect_error);

}

echo "接続に成功しました";
?>

バックグラウンドで 管理インターフェイスでは、PHP を使用して適切なフォームとハンドラーを作成できます。たとえば、次のコードを使用して製品を追加できます:

cd5904020cc32d789e23f909faa2f4c8 connect_error) {

die("Connection failed: " . $conn->connect_error);

}

$title = $_POST['title'];
$description = $_POST['description'];
$price = $_POST ['価格'];
$category = $_POST['category'];
$seller_id = $_POST['seller_id'];

$sql = "商品に挿入 (タイトル、説明、価格、カテゴリ、販売者 ID) VALUES ('$title', '$description', '$price', '$category', '$seller_id')";

if ($conn- > query($sql) === TRUE) {

echo "New item added successfully";

} else {

echo "Error: " . $sql . "<br>" . $conn->error;

}

$conn->close();
? >

3. フロントエンド デザイン

フロントエンド デザインでは、ユーザー インターフェイスとインタラクションを考慮する必要があります。 HTML、CSS、JavaScript を使用して優れたユーザー インターフェイスを実装し、ユーザーにスムーズなエクスペリエンスを提供します。

適切に設計されたユーザー ログイン フォームの HTML および CSS スタイルは次のとおりです:

8b05045a5be5764f313ed5b9168a17e6
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e

<meta charset="UTF-8">
<title>Login - Campus Marketplace</title>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f2f2f2;
        margin: 0;
        padding: 0;
    }

    .container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    }

    h1 {
        font-size: 24px;
        margin: 0 0 20px 0;
        text-align: center;
    }

    form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    input[type=text], input[type=password] {
        font-size: 16px;
        padding: 8px;
        margin-bottom: 10px;
        border-radius: 5px;
        border: none;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
        width: 100%;
        box-sizing: border-box;
    }

    input[type=submit] {
        background-color: #4CAF50;
        color: white;
        font-size: 16px;
        padding: 12px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    }

    input[type=submit]:hover {
        background-color: #3e8e41;
    }
</style>

9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d

<div class="container">
    <h1>Login</h1>
    <form action="login.php" method="POST">
        <input type="text" name="username" placeholder="Username">
        <input type="password" name="password" placeholder="Password">
        <input type="submit" value="Login">
    </form>
</div>

36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

JavaScript では、XMLHttpRequest を使用できます。または、API を取得してバックグラウンドと対話し、ページのコンテンツを更新します。

結論:

この技術記事では、PHP を使用してキャンパス中古取引プラットフォームの基本機能を実装する方法を紹介しました。私たちは、MySQL データベースの設計、バックエンド管理の開発、フロントエンド ユーザー インターフェイスの設計方法を学びました。これらのテクノロジーを習得することで、完全なキャンパス中古取引プラットフォームを構築し、キャンパスの学生に便利で安全な取引プラットフォームを提供することができます。

以上がPHP を使用してキャンパス中古品取引プラットフォームを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。