当前位置：首页 > news >正文

【Php期末大作业带数据库】Php+MySQL电商商品展示平台设计与实现、电子购物商城系统（附源码）

news 2026/5/14 14:09:15

作品介绍：

网页作品简介
本作品是基于 PHP+MySQL 技术栈开发的电商商品展示平台模板，包含 6 个核心页面：首页、商品列表页、商品详情页、分类浏览页、用户登录页、用户注册页。整体设计围绕电商商品展示场景，实现了从商品浏览到用户交互的完整流程，适合作为 PHP 课程期末作业或电商网站入门学习案例。
网页作品编辑
此作品为电商主题网站设计题材，代码采用学生水平的 PHP+MySQL+HTML+CSS 布局制作，结构清晰易懂。作品下载后可使用任意代码编辑软件（如：VS Code、Phpstudy、HBuilder、Sublime、WebStorm、Notepad++ 等）进行修改编辑，无需复杂环境配置，通过 XAMPP 等集成环境即可快速运行调试。
网页作品技术
技术栈涵盖 Web 开发核心知识点：
后端：PHP 动态页面生成、MySQL 数据库交互、PDO 预处理语句
前端：Div+CSS 布局、Bootstrap 响应式框架、JavaScript 表单验证特效
功能实现：导航栏动态效果、商品卡片布局、用户表单交互、数据库增删改查
其他：会话管理、密码加密、页面模块化设计（公共头脚复用）
所有代码均包含详细注释，覆盖 PHP 入门到数据库操作的关键知识点，便于初学者理解和二次开发。
获取完整源码
如需完整源码及数据库脚本，可关注并私信获取，或在评论区留言交流技术问题。

作品运行部分截图：

一、项目概述

随着电子商务的快速发展，搭建一个功能完善的电商商品展示平台成为很多开发者的实践需求。本文将详细介绍如何使用 PHP+MySQL 技术栈开发一个简易电商商品展示平台，包含商品展示、分类浏览、用户注册登录等核心功能，适合 PHP 初学者作为期末大作业参考。

二、技术栈选择

前端：HTML5、CSS3、JavaScript、Bootstrap 5（用于响应式布局）
后端：PHP 7.4+（服务器端脚本语言）
数据库：MySQL 8.0（数据存储）
开发工具：VS Code、phpMyAdmin
服务器：XAMPP（集成 Apache、MySQL 环境）

三、数据库设计

1. 数据库创建

CREATE DATABASE IF NOT EXISTS ecommerce DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; USE ecommerce;

2. 核心表设计

用户表（users）商品分类表（categories）

CREATE TABLE categories ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100) NOT NULL, description TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP );

商品表（goods）

CREATE TABLE `goods` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(100) NOT NULL, `typeid` int(11) NOT NULL, `price` decimal(10,2) NOT NULL, `total` int(11) NOT NULL, `pic` varchar(100) DEFAULT NULL, `note` text, `addtime` int(11) NOT NULL, `updatetime` int(11) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

四、项目架构设计

采用 MVC 模式的简化架构：
模型（Model）：通过 PHP 操作 MySQL 数据库
视图（View）：HTML 页面展示数据
控制器（Controller）：处理用户请求，协调模型和视图

五、核心功能实现

1. 数据库连接（config/db.php）

<?php $host = 'localhost'; $db = 'ecommerce'; $user = 'root'; $pass = 'root'; $charset = 'utf8mb4'; $dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $options = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, PDO::ATTR_EMULATE_PREPARES => false, ]; try { $pdo = new PDO($dsn, $user, $pass, $options); } catch (\PDOException $e) { throw new \PDOException($e->getMessage(), (int)$e->getCode()); } ?>

2. 用户注册功能（pages/register.php）

