如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

2020年2月28日前端开发评论198,8081字数 660阅读2分12秒阅读模式

首先当然是要下载xampp这个软件,推荐去他们官网下载:
https://www.apachefriends.org/
我的电脑因为是微软的,所以选择windows版本下载
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站
下载好后双击安装程序开始准备安装
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

然后只需要点击下一步即可(推荐按默认的来)
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站这里可以都选上,有些可能用不到,但也占不了多少空间,以后可能用到

 

其他都点下一步,直到安装完成
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站上面勾选的是默认自动开始控制面板,直接打开就好

 

打开面板后就可以看到这个界面,默认Apache和MySQL都是未启动的
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

点击Apache和MySQL后面的start按钮,启动他们,变绿就代表启动成功了
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

接下来点击 apache 右边 的 admin
如果成功打开 下面的这个网址
那么证明你的xampp服务器就部署成功了!!
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

点击面板中的explore,就可以打开网站的目录了
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

找到htdocs文件夹
服务器默认的网站路径就是这个文件夹的路径
之后我们的网站也就放在这个路径下面
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

我们现在就可以新建一个文件夹,专门放我们的网站程序了
我这里建立了一个文件夹www
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

然后可以在www文件夹新建一个index.php 文件
这个就是我们默认的首页了
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

 

之后就需要在配置里面修改下网站的目录位置
我们打开 htdocs 路径下的 index.php 文件
将图中选中的 "/dashboard/" 修改为 “/www/”或 "/www/index.php"
如果不加后面的网页的话 服务器默认会找文件名为index的文件
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

之后再浏览器中输入127.0.0.1 或者 localhost
就可以跳转到我们刚刚新建的网页了
如何使用xampp在本地搭建虚拟服务器,并创建自己的第一个网站

这样,一个本地的网站就做好了。

搬瓦工VPS服务器连接失败如何更换IP? 学习笔记

搬瓦工VPS服务器连接失败如何更换IP?

经过 今天一个VPS服务器上面的所有服务突然无法正常使用。 本来以为只是暂时的,结果等了一天还是没有恢复。 我尝试ping了下IP地址,或者远程SSH连接都显示失败。 尝试用了下搬瓦工官方检测服务,结...
如何解决xampp中apache打不开的问题 技巧分享

如何解决xampp中apache打不开的问题

今天想在本地测试一个图床,需要用到本地环境,于是遇到了xampp搭建。 具体如何搭建可以搜索下,之前是有教程的。 但今天遇到了一个问题,就是安装好后Apache一直打不开! 报错的记录是这样的: [A...
评论  0  访客  0  作者  2
    • 小笔
      小笔

      补充说明2:
      新建文件夹www这一步,其实是没有必要的。
      我们可以通过虚拟主机配置来定义访问的目录。
      参考教程《Apache虚拟主机配置文件httpd.conf详解》

      • 小笔
        小笔

        补充说明:
        安装后默认数据库是没有密码的,可以自己修改;
        数据库用户名就是root;
        数据库名可以自己在数据库管理界面新建一个。

      匿名

      发表评论

      匿名网友

      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

      确定