今天參與部署了一次前端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