×

Tạo trang web bán hàng đơn giản với PHP và MySQL

Avatar of admin
admin 2 Views

Trong thời kỳ thương mại điện tử ngày càng phát triển như hiện nay, việc tạo ra một trang web bán hàng trực tuyến đã trở nên dễ dàng hơn bao giờ hết với các công cụ và ngôn ngữ lập trình phổ biến. Bài viết này sẽ hướng dẫn bạn các bước cơ bản để xây dựng một trang web bán hàng đơn giản sử dụng PHP và MySQL, hai công cụ mạnh mẽ và linh hoạt.

Bước 1: Thiết lập môi trường

Trước khi bắt đầu, bạn cần đảm bảo rằng máy tính của mình đã có LAMP (Linux, Apache, MySQL, PHP) hoặc XAMPP (một phiên bản đa nền tảng của LAMP). Nếu bạn sử dụng Windows, XAMPP sẽ là một lựa chọn tốt.

Bước 2: Tạo cơ sở dữ liệu MySQL

Mở phpMyAdmin (hoặc công cụ quản trị cơ sở dữ liệu khác) và tạo một cơ sở dữ liệu mới, ví dụ như shopdb. Tiếp theo, tạo các bảng cần thiết cho trang web của bạn, bắt đầu với bảng products:

CREATE TABLE products (
  id INT AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(255) NOT NULL,
  description TEXT,
  price DECIMAL(10, 2) NOT NULL,
  image VARCHAR(255)
);

Bước 3: Kết nối PHP với cơ sở dữ liệu

Trong thư mục dự án của bạn, tạo một tệp tin PHP mới với tên db.php để thiết lập kết nối với cơ sở dữ liệu:

<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$dbname = 'shopdb';

$conn = new mysqli($host, $user, $pass, $dbname);

if ($conn->connect_error) {
  die('Connection failed: ' . $conn->connect_error);
}
?>

Bước 4: Hiển thị sản phẩm

Tạo một tệp tin PHP mới với tên index.php để hiển thị các sản phẩm từ cơ sở dữ liệu lên trang web:

<?php
include 'db.php';

$sql = "SELECT * FROM products";
$result = $conn->query($sql);

?>

<!DOCTYPE html>
<html>
<head>
  <title>Product Catalog</title>
</head>
<body>
  <h1>Product Catalog</h1>
  <div class="products">
    <?php while($row = $result->fetch_assoc()): ?>
      <div class="product">
        <h2><?php echo $row['name']; ?></h2>
        <p><?php echo $row['description']; ?></p>
        <p>Price: $<?php echo $row['price']; ?></p>
        <img src="<?php echo $row['image']; ?>" alt="<?php echo $row['name']; ?>">
      </div>
    <?php endwhile; ?>
  </div>
</body>
</html>

Bước 5: Thêm sản phẩm mới

Để thêm sản phẩm mới vào cơ sở dữ liệu, tạo một tệp tin PHP mới với tên add_product.php:

<?php
include 'db.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $name = $_POST['name'];
  $description = $_POST['description'];
  $price = $_POST['price'];
  $image = $_POST['image'];

  $sql = "INSERT INTO products (name, description, price, image) VALUES ('$name', '$description', '$price', '$image')";
  
  if ($conn->query($sql) === TRUE) {
    echo "New product added successfully";
  } else {
    echo "Error: " . $sql . "<br>" . $conn->error;
  }
}
?>

<!DOCTYPE html>
<html>
<head>
  <title>Add Product</title>
</head>
<body>
  <h1>Add Product</h1>
  <form method="POST" action="">
    <label for="name">Product Name:</label>
    <input type="text" id="name" name="name" required><br>
    <label for="description">Description:</label>
    <textarea id="description" name="description" required></textarea><br>
    <label for="price">Price:</label>
    <input type="text" id="price" name="price" required><br>
    <label for="image">Image URL:</label>
    <input type="text" id="image" name="image"><br>
    <button type="submit">Add Product</button>
  </form>
</body>
</html>

Bước 6: Cải thiện giao diện người dùng

Bạn có thể bổ sung thêm CSS vào các tệp tin HTML để cải thiện giao diện người dùng. Tạo một tệp tin CSS mới với tên styles.css và liên kết nó với các tệp tin HTML của bạn:

body {
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;
}

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.product {
  border: 1px solid #ccc;
  padding: 16px;
  margin: 16px;
  width: 200px;
  text-align: center;
}

.product img {
  max-width: 100%;
}

Liên kết CSS trong tệp tin HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Product Catalog</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <!-- Content here -->
</body>
</html>

Kết luận

Việc tạo ra một trang web bán hàng cơ bản với PHP và MySQL không quá phức tạp nếu bạn tuân thủ các bước hướng dẫn chi tiết như trên. Mặc dù trang web này chỉ là một ví dụ đơn giản, nhưng nó có thể được mở rộng và nâng cấp thêm các tính năng khác như quản lý giỏ hàng, thanh toán trực tuyến và tích hợp với các API bên thứ ba để mang lại trải nghiệm tốt hơn cho người dùng. Hy vọng rằng hướng dẫn này sẽ giúp bạn bước đầu tiên trên hành trình xây dựng trang web thương mại điện tử của riêng mình.

Comments

Bài viết liên quan