演示效果:打开浏览器中输入下面的本地域名能看到hello world
本地域名:http://sznest.net/index.html
准备工作
1:准备一台装有win7操作系统的电脑(win10系统操作步骤基本上差不多)
2:下载xampp安装包并且解压到桌面(点击下载)
3:在C盘下新建一个名为sznest.net的文件夹
4:在此文件夹内新建一个名为index.html的文件
5:用记事本打开index.html并且加上下面的代码
<!DOCTYPE html><html><head><title>Home</title></head><body><h1>hello world</h1></body></html>
详细步骤:
第一步:搭建本地服务器
打开xampp安装包的文件夹,双击xampp-win32-5.6.36-0-VC11-installer.exe进行安装、出现弹窗不用管,直接点击OK,然后点击next,在select components界面,只保留apache,mysql,php,phpmyadmin这四个子选项,其它的子选项全部取消勾选,在installation folder界面,安装目录保持默认即可(C:xampp),然后依次点next就可以完成安装了,安装完成之后,就相当于在本地搭建好了一台服务器了
第二步:配置服务器的基本参数,基本参数我已经配置好了,只需要对以下的三个文件进行替换即可
1:httpd.conf复制到C:/xampp/apache/conf目录下进行替换
2:my.ini复制到C:/xampp/mysql/bin目录下进行替换
3:php.ini复制到C:/xampp/php目录下进行替换
第三步:在本地解析域名
C:/Windows/System32/drivers/etc/目录下找到hosts这个文件并且用记事本打开,然后在未尾加上下面的代码
127.0.0.1 sznest.net
第四步:在本地服务器上开通一个虚拟主机,虚拟主机的物理地址就是电脑的C盘下的sznest.net这个文件夹
C:/xampp/apache/conf/extra/目录下面的找到httpd-vhosts.conf这个文件并且用记事本打开,在最后一行添加下面的代码
<VirtualHost *:80>
DocumentRoot "C:/sznest.net"
ServerName sznest.net
</VirtualHost>
第五步:开启服务器
双击C:/xampp/目录下面的xampp-control.exe这个执行文件,出现第一个弹窗时保持默认选项点击Save,然后在接下来的弹窗中点击Apache右边的start按钮即可开启服务器
第六步:打开浏览器,在浏览器中输入本地域名http://sznest.net/index.html如果能看到hello world就说明这个网站已经在这台电脑上运行起来了