4 首頁(yè)制作PHP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)項(xiàng)目教程課件

項(xiàng)目1會(huì)員管理系統(tǒng)任務(wù)1首頁(yè)制作成都職業(yè)技術(shù)學(xué)院軟件學(xué)院主講教師：牟奇春創(chuàng)建網(wǎng)站大家準(zhǔn)備好了嗎？我們將從零開(kāi)始，帶領(lǐng)大家完成第一個(gè)項(xiàng)目的制作。首先在E盤(pán)創(chuàng)建一個(gè)目錄，名為member。然后在phpstudy中配置一個(gè)網(wǎng)站，域名為“member”。打開(kāi)項(xiàng)目打開(kāi)PhpStorm，在啟動(dòng)界面中選擇“open”，打開(kāi)E:/member目錄。創(chuàng)建首頁(yè)index.php在項(xiàng)目根目錄member上點(diǎn)擊鼠標(biāo)右鍵，在彈出菜單中選New-PHPFile，創(chuàng)建index.php文件。創(chuàng)建文件后，系統(tǒng)會(huì)自動(dòng)打開(kāi)此文件。請(qǐng)刪除文件中己有的所有內(nèi)容，然后在文件中輸入html:5，再按下tab鍵，系統(tǒng)會(huì)自動(dòng)創(chuàng)建html5格式文檔基礎(chǔ)標(biāo)簽代碼。將title修改為“會(huì)員管理系統(tǒng)”，然后在頁(yè)面中創(chuàng)建一個(gè)標(biāo)題和五個(gè)導(dǎo)航菜單，并添加相應(yīng)的CSS樣式。下面提供相關(guān)代碼：創(chuàng)建首頁(yè)index.php預(yù)覽效果此時(shí)，我們可以直接打開(kāi)瀏覽器，然后在地址欄中手動(dòng)輸入http://member以訪問(wèn)我們的會(huì)員管理系統(tǒng)首頁(yè)。預(yù)覽效果如果每次都直接在瀏覽器中去輸入文件URL訪問(wèn)內(nèi)容，顯得不太方便。我們可以在PhpStorm中部署一下項(xiàng)目，然后就可以使用PhpSotrm自動(dòng)打開(kāi)瀏覽器訪問(wèn)我們的php文件。在PhpStorm中，打開(kāi)菜單File-Settings，然后找到Build,Execution,Deployment-Deployment選項(xiàng)。項(xiàng)目部署項(xiàng)目部署然后在右邊點(diǎn)擊+，選擇Inplace，然后輸入一個(gè)服務(wù)器的名字，這個(gè)名字可以任意取，我們就輸入member即可創(chuàng)建好服務(wù)器后，我們?cè)谟覀?cè)的WebserverURL中，輸入我們?cè)谛∑っ姘逯袆?chuàng)建好的域名即可項(xiàng)目部署項(xiàng)目部署至此，我們就部署好了項(xiàng)目。接下來(lái)，只需要在PhpStorm中，點(diǎn)擊文件編程器右邊的瀏覽器圖標(biāo)，系統(tǒng)就會(huì)自動(dòng)打開(kāi)當(dāng)前文件進(jìn)行頁(yè)面效果查看。總結(jié)本次課程，我們?cè)趐hpstudy中創(chuàng)建了會(huì)員管