贝博恩创新科技网

WampServer如何配置MySQL?新手入门教程指南

WampServer MySQL 完整入门教程

第一部分:基础概念与安装

什么是 WampServer 和 MySQL?

  • WampServer:它不是一个软件,而是一个集成软件包,它将三个在 Windows 上运行 Web 应用程序最流行的开源项目打包在一起:

    WampServer如何配置MySQL?新手入门教程指南-图1
    (图片来源网络,侵删)
    • Windows (操作系统)
    • Apache (Web 服务器):用于接收用户的 HTTP 请求并返回网页。
    • MySQL (数据库服务器):用于存储和管理网站的数据(如用户信息、文章内容等)。
    • PHP (脚本语言):用于编写动态网页,连接 Apache 和 MySQL,处理数据逻辑。
    • WampServer 的优点:一键安装,自动配置,让你无需分别安装和配置这些复杂的软件,非常适合初学者进行本地开发和测试。
  • MySQL:世界上最流行的开源关系型数据库管理系统,你可以把它想象成一个高度智能化的电子表格,但它更强大、更安全、更适合处理海量数据和复杂的查询关系,所有需要存储数据的应用(如 WordPress, Joomla, Drupal, 你自己的网站项目)几乎都会用到它。

下载和安装 WampServer

  1. 下载

    • 访问 WampServer 官方网站:http://www.wampserver.com/
    • 根据你的 Windows 系统位数(32位或64位)下载对应的版本,现在绝大多数电脑都是64位系统,如果你不确定,可以下载64位版本。
    • 建议下载最新的稳定版本(WampServer 3.x)。
  2. 安装

    • 双击下载的安装文件(如 wampserver3_x.x.x_x64.exe)。
    • 按照安装向导的提示进行操作。
    • 重要步骤:在安装过程中,会提示你选择一个安装目录。强烈建议不要安装到带有空格或中文的路径下C:\WampServer 是推荐的,而 C:\Program Files\WampServerD:\我的软件\WampServer 可能会导致一些问题。
    • 安装过程中,WampServer 会自动检测你电脑上是否已安装 Apache 和 MySQL 的 VC++ 运行库,如果没有,它会自动下载并安装,请耐心等待。
    • 安装完成后,点击 "Finish",WampServer 会自动启动。

启动与验证

  1. 启动

    WampServer如何配置MySQL?新手入门教程指南-图2
    (图片来源网络,侵删)
    • 安装完成后,WampServer 会作为一个服务在系统托盘(屏幕右下角)显示图标,图标是一个绿色的字母 "W"。
    • 图标颜色代表状态
      • 绿色:所有服务(Apache, MySQL)都已启动并正常运行,一切正常。
      • 橙色:Apache 服务已启动,但 MySQL 服务可能未启动或有问题。
      • 红色:关键服务(通常是 Apache)无法启动,可能是端口被占用(如 Skype、IIS 等)。
  2. 验证

    • 打开你的浏览器(如 Chrome, Firefox),在地址栏输入 http://localhosthttp://127.0.0.1
    • 如果看到 WampServer 的欢迎页面,说明 Apache 服务器工作正常。
    • 在地址栏输入 http://localhost/phpmyadmin
    • 如果看到 phpMyAdmin 的登录页面,说明 MySQL 和用于管理它的 phpMyAdmin 也都工作正常。

第二部分:基本操作与使用

WampServer 图标菜单详解

右键点击系统托盘的 "W" 图标,会弹出菜单,这是你管理 WampServer 的核心。

  • Start All Services / Stop All Services / Restart All Services:一键启动、停止或重启所有服务。
  • Put Online / Put Offline
    • Online:你的电脑作为本地服务器,可以被局域网内的其他电脑访问。
    • Offline:仅限本机访问,更安全。
  • www Directory:点击 "Open Directory" 可以直接打开你存放网站文件的根目录,默认是 C:\wamp64\www,你所有的项目都应该放在这个目录下。
  • Localhost:快速在浏览器中打开 http://localhost
  • phpMyAdmin:快速打开 MySQL 的管理界面。
  • Tools
    • MySQL Console:打开 MySQL 命令行窗口,可以直接输入 SQL 语句操作数据库,这是学习 SQL 的好地方。
    • Error Logs:查看 Apache 和 MySQL 的错误日志,当程序出错时,这里是排查问题的第一站。

使用 phpMyAdmin 管理数据库

phpMyAdmin 是一个基于 Web 的 MySQL 管理工具,图形化界面非常友好,是初学者的首选。

  1. 登录:在浏览器中访问 http://localhost/phpmyadmin,默认用户名是 root,密码为空(直接点击“执行”或“Go”)。

    WampServer如何配置MySQL?新手入门教程指南-图3
    (图片来源网络,侵删)
  2. 创建一个数据库

    • 在 phpMyAdmin 主页面的 "创建数据库" 输入框中,输入你的数据库名称,my_blog
    • 选择排序规则(utf8mb4_general_ci 是目前最推荐的选择,能完美支持emoji和大部分文字)。
    • 点击 "创建"。
  3. 创建一个数据表

    • 创建数据库后,会自动跳转到该数据库的管理页面。
    • 在 "在数据库 my_blog 中创建一个新表" 输入框中,输入表名,posts,并指定字段数量(4 个),然后点击 "执行"。
    • 定义字段
      • id: 类型选 INT,勾选 A_I (Auto Increment, 自增),作为主键。
      • title: 类型选 VARCHAR,长度设为 255
      • content: 类型选 TEXT,用于存放长文本。
      • created_at: 类型选 DATETIME,用于记录创建时间。
    • 点击 "保存"。
  4. 插入数据(增)

    • 在左侧点击 posts 表,然后点击顶部菜单的 "插入"。
    • titlecontent 字段中填入一些测试数据,idcreated_at 可以留空(id 会自增,created_at 可以设置默认值)。
    • 点击 "执行",数据就被成功添加到表中。
  5. 查询数据(查)

    • posts 表页面,点击 "浏览"。
    • 你会看到刚才插入的所有数据。
  6. 更新和删除数据(改、删)

    在 "浏览" 页面,每条数据行都有 "编辑" 和 "删除" 的链接,点击即可进行相应操作。

