今天参与部署了一次前端vue,后端Php的项目。
1、安装XAMPP
进入https://www.apachefriends.org/zh_cn/index.html页面下载XAMPP
XAMPP版本范围:(5.4.45以上,7.0以下)
- 下载完成之后执行安装文件安装,一路next,完成
2、打开XAMPP Control Panel
在XAMPP控制面板中,我们可以看到Service一列的单选框略有不同,“X”表示相应组件还没有设为Windows系统服务;“空白”表示没有安装该组件;此外还有“√”,表示该组件已经安装成为Windows系统服务,可以start。
3、安装并启动服务
就单击Apache和MySQL前的“X”,在弹出的对话框中点击“Yes”,将它们设为系统服务。点击XAMPP控制面板上的start按钮,启动Apache服务器、MySQL服务器,Apache默认网站目录为..\xampp\htdocs。
4、启动
点击第一行Apache后面的Start是启动XAMPP本地虚拟机(默认端口8080)
点击第二行MySQL后面的Start是启动数据库
启动后如下图:
然后打开浏览器,在地址栏输入localhost:8080回车显示:
5、修改MySQL默认密码
因为安装xampp后的mysql默认密码为空,在浏览器地址上输入http://localhost:80/phpmyadmin,能登录到phpmyadmin。进入到数据库的控制面板,然后选择名称为mysql的数据库,如图,可从中看出 user表中,root用户的密码为空。
在SQL选项中,执行以下代码,修改数据库密码:
UPDATE user SET password=PASSWORD('root') WHERE user='root';
修改配置文件,..\phpMyAdmin\config.inc.php文件设置$cfg['Servers'][$i]['password']为对应的密码即可。
6、MySQL支持远程连接
将原始的localhost改为 % ,重新启动电脑!
此时使用IP\127.0.0.1都可以连接数据库。
PHP与前端代码部署
打开XAMPP网站跟目录,它的默认根目录就是htdocs
打开htdocs,并把整体部署压缩包里面的calender.rar压缩包
复制到根目录,并解压在当前目录
打开数据库,新建数据库 demo
导入demo.sql与weixin.sql
在application\config\database.php里修改正确的数据库信息
打开浏览器 访问域名+端口号+index.html 正常访问
后端地址:
域名+端口号+/base/login