WampServer MySQL 完整入门教程
第一部分:基础概念与安装
什么是 WampServer 和 MySQL?
-
WampServer:它不是一个软件,而是一个集成软件包,它将三个在 Windows 上运行 Web 应用程序最流行的开源项目打包在一起:
(图片来源网络,侵删)- Windows (操作系统)
- Apache (Web 服务器):用于接收用户的 HTTP 请求并返回网页。
- MySQL (数据库服务器):用于存储和管理网站的数据(如用户信息、文章内容等)。
- PHP (脚本语言):用于编写动态网页,连接 Apache 和 MySQL,处理数据逻辑。
- WampServer 的优点:一键安装,自动配置,让你无需分别安装和配置这些复杂的软件,非常适合初学者进行本地开发和测试。
-
MySQL:世界上最流行的开源关系型数据库管理系统,你可以把它想象成一个高度智能化的电子表格,但它更强大、更安全、更适合处理海量数据和复杂的查询关系,所有需要存储数据的应用(如 WordPress, Joomla, Drupal, 你自己的网站项目)几乎都会用到它。
下载和安装 WampServer
-
下载:
- 访问 WampServer 官方网站:http://www.wampserver.com/
- 根据你的 Windows 系统位数(32位或64位)下载对应的版本,现在绝大多数电脑都是64位系统,如果你不确定,可以下载64位版本。
- 建议下载最新的稳定版本(
WampServer 3.x)。
-
安装:
- 双击下载的安装文件(如
wampserver3_x.x.x_x64.exe)。 - 按照安装向导的提示进行操作。
- 重要步骤:在安装过程中,会提示你选择一个安装目录。强烈建议不要安装到带有空格或中文的路径下,
C:\WampServer是推荐的,而C:\Program Files\WampServer或D:\我的软件\WampServer可能会导致一些问题。 - 安装过程中,WampServer 会自动检测你电脑上是否已安装 Apache 和 MySQL 的 VC++ 运行库,如果没有,它会自动下载并安装,请耐心等待。
- 安装完成后,点击 "Finish",WampServer 会自动启动。
- 双击下载的安装文件(如
启动与验证
-
启动:
(图片来源网络,侵删)- 安装完成后,WampServer 会作为一个服务在系统托盘(屏幕右下角)显示图标,图标是一个绿色的字母 "W"。
- 图标颜色代表状态:
- 绿色:所有服务(Apache, MySQL)都已启动并正常运行,一切正常。
- 橙色:Apache 服务已启动,但 MySQL 服务可能未启动或有问题。
- 红色:关键服务(通常是 Apache)无法启动,可能是端口被占用(如 Skype、IIS 等)。
-
验证:
- 打开你的浏览器(如 Chrome, Firefox),在地址栏输入
http://localhost或http://127.0.0.1。 - 如果看到 WampServer 的欢迎页面,说明 Apache 服务器工作正常。
- 在地址栏输入
http://localhost/phpmyadmin。 - 如果看到 phpMyAdmin 的登录页面,说明 MySQL 和用于管理它的 phpMyAdmin 也都工作正常。
- 打开你的浏览器(如 Chrome, Firefox),在地址栏输入
第二部分:基本操作与使用
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 管理工具,图形化界面非常友好,是初学者的首选。
-
登录:在浏览器中访问
http://localhost/phpmyadmin,默认用户名是root,密码为空(直接点击“执行”或“Go”)。
(图片来源网络,侵删) -
创建一个数据库:
- 在 phpMyAdmin 主页面的 "创建数据库" 输入框中,输入你的数据库名称,
my_blog。 - 选择排序规则(
utf8mb4_general_ci是目前最推荐的选择,能完美支持emoji和大部分文字)。 - 点击 "创建"。
- 在 phpMyAdmin 主页面的 "创建数据库" 输入框中,输入你的数据库名称,
-
创建一个数据表:
- 创建数据库后,会自动跳转到该数据库的管理页面。
- 在 "在数据库 my_blog 中创建一个新表" 输入框中,输入表名,
posts,并指定字段数量(4 个),然后点击 "执行"。 - 定义字段:
id: 类型选INT,勾选A_I(Auto Increment, 自增),作为主键。title: 类型选VARCHAR,长度设为255。content: 类型选TEXT,用于存放长文本。created_at: 类型选DATETIME,用于记录创建时间。
- 点击 "保存"。
-
插入数据(增):
- 在左侧点击
posts表,然后点击顶部菜单的 "插入"。 - 在
title和content字段中填入一些测试数据,id和created_at可以留空(id会自增,created_at可以设置默认值)。 - 点击 "执行",数据就被成功添加到表中。
- 在左侧点击
-
查询数据(查):
- 在
posts表页面,点击 "浏览"。 - 你会看到刚才插入的所有数据。
- 在
-
更新和删除数据(改、删):
在 "浏览" 页面,每条数据行都有 "编辑" 和 "删除" 的链接,点击即可进行相应操作。
使用 MySQL 命令行
虽然 phpMyAdmin 很方便,但了解命令行操作对于深入学习至关重要。
-
打开命令行:右键点击 WampServer 图标 -> Tools -> MySQL Console。
-
常用命令:
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 表中读取数据并显示在网页上。
-
创建项目文件:
- 在 WampServer 的
www目录(C:\wamp64\www)下创建一个新文件夹,test_project。 - 在
test_project文件夹中,创建一个名为index.php的文件。
- 在 WampServer 的
-
编写 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> - 用记事本或 VS Code 等编辑器打开
-
访问项目:
- 确保你的 WampServer 图标是绿色的。
- 在浏览器地址栏输入:
http://localhost/test_project/ - 你应该能看到你之前在数据库中创建的文章列表了。
第四部分:常见问题与排错
-
WampServer 图标是红色或橙色?
- 检查端口:最常见的原因是 Apache 的 80 端口被占用,关闭可能占用 80 端口的软件(如 Skype, IIS, 一些下载工具等),Skype 可以在“高级连接设置”里取消勾选使用 80 和 443 端口。
- 查看日志:右键点击 WampServer 图标 -> Tools -> Error Logs,查看 Apache 或 MySQL 的错误日志,根据提示解决问题。
-
无法连接到 MySQL (在 PHP 中)?
- 确认 MySQL 服务已启动(图标为绿色)。
- 检查连接参数(
$servername,$username,$password,$dbname)是否正确。 - 在 phpMyAdmin 中确认数据库和表是否存在,并且用户
root有权限访问。
-
中文乱码问题?
- 数据库:创建数据库和表时,请选择
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)来操作数据库。
祝你学习愉快!