使用 MySQL 命令行

虽然 phpMyAdmin 很方便,但了解命令行操作对于深入学习至关重要。

  1. 打开命令行:右键点击 WampServer 图标 -> Tools -> MySQL Console。

  2. 常用命令

    • SHOW DATABASES; -- 显示所有数据库列表。
    • USE my_blog; -- 选择要操作的数据库 my_blog
    • SHOW TABLES; -- 显示当前数据库中的所有数据表。
    • DESCRIBE posts; -- 查看 posts 表的结构。
    • SELECT * FROM posts; -- 查询 posts 表中的所有数据。
    • INSERT INTO posts (title, content) VALUES ('我的第一篇文章', '这是文章内容。'); -- 插入一条新数据。
    • UPDATE posts SET title = '新标题' WHERE id = 1; -- 将 id 为 1 的文章标题更新为 "新标题"。
    • DELETE FROM posts WHERE id = 1; -- 删除 id 为 1 的文章。
    • EXIT; -- 退出 MySQL 命令行。

注意:所有 SQL 命令都必须以分号


第三部分:项目实践(连接 PHP 和 MySQL)

假设我们要用 PHP 从 my_blog 数据库的 posts 表中读取数据并显示在网页上。

  1. 创建项目文件

    • 在 WampServer 的 www 目录(C:\wamp64\www)下创建一个新文件夹,test_project
    • test_project 文件夹中,创建一个名为 index.php 的文件。
  2. 编写 PHP 代码

    • 用记事本或 VS Code 等编辑器打开 index.php,输入以下代码:
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>我的博客</title>
        <style>
            body { font-family: sans-serif; line-height: 1.6; margin: 2em; }
            .post { border: 1px solid #ccc; padding: 1em; margin-bottom: 1em; border-radius: 5px; }
            .post h2 { margin-top: 0; }
        </style>
    </head>
    <body>
        <h1>我的博客文章列表</h1>
        <?php
        // 1. 连接到数据库
        // WampServer默认的用户名是root,密码为空
        $servername = "localhost";
        $username = "root";
        $password = "";
        $dbname = "my_blog";
        // 创建连接
        $conn = new mysqli($servername, $username, $password, $dbname);
        // 检查连接是否成功
        if ($conn->connect_error) {
            die("连接失败: " . $conn->connect_error);
        }
        // 2. 查询数据
        $sql = "SELECT id, title, content, created_at FROM posts";
        $result = $conn->query($sql);
        // 3. 显示数据
        if ($result->num_rows > 0) {
            // 输出数据
            while($row = $result->fetch_assoc()) {
                echo "<div class='post'>";
                echo "<h2>" . htmlspecialchars($row["title"]) . "</h2>";
                echo "<p>" . nl2br(htmlspecialchars($row["content"])) . "</p>";
                echo "<small>发布时间: " . $row["created_at"] . "</small>";
                echo "</div>";
            }
        } else {
            echo "暂无文章";
        }
        // 4. 关闭连接
        $conn->close();
        ?>
    </body>
    </html>
  3. 访问项目

    • 确保你的 WampServer 图标是绿色的。
    • 在浏览器地址栏输入:http://localhost/test_project/
    • 你应该能看到你之前在数据库中创建的文章列表了。

第四部分:常见问题与排错

  1. WampServer 图标是红色或橙色?

    • 检查端口:最常见的原因是 Apache 的 80 端口被占用,关闭可能占用 80 端口的软件(如 Skype, IIS, 一些下载工具等),Skype 可以在“高级连接设置”里取消勾选使用 80 和 443 端口。
    • 查看日志:右键点击 WampServer 图标 -> Tools -> Error Logs,查看 Apache 或 MySQL 的错误日志,根据提示解决问题。
  2. 无法连接到 MySQL (在 PHP 中)?

    • 确认 MySQL 服务已启动(图标为绿色)。
    • 检查连接参数($servername, $username, $password, $dbname)是否正确。
    • 在 phpMyAdmin 中确认数据库和表是否存在,并且用户 root 有权限访问。
  3. 中文乱码问题?

    • 数据库:创建数据库和表时,请选择 utf8mb4_general_ci 排序规则。
    • 连接:在 PHP 连接数据库后,立即执行 SET NAMES utf8mb4;$conn->set_charset("utf8mb4");
    • PHP 文件:确保 HTML 文件头部有 <meta charset="UTF-8">
    • 数据:确保你插入的文本本身就是 UTF-8 编码。

通过这份教程,你已经学会了如何安装、配置和使用 WampServer 及其集成的 MySQL 数据库,从基础的数据库创建、数据增删改查,到 PHP 连接数据库并展示数据,你已经掌握了本地 Web 开发的核心流程。

你可以尝试:

  • 学习更复杂的 SQL 查询(如 JOIN, GROUP BY)。
  • 尝试构建一个简单的留言本或用户登录系统。
  • 学习一个 PHP 框架(如 Laravel, Symfony),它们会使用更优雅的方式(ORM)来操作数据库。

祝你学习愉快!

分享:
扫描分享到社交APP
上一篇
下一篇