菜鸟科技网

用wampserver搭建网站

环境准备与安装

1 下载WampServer

访问官网(https://www.wampserver.com/)下载最新版本(如WampServer 64位),根据系统架构选择对应版本(32/64位),建议优先选64位以支持更大内存和现代PHP扩展。

用wampserver搭建网站-图1
(图片来源网络,侵删)
文件名示例 说明 操作建议
wampserverXX.exe 主安装程序 双击运行,按提示完成基础设置
readme.txt 版本更新日志与注意事项 可快速了解新功能或修复的问题

2 安装路径规划

默认安装路径为 C:\wamp64(64位系统),避免中文目录(防止路径编码错误导致服务启动失败),若需自定义路径,确保文件夹名称仅含英文/数字。


启动与初始化配置

1 启动服务

双击桌面快捷方式打开WampServer管理器,依次点击托盘图标中的以下按钮启动组件:

  • Start All Services(启动所有服务):自动开启Apache(网页服务器)、MySQL(数据库)、PHP模块。
  • 状态栏显示绿色表示成功;若为红色,需检查端口冲突(如80端口被占用时可修改httpd.conf中的Listen参数)。

2 验证环境可用性

在浏览器输入 http://localhosthttp://127.0.0.1,若出现WampServer的欢迎页面(含PHP版本信息、服务器状态等),说明基础环境已就绪。


项目部署步骤

1 确定网站根目录

WampServer默认的网站主目录是 C:\wamp64\www,所有需发布的网页文件(如index.htmltest.php)应放置于此目录下才能被访问。

用wampserver搭建网站-图2
(图片来源网络,侵删)
  • mysite.html放入www文件夹后,访问地址为 http://localhost/mysite.html
  • 子文件夹同理:若创建projectA子目录并放入home.php,则访问路径为 http://localhost/projectA/home.php

2 配置虚拟主机(可选)

若需绑定多个域名或路径,可通过修改httpd-vhosts.conf实现,示例配置如下:

<VirtualHost :80>  
    DocumentRoot "C:/wamp64/www/myproject"      # 项目实际路径  
    ServerName mydomain.local                   # 自定义测试域名  
    ErrorLog logs/myproject-error.log           # 错误日志位置  
</VirtualHost>  

修改后需重启Apache服务使配置生效。

3 数据库连接(以MySQL为例)

  1. 打开WampServer菜单 → MySQLMySQL Control Panel,设置root用户密码(首次使用默认无密码)。

  2. 在代码中使用PDO或mysqli扩展连接数据库,示例代码:

    <?php  
    $servername = "localhost";  
    $username = "root";          // 根据实际设置调整  
    $password = "your_password"; // 若未设密码则为空字符串  
    $dbname = "testdb";          // 目标数据库名  
    // 创建连接  
    try {  
        $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);  
        echo "连接成功!";  
    } catch(PDOException $e) {    // 捕获异常并输出错误信息  
        die("连接失败: " . $e->getMessage());  
    }  
    ?>  
  3. 通过phpMyAdmin管理数据库(访问地址:http://localhost/phpmyadmin/)。


常见问题排查指南

现象 可能原因 解决方法
Apache无法启动 端口被其他进程占用 修改bin/apache/apache2.4.57/conf/httpd.conf中的Listen端口(如改为8080)
PHP脚本不解析 AddType配置缺失 确保httpd.conf中包含AddType application/x-httpd-php .php
数据库连接失败 未启动MySQL服务 检查WampServer托盘图标是否已启动MySQL,或手动点击Start MySQL Service
中文显示乱码 字符集未统一 在网页头部添加<meta charset="UTF-8">,并在数据库表中使用utf8mb4编码模式

相关问题与解答(Q&A)

Q1:如何修改默认的网站端口?

:编辑Apache配置文件httpd.conf(路径:C:\wamp64\bin\apache\apache2.4.XX\conf\httpd.conf),找到Listen 80一行,将80改为目标端口(如8080),保存后重启Apache服务即可,此时访问地址变为http://localhost:8080

Q2:为什么在浏览器中访问PHP文件时直接下载而不是执行?

:通常是因为Apache未正确识别PHP后缀,需检查两点:①确认httpd.conf中有LoadModule php_module modules/libphpX.so(X为版本号);②确保AddType application/x-httpd-php .php未被注释(去掉前面的),修改后重启

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