如何在基于wamp环境的PhpStorm导入项目并成功运行(本地服务器)【全程图片教程】

2023-11-01

在wamp、PhpStorm成功安装后如何导入已有的PHP项目文件并运行。
据作者近日查阅资料发现,网络上关于phpstorm导入项目方面教程甚少且相对零散,故作此教程。
过程由作者综合网络上教程得来,某些地方不知原理,只知如何操作。如有知道原理的朋友欢迎提出~教程内容如有错误或不准确欢迎指正。

第一步,配置.PHP运行环境


先将项目中的代码文件、资源文件放到一个目录下,这里我是把它们放到了text文件夹中。
在这里插入图片描述
然后右键文件夹,选择Open Folder as PhpStorm Project。

或者直接在PhpStorm界面内打开也一样。

在这里插入图片描述

进入界面后你会发现左边的项目列表中就会出现你的项目文件所在的目录,点开后就是下图这样。
在这里插入图片描述
然后打开file—>setting
在这里插入图片描述
选择languages&frameworks—>PHP—>CLI—>…,点开省略号。
在这里插入图片描述点开之后会出现下图的界面,点击PHP—>PHP executable后面的小文件夹图标,选择自己安装wamp目录下的bin\php\php(版本号)\php.exe,成功后会有下面的蓝色i图标。至此,php运行环境就安装成功了。在这里插入图片描述

但是我们的目标不光是可以在控制台运行php项目。因为我们这里的项目是注册系统,所以我们想要的是在浏览器成功运行.而要在浏览器运行光这样是不够的,接下来我们还要继续配置本地服务器以及连接数据库。(相对应的,如果你只是想在控制台运行php文件的话到这里就足够了。)

第二步,配置本地服务器


配置本地服务器前你首先得了解一件事情。那就是你的apache所在端口号是多少(默认是80端口),比如我的端口号就是8888,这在一会儿会用得到。如果你不知道你的端口号是多少?不要紧,马上教你怎么去看。

查看自己的端口号

有两种方法,第一种是右键状态栏中的wamp小图标进行查看(如果你之前在conf文件中改过端口号,或者不记得自己是否改过请移步方法二),第二种就是直接打开httpd.conf文件查看

第一种方法:
wamp小图标:在这里插入图片描述
在这里插入图片描述

第二种方法:
在这里插入图片描述
在这里插入图片描述
查询并记住端口号后进入下一步,在phpstorm中打开setting—>Build,execution,deployment—>deployment,点击‘+’,选择local or mounted folde,随便起一个名字
在这里插入图片描述
进入新建的本地服务器进行下图配置
在这里插入图片描述
在这里插入图片描述
配置完成后点击OK,退出setting。然后选择项目文件夹,再点击菜单栏里的tools—>deployment—>update to apache在这里插入图片描述

到这里我们的项目其实就可以在浏览器中打开了。但是会提示网络错误,这是因为我们的数据库并没有连接上。所以下一步我们就进行配置数据库。在这里插入图片描述

第三步,配置数据库


注册系统中比较重要的一部分就是数据库了,我的项目文件中正好包含一个数据库文件,所以接下来我就教大家如何附加数据库。

先打开http://localhost:8888/phpmyadmin/(同样的,如果你没有更改过端口号的话就将冒号及后面的端口号去掉,如果你更改过端口号,但是更改后的端口号不是8888的话就将8888更改为你的端口号。),会显示如下界面
在这里插入图片描述
登录,默认用户是root,密码为空。如果登录失败的话请自行搜索更改mysql密码方式,然后登录数据库,登录后如下界面
在这里插入图片描述
点击导入(如果没有数据库文件就点击新建,新建数据库流程请自行查阅),选择文件在这里插入图片描述
在这里插入图片描述
执行后就会发现数据库成功导入了,然后转到phpstorm进行链接数据库
点击右侧的database
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
mysql端口号查看方法:左键小图标进行查看
在这里插入图片描述
配置完成之后点进新链接的数据库后的1of5中,选择你之前附加的那个数据库在这里插入图片描述
到这里就基本结束了,不过因为是直接拿来用的代码,还要根据自己的环境进行些修改。

首先找到代码里连接数据库的语句:
1、更改host后为localhost:mysql端口号,如果端口号为默认的3306则不用改。
2、更改password为自己后设置的密码,如果密码仍为为默认的空则不用改。
在这里插入图片描述

注意,对代码进行修改后要把文件重新上传到本地服务器中以进行更新在这里插入图片描述

到这里环境就已经全部配置完成了,我们打开网页看看效果
在这里插入图片描述
在这里插入图片描述
没有提示错误并且可以提交,验证数据库是否已经写入数据,登录mysql
在这里插入图片描述
发现数据导入成功!
至此,我们的任务就完成了!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在基于wamp环境的PhpStorm导入项目并成功运行(本地服务器)【全程图片教程】 的相关文章