<?php require_once '../config/db.php'; $error = ''; if ($_SERVER['REQUEST_METHOD'] === 'POST') { $username = trim($_POST['username']); $email = trim($_POST['email']); $password = $_POST['password']; $confirm_password = $_POST['confirm_password']; // 简单验证 if (empty($username) || empty($email) || empty($password)) { $error = '请填写所有必填字段'; } elseif ($password !== $confirm_password) { $error = '两次密码输入不一致'; } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) { $error = '请输入有效的邮箱地址'; } else { // 检查用户名和邮箱是否已存在 $stmt = $pdo->prepare("SELECT * FROM users WHERE username = ? OR email = ?"); $stmt->execute([$username, $email]); if ($stmt->rowCount() > 0) { $error = '用户名或邮箱已被注册'; } else { // 密码加密 $hashed_password = password_hash($password, PASSWORD_DEFAULT); // 插入用户数据 $stmt = $pdo->prepare("INSERT INTO users (username, email, password) VALUES (?, ?, ?)"); if ($stmt->execute([$username, $email, $hashed_password])) { header('Location: login.php?success=注册成功，请登录'); exit; } else { $error = '注册失败，请稍后再试'; } } } } ?> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>用户注册 - 电商平台</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <?php include '../include/header.php'; ?> <div class="container mt-5"> <div class="row justify-content-center"> <div class="col-md-6"> <div class="card"> <div class="card-header">用户注册</div> <div class="card-body"> <?php if ($error): ?> <div class="alert alert-danger"><?php echo $error; ?></div> <?php endif; ?> <form method="post"> <div class="mb-3"> <label for="username" class="form-label">用户名</label> <input type="text" class="form-control" id="username" name="username" required> </div> <div class="mb-3"> <label for="email" class="form-label">邮箱</label> <input type="email" class="form-control" id="email" name="email" required> </div> <div class="mb-3"> <label for="password" class="form-label">密码</label> <input type="password" class="form-control" id="password" name="password" required> </div> <div class="mb-3"> <label for="confirm_password" class="form-label">确认密码</label> <input type="password" class="form-control" id="confirm_password" name="confirm_password" required> </div> <button type="submit" class="btn btn-primary">注册</button> </form> <div class="mt-3"> 已有账号？<a href="login.php">立即登录</a> </div> </div> </div> </div> </div> </div> <?php include '../include/footer.php'; ?> </body> </html>

4. 商品详情页（pages/goods_detail.php）

<?php require_once '../config/db.php'; // 检查商品ID是否存在 if (!isset($_GET['id']) || !is_numeric($_GET['id'])) { header('Location: products.php'); exit; } $product_id = (int)$_GET['id']; // 获取商品详情 $stmt = $pdo->prepare("SELECT p.*, c.name as category_name FROM products p LEFT JOIN categories c ON p.category_id = c.id WHERE p.id = ?"); $stmt->execute([$product_id]); $product = $stmt->fetch(); if (!$product) { header('Location: products.php'); exit; } ?> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title><?php echo $product['name']; ?> - 电商平台</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <?php include '../include/header.php'; ?> <div class="container mt-5"> <div class="row"> <div class="col-md-6"> <img src="<?php echo $product['image'] ? $product['image'] : '../assets/images/default.png'; ?>" class="img-fluid" alt="<?php echo $product['name']; ?>"> </div> <div class="col-md-6"> <h2><?php echo $product['name']; ?></h2> <p class="text-muted">分类: <?php echo $product['category_name'] ?? '未分类'; ?></p> <p class="text-primary display-6">¥<?php echo $product['price']; ?></p> <div class="mt-4"> <h5>商品详情</h5> <p><?php echo nl2br($product['description']); ?></p> </div> <div class="mt-4"> <p><strong>库存状态:</strong> <?php echo $product['stock'] > 0 ? '有货' : '无货'; ?></p> </div> <div class="mt-5"> <?php if ($product['stock'] > 0): ?> <button class="btn btn-primary btn-lg">加入购物车</button> <button class="btn btn-success btn-lg ms-3">立即购买</button> <?php else: ?> <button class="btn btn-secondary btn-lg" disabled>暂时缺货</button> <?php endif; ?> </div> </div> </div> </div> <?php include '../include/footer.php'; ?> </body> </html>