版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
項(xiàng)目一動(dòng)態(tài)網(wǎng)頁制作環(huán)境搭建PHP是一種在WAMP環(huán)境中應(yīng)用動(dòng)態(tài)網(wǎng)頁的流行技術(shù)。當(dāng)PHP運(yùn)行環(huán)境部署在Windows系統(tǒng)中時(shí),通常會(huì)與Apache、MySQL等環(huán)境系統(tǒng)一起配合使用。這些組件協(xié)同工作,構(gòu)建了用于搭建動(dòng)態(tài)網(wǎng)站的環(huán)境。這些環(huán)境系統(tǒng)都是由一些開源軟件組成的,常常一起使用,并且由于開源免費(fèi)的特性,使它們?cè)诩嫒菪苑矫姹憩F(xiàn)出色。其中,PHP與MySQL的組合尤為突出,穩(wěn)定且免費(fèi),共同構(gòu)建了強(qiáng)大的WAMP應(yīng)用動(dòng)態(tài)網(wǎng)頁支持平臺(tái)。隨著開源潮流的蓬勃發(fā)展,開放源代碼的WAMP/LAMP已經(jīng)與J2EE和.Net等商業(yè)軟件形成了并駕齊驅(qū)的局面。值得注意的是,采用這些開源技術(shù)開發(fā)項(xiàng)目的綜合投資成本較低,因此多年來在整個(gè)信息技術(shù)(IT)界得到了廣泛的應(yīng)用。本項(xiàng)目通過對(duì)PHP網(wǎng)站的基礎(chǔ)環(huán)境建設(shè),也就是在Windows系統(tǒng)平臺(tái)下進(jìn)行WAMP站點(diǎn)的架設(shè)、WAMP站點(diǎn)的配置、安裝Dreamweaver軟件系統(tǒng)和在Dreamweaver軟件中對(duì)Web站點(diǎn)配置等相關(guān)操作,使學(xué)生掌握PHP動(dòng)態(tài)網(wǎng)頁制作基礎(chǔ)環(huán)境搭建的操作技能。項(xiàng)目引言能在Windows服務(wù)器系統(tǒng)中架設(shè)WAMP軟件系統(tǒng)能在Windows服務(wù)器系統(tǒng)中對(duì)WAMP的站點(diǎn)進(jìn)行配置管理能安裝Dreamweaver軟件系統(tǒng)能在Dreamweaver軟件系統(tǒng)中對(duì)Web站點(diǎn)進(jìn)行配置管理能在Dreamweaver軟件系統(tǒng)中熟悉Dreamweaver界面并掌握基本操作技能能在Dreamweaver軟件系統(tǒng)中創(chuàng)建簡(jiǎn)單的PHP動(dòng)態(tài)網(wǎng)頁能力目標(biāo)任務(wù)一安裝Dreamweaver軟件與網(wǎng)站環(huán)境配置復(fù)習(xí)知識(shí)與技能任務(wù)描述公司決定設(shè)計(jì)建設(shè)門戶網(wǎng)站,以便更好地宣傳公司形象,為公司內(nèi)外提供更好的服務(wù)。技術(shù)部門選擇使用可視化的Dreamweaver軟件集成開發(fā)環(huán)境,來進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā)方面的工作。Dreamweaver是一款優(yōu)秀的網(wǎng)頁設(shè)計(jì)制作軟件,提供了多樣的工具和豐富的功能,能夠幫助開發(fā)人員快速、高效地完成網(wǎng)站設(shè)計(jì)和開發(fā)工作。網(wǎng)絡(luò)信息部門需要完成服務(wù)器環(huán)境部署工作任務(wù),包括在服務(wù)器上架設(shè)支持PHP的Web站點(diǎn),并對(duì)Web站點(diǎn)進(jìn)行設(shè)置配置,以實(shí)現(xiàn)Web站點(diǎn)能支持PHP的目標(biāo)。公司安裝Dreamweaver系統(tǒng)環(huán)境工作已經(jīng)全面展開,技術(shù)部門將使用Dreamweaver軟件集成開發(fā)環(huán)境進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā),而網(wǎng)絡(luò)信息部門則需要完成在服務(wù)器中安裝Dreamweaver軟件與環(huán)境部署的工作。任務(wù)分析根據(jù)部門的工作任務(wù)要求,工程師小明需要在公司的Windows服務(wù)器或電腦上安裝Dreamweaver軟件,并進(jìn)行環(huán)境配置與配套測(cè)試工作,本任務(wù)施工涉及的技術(shù)參數(shù)規(guī)劃要求如下。(1)操作系統(tǒng)平臺(tái):Windows版本沒有限制,這里選擇Windows10。(2)Web站點(diǎn)路徑:C:\phpweb。(3)Web測(cè)試IP地址:。(4)Web測(cè)試端口號(hào):8899。值得注意的是,在后續(xù)進(jìn)行WAMP軟件系統(tǒng)和Web站點(diǎn)配置管理時(shí),相關(guān)的Web站點(diǎn)主目錄、IP地址和端口號(hào)需要與上述施工參數(shù)保持一致。任務(wù)施工結(jié)束后,需要進(jìn)行測(cè)試和驗(yàn)收,并記錄主要的施工技術(shù)參數(shù)。工程師小明已經(jīng)通過圖書館和互聯(lián)網(wǎng)資料檢索獲取了所需信息,將按照要求完成安裝和測(cè)試等施工工作,并確保Dreamweaver軟件在指定的系統(tǒng)上正常運(yùn)行。任務(wù)的順利完成對(duì)于部門的工作開展至關(guān)重要。如果在執(zhí)行過程中遇到任何問題或困難,工程師小明可以隨時(shí)向部門領(lǐng)導(dǎo)匯報(bào)。在完成任務(wù)后,部門還將在實(shí)際系統(tǒng)環(huán)境中進(jìn)一步評(píng)估施工的適用性和穩(wěn)定性,以確保能夠滿足公司的業(yè)務(wù)需求。在施工過程中,工程師小明還需要注重細(xì)節(jié),并特別注意系統(tǒng)的兼容性,這樣才能確保整個(gè)工程的順利進(jìn)行和最終的成功實(shí)施。1.安裝Dreamweaver軟件(1)在打開的窗口中選擇“本地磁盤(C:)”,然后單擊“DreamweaverCS6教育試用版00”文件夾,如圖1-1-1所示。圖1-1-1DreamweaverCS6教育試用版00文件夾(2)鼠標(biāo)右擊Set-up應(yīng)用程序,在快捷菜單中選擇“以管理員身份運(yùn)行”,如圖1-1-2所示。圖1-1-2快捷菜單“以管理員身份運(yùn)行”(3)彈出“你要允許此應(yīng)用對(duì)你的設(shè)備進(jìn)行更改嗎?”對(duì)話框,鼠標(biāo)單擊“是”按鈕,確認(rèn)后繼續(xù)進(jìn)行安裝操作,如圖1-1-3所示。(4)Adobe安裝程序提示“遇到了以下問題”,鼠標(biāo)單擊“忽略”按鈕,繼續(xù)進(jìn)行安裝操作,如圖1-1-4所示。圖1-1-4Adobe安裝程序提醒對(duì)話框(5)這時(shí)Adobe安裝程序提示“正在初始化安裝程序”,有進(jìn)度條提示初始化進(jìn)度情況,如圖1-1-5所示。圖1-1-5初始化安裝程序進(jìn)度情況(6)初始化完成后,顯示“安裝-試用”對(duì)話框,鼠標(biāo)單擊“試用”,顯示“Adobe軟件許可協(xié)議”對(duì)話框,鼠標(biāo)單擊“接受”按鈕,顯示“需要登錄”對(duì)話框。這時(shí)請(qǐng)先斷開網(wǎng)絡(luò),鼠標(biāo)單擊“登錄”按鈕,因網(wǎng)絡(luò)已經(jīng)斷開,顯示“請(qǐng)連接到Internet,然后重試”,鼠標(biāo)單擊“稍后連接”按鈕。如圖1-1-6所示。(7)顯示“選項(xiàng)”對(duì)話框,主要可以選擇語言和位置。語言默認(rèn)選擇“簡(jiǎn)體中文”,位置默認(rèn)為“C:\ProgramFiles(x86)\Adobe”,這里對(duì)默認(rèn)內(nèi)容不做修改,保持默認(rèn)狀態(tài),單擊“安裝”按鈕,如圖1-1-7所示。圖1-1-7“選項(xiàng)”對(duì)話框(8)對(duì)話框顯示當(dāng)前正在安裝,進(jìn)度條提示安裝進(jìn)度情況,如圖1-1-8所示。圖1-1-8進(jìn)度條提示安裝進(jìn)度情況(9)等進(jìn)度條顯示100%時(shí),對(duì)話框顯示“安裝完成”,鼠標(biāo)單擊“關(guān)閉”按鈕,這時(shí)就完成了Dreamweaver軟件的安裝,如圖1-1-9所示。圖1-1-9“安裝完成”對(duì)話框(10)首次啟動(dòng)運(yùn)行Dreamweaver軟件,在開始菜單中找到Dreamweaver軟件的快捷方式,鼠標(biāo)單擊Dreamweaver,這時(shí)彈出“默認(rèn)編輯器”對(duì)話框,鼠標(biāo)單擊“PHP(php)”復(fù)選框進(jìn)行勾選,鼠標(biāo)單擊“確定”按鈕,首次啟動(dòng)運(yùn)行Dreamweaver軟件成功,如圖1-1-10所示。2.在Dreamweaver軟件中創(chuàng)建支持PHP網(wǎng)站的操作(1)啟動(dòng)運(yùn)行Dreamweaver軟件后,鼠標(biāo)單擊“站點(diǎn)”菜單,如圖1-1-11所示。圖1-1-11“站點(diǎn)”菜單下拉項(xiàng)(2)在“站點(diǎn)”菜單中,鼠標(biāo)單擊“新建站點(diǎn)”選項(xiàng)來創(chuàng)建新的網(wǎng)站,彈出“站點(diǎn)設(shè)置對(duì)象phpweb”對(duì)話框,站點(diǎn)名稱處輸入“phpweb”,本地站點(diǎn)文件夾處選擇或輸入路徑“C:\phpweb\”(事先要?jiǎng)?chuàng)建文件夾C:\phpweb\),如圖1-1-12所示。圖1-1-12站點(diǎn)參數(shù)設(shè)置情況(3)在“站點(diǎn)設(shè)置對(duì)象phpweb”對(duì)話框的左側(cè)導(dǎo)航欄中,鼠標(biāo)選擇“服務(wù)器”選項(xiàng),如圖1-1-13所示。圖1-1-13“服務(wù)器”選項(xiàng)“+”按鈕位置(4)鼠標(biāo)單擊按鈕“+”,打開“基本”選項(xiàng)卡,按照任務(wù)分析設(shè)計(jì)參數(shù),在服務(wù)器名稱處輸入“phpweb”,在連接方法處選擇“本地/網(wǎng)絡(luò)”,在服務(wù)器文件夾處選擇或輸入“C:\phpweb\”,WebURL輸入“:8899”,如圖1-1-14所示。圖1-1-14基本選項(xiàng)卡(5)鼠標(biāo)單擊“高級(jí)”選項(xiàng)卡,遠(yuǎn)程服務(wù)器部分默認(rèn)不變,測(cè)試服務(wù)器中服務(wù)器模型處選擇“PHPMySQL”,其他參數(shù)默認(rèn)不變,如圖1-1-15所示,鼠標(biāo)單擊“保存”按鈕。圖1-1-15“高級(jí)”選項(xiàng)卡(6)鼠標(biāo)單擊“測(cè)試”下方復(fù)選項(xiàng)框進(jìn)行勾選,如圖1-1-16所示,鼠標(biāo)單擊“保存”按鈕,完成PHP參數(shù)設(shè)置網(wǎng)站創(chuàng)建。圖1-1-16服務(wù)器“測(cè)試”參數(shù)勾選1.C/S和B/S動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)兩種體系架構(gòu)模式在計(jì)算機(jī)領(lǐng)域,隨著技術(shù)的進(jìn)步,繼網(wǎng)絡(luò)出現(xiàn)后,軟件體系架構(gòu)逐步出現(xiàn)了C/S和B/S兩種模式。其中C/S就是client/server的縮寫,意思是客戶端/服務(wù)器模式,而B/S就是browser/server的縮寫,意思是瀏覽器/服務(wù)器模式。C/S模式是指客戶端和服務(wù)器端之間通過網(wǎng)絡(luò)進(jìn)行數(shù)據(jù)交互的一種模式??蛻舳耸侵赴惭b在用戶電腦上的專門應(yīng)用程序,服務(wù)器端是指提供數(shù)據(jù)和服務(wù)的動(dòng)態(tài)網(wǎng)頁??蛻舳撕头?wù)器端之間通常通過數(shù)據(jù)庫或者Socket來進(jìn)行通信。C/S模式最早出現(xiàn)在20世紀(jì)80年代,當(dāng)時(shí)的網(wǎng)絡(luò)環(huán)境主要是局域網(wǎng),客戶端和服務(wù)器端之間的距離較近,網(wǎng)絡(luò)速度較快,數(shù)據(jù)量較小。C/S模式的優(yōu)點(diǎn)是交互性強(qiáng),界面豐富,安全性高,響應(yīng)速度快,適合處理復(fù)雜的業(yè)務(wù)邏輯。C/S模式的缺點(diǎn)是分布性差,維護(hù)困難,兼容性差,擴(kuò)展性差,適用范圍窄。目前,C/S模式仍然廣泛應(yīng)用于局域網(wǎng)中的管理信息系統(tǒng)、辦公自動(dòng)化系統(tǒng)等領(lǐng)域。(1)目前C/S模式的常見典型應(yīng)用①辦公軟件,如MicrosoftOffice、WPS等;②殺毒軟件,如360安全衛(wèi)士、金山毒霸、瑞星等;③通信軟件,如QQ、微信等。B/S模式是指客戶端和服務(wù)器端之間通過Web瀏覽器進(jìn)行數(shù)據(jù)信息交互的一種模式。客戶端是指任何可以運(yùn)行Web瀏覽器的設(shè)備,如電腦、手機(jī)、平板等。服務(wù)器端是指提供Web頁面和服務(wù)的動(dòng)態(tài)、靜態(tài)網(wǎng)頁應(yīng)用。客戶端和服務(wù)器端之間通常通過HTTP協(xié)議來進(jìn)行通信。B/S模式隨著Internet技術(shù)的興起而出現(xiàn)在20世紀(jì)90年代,當(dāng)時(shí)的網(wǎng)絡(luò)環(huán)境主要是廣域網(wǎng),客戶端和服務(wù)器端之間的距離較遠(yuǎn),網(wǎng)絡(luò)速度較慢,數(shù)據(jù)量較大。B/S模式的優(yōu)點(diǎn)是分布性強(qiáng),維護(hù)簡(jiǎn)單,開發(fā)技術(shù)豐富,共享性高,成本低,適合處理一般的業(yè)務(wù)邏輯。B/S模式的缺點(diǎn)是交互性弱,界面單一,安全性低,響應(yīng)速度慢,難以處理復(fù)雜的業(yè)務(wù)邏輯。目前,B/S模式已經(jīng)成為互聯(lián)網(wǎng)上流行的軟件架構(gòu)模式,應(yīng)用于電子商務(wù)、社交網(wǎng)絡(luò)、在線教育等領(lǐng)域。(2)目前B/S模式的常見典型應(yīng)用①國(guó)內(nèi)網(wǎng)站,如百度、淘寶等;②網(wǎng)絡(luò)服務(wù)應(yīng)用,如網(wǎng)頁版電子郵件系統(tǒng)、網(wǎng)頁版網(wǎng)盤系統(tǒng)等;③云計(jì)算、云存儲(chǔ),如網(wǎng)頁版阿里云、網(wǎng)頁版騰訊云、網(wǎng)頁版百度云等。(3)C/S模式和B/S模式的主要區(qū)別①C/S模式需要在客戶端的電腦上安裝客戶端軟件,而B/S模式只需要在瀏覽器中輸入域名打開網(wǎng)頁即可;②C/S模式可以更好地利用客戶端的資源,如中央處理器(CPU)和內(nèi)存,提高運(yùn)行效率,而B/S模式受限于瀏覽器的性能和網(wǎng)絡(luò)帶寬;③C/S模式可以更方便地實(shí)現(xiàn)離線使用和數(shù)據(jù)同步,而B/S模式需要持續(xù)地連接網(wǎng)絡(luò)才能工作;④C/S模式的客戶端軟件通常比較復(fù)雜,C/S模式可以更靈活地定制用戶界面和交互方式,而B/S模式需要遵循網(wǎng)頁的標(biāo)準(zhǔn)和規(guī)范;⑤C/S模式可以更安全地保護(hù)數(shù)據(jù)和隱私,而B/S模式可能面臨網(wǎng)絡(luò)攻擊和信息泄露的風(fēng)險(xiǎn)??傊珻/S和B/S是兩種不同的軟件架構(gòu)模式,二者各有優(yōu)劣,適用于不同的場(chǎng)景和需求。目前隨著技術(shù)的發(fā)展和創(chuàng)新,也出現(xiàn)了一些結(jié)合C/S和B/S特點(diǎn)的混合模式,如CSB(client/server/browser)模式、RCP(richclientplatform,意為富客戶機(jī)平臺(tái))模式等。在選擇軟件系統(tǒng)架構(gòu)時(shí),需要技術(shù)人員根據(jù)實(shí)際情況進(jìn)行權(quán)衡和比較來最終確定。2.認(rèn)識(shí)PHPPHP是一種通用的開源腳本語言,專為Web開發(fā)而設(shè)計(jì)。PHP在服務(wù)器上執(zhí)行,生成并發(fā)送HTML頁面給客戶端瀏覽器。PHP最初是“personalhomepage”的縮寫,但現(xiàn)在已經(jīng)正式更名為“PHPhypertextpreprocessor”,即“超文本預(yù)處理器”。PHP于1995年發(fā)布了第一個(gè)版本,即PHP1。它的目標(biāo)是簡(jiǎn)化Web開發(fā)過程,并使開發(fā)者能夠快速構(gòu)建動(dòng)態(tài)網(wǎng)頁和應(yīng)用動(dòng)態(tài)網(wǎng)頁。時(shí)至今日,PHP仍然活躍在各行各業(yè)。PHP是一種解釋性語言,這意味著它不需要編譯成機(jī)器碼,而是在運(yùn)行時(shí)逐行解釋執(zhí)行。這種特性使得PHP非常靈活并易于使用。在發(fā)展歷程方面,PHP最初是作為一種簡(jiǎn)單的網(wǎng)頁計(jì)數(shù)器工具編寫的。隨著時(shí)間的推移,人們開始將PHP用于處理表單、數(shù)據(jù)庫交互和動(dòng)態(tài)內(nèi)容生成。PHP3于1998年發(fā)布,這個(gè)版本成為當(dāng)時(shí)Web開發(fā)人員廣泛應(yīng)用的版本,它引入了許多現(xiàn)代Web開發(fā)所需的特性。PHP4于2000年發(fā)布,這個(gè)版本引入了一些重要的特性,例如面向?qū)ο缶幊痰闹С趾蚙end引擎。PHP5于2004年發(fā)布,這個(gè)版本是重要的里程碑,它引入了許多強(qiáng)大的特性,包括異常處理、面向?qū)ο蟮母倪M(jìn)、更好的MySQL支持和更高的性能。PHP5的成功推動(dòng)了PHP的廣泛應(yīng)用,并使其成為當(dāng)時(shí)最受歡迎的Web開發(fā)語言之一。PHP7于2015年發(fā)布,這個(gè)版本帶來了顯著的性能改進(jìn)和語言特性的增強(qiáng)。PHP7通過引入Zend引擎的新版本(ZendEngine3.0)實(shí)現(xiàn)了更好的性能,也大大提高了腳本的執(zhí)行速度。此外,PHP7還引入了標(biāo)量類型聲明、返回類型聲明、匿名類、空合并運(yùn)算符等新特性,增強(qiáng)了開發(fā)者的編碼體驗(yàn)。PHP能夠運(yùn)行在所有主流操作系統(tǒng)上,包括Linux、Unix的各種變種(如HP-UX、Solaris和OpenBSD)、MicrosoftWindows、macOS、RISCOS等。此外,PHP支持大多數(shù)的WAMP服務(wù)器,包括Apache、MicrosoftInternetInformationServer(IIS)、PersonalWAMPServer(PWS)、Netscape以及iPlantServer、O’ReillyWAMPsiteProServer、Caudium、Xitami、OmniHTTPd等。PHP是一種跨平臺(tái)的編程語言,可以在多種操作系統(tǒng)上運(yùn)行。MicrosoftWindows:PHP支持Windows10、Windows8/8.1、Windows7、WindowsVista等版本,提供了方便的二進(jìn)制發(fā)行版本。Linux:PHP在各種Linux發(fā)行版本上廣泛使用,可以通過包管理器來安裝和更新PHP,如Debian、Ubuntu、Fedora、CentOS等。macOS:PHP可以在蘋果的macOS操作系統(tǒng)上運(yùn)行,macOS自帶PHP的安裝,也可以使用Homebrew等工具來安裝其他版本的PHP。Unix:PHP也可以在各種Unix系統(tǒng)上運(yùn)行,如FreeBSD、OpenBSD、Solaris等,這些系統(tǒng)提供了包管理器或源碼安裝的方式。其他操作系統(tǒng):PHP還可以在一些嵌入式和移動(dòng)操作系統(tǒng)上運(yùn)行,如Android和iOS,可以通過移動(dòng)開發(fā)框架來構(gòu)建基于PHP的應(yīng)用動(dòng)態(tài)網(wǎng)頁,如ReactNative等。MySQL是最常用的開源關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一,而MariaDB是MySQL的分支,與MySQL兼容。這兩種數(shù)據(jù)庫都可以用于存儲(chǔ)Web應(yīng)用動(dòng)態(tài)網(wǎng)頁中的數(shù)據(jù),如用戶信息、訂單記錄、博客文章等,PHP提供了兩種擴(kuò)展與MySQL/MariaDB進(jìn)行交互。MySQLi(MySQLimproved)是MySQL的官方擴(kuò)展,提供面向?qū)ο蠛兔嫦蜻^程兩種編程接口,具有更好的性能和功能。使用MySQLi擴(kuò)展,可以執(zhí)行SQL語句,獲取查詢結(jié)果,處理錯(cuò)誤和異常,以及使用預(yù)處理語句和事務(wù)等高級(jí)特性。除了上述常見的數(shù)據(jù)庫類型,PHP還支持其他數(shù)據(jù)庫系統(tǒng),如Oracle、MicrosoftSQLServer等。對(duì)于這些數(shù)據(jù)庫,可以使用相應(yīng)的擴(kuò)展進(jìn)行連接和操作??傊琍HP是一種優(yōu)秀且功能強(qiáng)大的服務(wù)器端腳本語言,在Web開發(fā)領(lǐng)域中具有廣泛應(yīng)用。它具有簡(jiǎn)潔明了的語法、豐富的內(nèi)置函數(shù)和擴(kuò)展庫,并能夠快速搭建穩(wěn)定、高效的Web應(yīng)用環(huán)境。3.Dreamweaver軟件工作界面介紹Dreamweaver軟件是業(yè)界領(lǐng)先的Web開發(fā)工具。使用該工具可以高效地設(shè)計(jì)、開發(fā)和維護(hù)網(wǎng)站。利用Dreamweaver軟件中的可視化編輯功能,可以快速地創(chuàng)建網(wǎng)頁而不需要編寫任何代碼,這使得網(wǎng)頁設(shè)計(jì)人員工作變得很輕松。文本是網(wǎng)頁中最基本和最常用的元素,是網(wǎng)頁信息傳播的重要載體。學(xué)會(huì)在網(wǎng)頁中使用文本和設(shè)置文本格式于網(wǎng)頁設(shè)計(jì)人員來說是至關(guān)重要的。Dreamweaver軟件是Adobe公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一體的所見即所得的網(wǎng)頁編輯器,它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師的視覺化網(wǎng)頁開發(fā)工具。其提供了方便快捷的工具,不僅使網(wǎng)頁制作過程更加直觀,同時(shí)也大大簡(jiǎn)化了網(wǎng)頁制作步驟,以快速制作網(wǎng)站雛形,設(shè)計(jì)、更新和重組網(wǎng)頁。Dreamweaver軟件的工作界面由菜單欄、屬性面板、文檔窗口、插入面板、數(shù)據(jù)庫面板以及浮動(dòng)面板組成,整體布局顯得緊湊、合理、高效,如圖1-1-17所示。(1)Dreamweaver軟件菜單欄①文件菜單文件菜單提供了幾個(gè)常用選項(xiàng)。通過“新建”可以創(chuàng)建新的網(wǎng)頁,選擇預(yù)定義的布局或從頭開始創(chuàng)建空白頁面。“打開”選項(xiàng)可以編輯或查看現(xiàn)有的網(wǎng)頁文件?!氨4妗边x項(xiàng)可以將當(dāng)前編輯的網(wǎng)頁文件保存到指定位置?!瓣P(guān)閉”選項(xiàng)用于關(guān)閉當(dāng)前打開的網(wǎng)頁文件。通過“導(dǎo)入”選項(xiàng)可以將外部文件(如圖像、樣式表等)導(dǎo)入網(wǎng)頁項(xiàng)目。最后,“導(dǎo)出”選項(xiàng)允許將網(wǎng)頁導(dǎo)出為不同的文件格式,如HTML、CSS或JavaScript等文件格式。這些選項(xiàng)提供了方便地操作和管理網(wǎng)頁文件的功能。②編輯菜單編輯菜單提供了一系列實(shí)用選項(xiàng)。通過“撤銷/重做”選項(xiàng)來撤銷或恢復(fù)之前的操作。“剪切/復(fù)制/粘貼”選項(xiàng)可以方便地移動(dòng)或復(fù)制網(wǎng)頁中的文本、圖像或其他元素。通過“查找/替換”選項(xiàng),可以快速搜索并選擇是否替換特定的文本或代碼。如果需要在整個(gè)項(xiàng)目中進(jìn)行全局替換,可以使用“全局替換”功能。另外,“代碼折疊”選項(xiàng)可以幫助提高編輯大量代碼時(shí)的可讀性,通過折疊或展開代碼塊進(jìn)行管理。這些選項(xiàng)提供了便捷的編輯功能,使得編輯網(wǎng)頁更加高效和方便。③插入菜單插入菜單用于在網(wǎng)頁中插入和管理各種元素及功能。可以通過插入菜單插入圖像、超鏈接、表格、Flash動(dòng)畫、多媒體文件等;其還提供了快速創(chuàng)建導(dǎo)航菜單、使用網(wǎng)頁模板和插入特殊字符等功能;還可以使用表單功能來插入和定義網(wǎng)頁表單,以收集用戶數(shù)據(jù)。此外,可以通過插入菜單插入布局對(duì)象和代碼片段,以更好地管理網(wǎng)頁布局和添加常用代碼。④格式菜單格式菜單有縮進(jìn)、凸出、段落格式、對(duì)齊、列表、樣式、CSS樣式、顏色等功能。⑤站點(diǎn)菜單站點(diǎn)菜單用于管理和設(shè)置網(wǎng)站相關(guān)的選項(xiàng)及配置。“新建站點(diǎn)”選項(xiàng)可創(chuàng)建新的網(wǎng)站,設(shè)置網(wǎng)站的名稱、本地文件夾和服務(wù)器連接等信息。“管理站點(diǎn)”選項(xiàng)可打開站點(diǎn)管理器窗口,用于查看和管理當(dāng)前已創(chuàng)建的網(wǎng)站列表,包括編輯、刪除和導(dǎo)入導(dǎo)出網(wǎng)站等操作。⑥窗口菜單窗口菜單用于管理和控制軟件界面?!安迦搿惫δ茉试S在網(wǎng)頁中插入和管理各種元素及功能,如圖像、超鏈接、表格等?!皩傩浴惫δ茱@示和編輯所選元素的屬性及樣式,包括字體、顏色、大小等。“CSS樣式”功能提供了強(qiáng)大的CSS樣式編輯器,用于創(chuàng)建、編輯和管理網(wǎng)頁的樣式規(guī)則?!皵?shù)據(jù)庫”功能允許連接和管理與網(wǎng)頁相關(guān)的數(shù)據(jù)庫,進(jìn)行數(shù)據(jù)庫操作和查詢?!敖壎ā惫δ苡糜趧?chuàng)建和管理網(wǎng)頁與數(shù)據(jù)源之間的綁定關(guān)系,實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容的展示和交互?!胺?wù)器行為”功能允許WAMP添加和管理與服務(wù)器端交互的行為,如表單處理、會(huì)話管理等。(2)Dreamweaver軟件屬性面板屬性面板可以在“窗口”菜單中單擊“屬性”調(diào)出或關(guān)閉。屬性面板可以查看和更改所選對(duì)象的各種屬性,每種對(duì)象都具有不同的屬性。屬性面板包括兩種選項(xiàng),一種是“HTML”選項(xiàng),將默認(rèn)顯示文本的格式、樣式和對(duì)齊方式等屬性。另一種是“CSS”選項(xiàng),可在其中設(shè)定各種屬性,如圖1-1-18所示。
圖1-1-18Dreamweaver軟件屬性面板(3)Dreamweaver軟件文檔窗口文檔窗口主要用于文檔的編輯??赏瑫r(shí)打開多個(gè)文檔進(jìn)行編輯,可以在代碼視圖、拆分視圖、設(shè)計(jì)視圖和實(shí)時(shí)視圖中根據(jù)需要編輯或查看網(wǎng)頁內(nèi)容,如圖1-1-19所示。
圖1-1-19代碼視圖、拆分視圖、設(shè)計(jì)視圖和實(shí)時(shí)視圖窗口(4)Dreamweaver軟件插入面板插入面板可以在“窗口”菜單中單擊“插入”調(diào)出或關(guān)閉。插入面板是在設(shè)計(jì)網(wǎng)頁過程中經(jīng)常用到的對(duì)象和工具,插入面板里有常用、布局、表單、PHP、數(shù)據(jù)等面板,通過該面板可以很方便地調(diào)用網(wǎng)頁中所需的對(duì)像以及編輯對(duì)象所要用到的工具。插入面板中的功能與插入菜單功能很大一部分是重疊的,但插入面板用起來會(huì)更方便,如圖1-1-20所示。圖1-1-20Dreamweaver軟件插入面板常用、布局、表單、PHP、數(shù)據(jù)等面板展示(5)Dreamweaver軟件數(shù)據(jù)庫面板數(shù)據(jù)庫面板可以在“窗口”菜單中單擊“數(shù)據(jù)庫”調(diào)出或關(guān)閉?!皵?shù)據(jù)庫”選項(xiàng)可以配置與數(shù)據(jù)庫的鏈接,包括選擇數(shù)據(jù)庫類型,提供主機(jī)名、用戶名、密碼等信息,以便在網(wǎng)頁中訪問和操作數(shù)據(jù)庫?!敖壎ā边x項(xiàng)可以將數(shù)據(jù)庫中的數(shù)據(jù)綁定到網(wǎng)頁元素上?!皵?shù)據(jù)展示”選項(xiàng)可以選擇要展示的數(shù)據(jù)庫內(nèi)容,并以表格、列表或其他方式在網(wǎng)頁上顯示數(shù)據(jù)?!皵?shù)據(jù)篩選和排序”選項(xiàng)可以定義篩選和排序規(guī)則,以便根據(jù)特定條件檢索和顯示數(shù)據(jù)庫中的數(shù)據(jù)?!皵?shù)據(jù)表單”選項(xiàng)可以創(chuàng)建用于插入、更新或刪除數(shù)據(jù)庫中數(shù)據(jù)的表單,例如注冊(cè)表單、評(píng)論表單等。如圖1-1-21所示。圖1-1-21
Dreamweaver軟件數(shù)據(jù)庫面板(6)浮動(dòng)面板在Dreamweaver軟件工作界面的右側(cè)排列著一些浮動(dòng)面板,這些浮動(dòng)面板同樣可以通過“窗口”菜單中的選項(xiàng)調(diào)出或關(guān)閉。這些面板集中了網(wǎng)頁編輯和站點(diǎn)管理過程中最常用的一些工具面板。這些面板被集合到面板組中,每個(gè)面板組都可以展開或折疊,并且可以自由拖動(dòng)與其他面板疊加在一起,面板組還可以??康郊傻膽?yīng)用程序窗口自定義位置,這樣能夠方便地訪問相關(guān)的面板。面板組如圖1-1-22所示。圖1-1-22面板組本次課小結(jié)與課后作業(yè)一、填空題1.隨著技術(shù)的進(jìn)步,繼網(wǎng)絡(luò)出現(xiàn)后,軟件體系架構(gòu)逐步出現(xiàn)了C/S和B/S兩種模式。其中C/S就是________的縮寫,意思是________/服務(wù)器模式,而B/S就是________的縮寫,意思是________/服務(wù)器模式。
2.目前,PHP是一種廣泛使用的________語言,具有強(qiáng)大的社區(qū)支持和豐富的第三方庫及框架。PHP具有良好的________特性,在各種操作系統(tǒng)和Web服務(wù)器上都能運(yùn)行。此外,PHP支持與________類型進(jìn)行交互,以便在Web應(yīng)用動(dòng)態(tài)網(wǎng)頁中________。3.Dreamweaver軟件是業(yè)界領(lǐng)先的Web開發(fā)工具。使用該工具可以高效地設(shè)計(jì)、開發(fā)和維護(hù)網(wǎng)站。利用Dreamweaver軟件中的________功能,可以快速地創(chuàng)建網(wǎng)頁而不需要編寫任何代碼,這使得網(wǎng)頁設(shè)計(jì)人員工作變得很輕松。4.MySQL是最常用的開源________之一,而MariaDB是MySQL的分支,與MySQL________。這兩種數(shù)據(jù)庫都可以用于存儲(chǔ)Web應(yīng)用動(dòng)態(tài)網(wǎng)頁中的數(shù)據(jù),如用戶信息、訂單記錄、博客文章等,PHP提供了________與MySQL/MariaDB進(jìn)行交互。二、敘述題1.請(qǐng)說明C/S模式和B/S模式有什么區(qū)別?2.簡(jiǎn)述PHP能夠運(yùn)行在哪些主流操作系統(tǒng)之上,分別簡(jiǎn)要說明。3.簡(jiǎn)述Dreamweaver軟件菜單欄中有哪些菜單項(xiàng),并說明菜單欄的每個(gè)分項(xiàng)的作用與功能。任務(wù)二安裝WAMP與Web環(huán)境配置復(fù)習(xí)知識(shí)與技能任務(wù)描述按照公司任務(wù)要求,網(wǎng)絡(luò)信息部門將承擔(dān)WAMP安裝與調(diào)試任務(wù),旨在設(shè)計(jì)高效、有序管理各種服務(wù)的WAMP環(huán)境、MySQL環(huán)境,以及支持PHP動(dòng)態(tài)網(wǎng)頁的系統(tǒng)環(huán)境。這項(xiàng)任務(wù)對(duì)于公司的信息管理和數(shù)據(jù)處理具有重要意義。網(wǎng)絡(luò)信息部門將深入了解公司的需求,詳細(xì)了解不同類型的數(shù)據(jù)、數(shù)據(jù)量以及數(shù)據(jù)處理方式,確保在安裝和配置WAMP環(huán)境時(shí),系統(tǒng)能夠充分滿足公司的實(shí)際需求。網(wǎng)絡(luò)信息部門將進(jìn)行全面的綜合對(duì)比,以確定在服務(wù)器或Windows系統(tǒng)上安裝WAMP系統(tǒng)環(huán)境的最佳選擇。公司部門將綜合考慮多個(gè)因素,如性能要求、可擴(kuò)展性、安全性和成本等。在綜合評(píng)估各個(gè)選項(xiàng)的優(yōu)勢(shì)和限制后,將與公司管理層進(jìn)行詳細(xì)討論并確認(rèn)。一旦確定了安裝環(huán)境,網(wǎng)絡(luò)信息部門將按照WAMP系統(tǒng)的要求,逐一安裝所需的軟件和組件,包括Apache服務(wù)器、MySQL數(shù)據(jù)庫和PHP解釋器。將確保每個(gè)組件都正確配置和連接,并與其他系統(tǒng)和網(wǎng)絡(luò)進(jìn)行適當(dāng)?shù)募伞8鶕?jù)綜合對(duì)比的結(jié)果,選擇在服務(wù)器或Windows系統(tǒng)上安裝WAMP集成系統(tǒng)環(huán)境。任務(wù)描述PHPWAMP環(huán)境界面如圖1-2-1所示。
圖1-2-1PHPWAMP環(huán)境界面展示任務(wù)分析任務(wù)目標(biāo)是設(shè)計(jì)高效、有序管理各種數(shù)據(jù)的WAMP環(huán)境系統(tǒng),以滿足公司的信息管理和數(shù)據(jù)處理需求。為了實(shí)現(xiàn)這一目標(biāo),網(wǎng)絡(luò)信息部門將與各個(gè)部門合作,深入了解不同類型的數(shù)據(jù)、數(shù)據(jù)量以及數(shù)據(jù)處理方式,以確保所設(shè)計(jì)的系統(tǒng)能夠充分滿足公司的實(shí)際需求。在此過程中,網(wǎng)絡(luò)信息部門將進(jìn)行綜合對(duì)比,評(píng)估在服務(wù)器或Windows系統(tǒng)上安裝WAMP系統(tǒng)環(huán)境的最佳選擇,將考慮性能要求、可擴(kuò)展性、安全性和成本等因素,并與公司管理層進(jìn)行詳細(xì)討論和確認(rèn)。網(wǎng)絡(luò)信息部門在完成綜合選擇對(duì)比后,決定在Windows系統(tǒng)上部署WAMP系統(tǒng),工作任務(wù)布置給工程師小明,小明利用互聯(lián)網(wǎng)等各種方式查找有關(guān)部署WAMP的技術(shù)資料,選擇使用WAMP高集成度的壓縮包安裝該系統(tǒng)。網(wǎng)絡(luò)信息部門需要完成所述的安裝與調(diào)試任務(wù),技術(shù)人員將仔細(xì)檢查安裝過程中的錯(cuò)誤和沖突,并解決可能出現(xiàn)的問題,確保系統(tǒng)的各個(gè)組件能夠正常運(yùn)行。安裝配置WAMP任務(wù)施工中網(wǎng)站規(guī)劃參數(shù)要求與任務(wù)一相同。(1)Web站點(diǎn)路徑:C:\phpweb。(2)Web測(cè)試IP地址:。(3)Web測(cè)試端口號(hào):8899。任務(wù)施工結(jié)束時(shí)要求進(jìn)行測(cè)試與驗(yàn)收,記錄主要施工技術(shù)參數(shù)。通過任務(wù)全過程分析,網(wǎng)絡(luò)信息部門將從需求分析、選擇最佳方案、安裝與配置、調(diào)試與優(yōu)化,直到提供培訓(xùn)與支持的全過程來完成該項(xiàng)工作任務(wù)。這將確保設(shè)計(jì)出滿足公司需求的高效、有序的WAMP環(huán)境系統(tǒng),并確保系統(tǒng)的穩(wěn)定性和數(shù)據(jù)的安全性。1.下載和安裝WAMP打開瀏覽器訪問出版社官方配套資源網(wǎng)站/,在網(wǎng)站上找到下載鏈接,點(diǎn)擊下載教材配套的WAMP。這里施工下載的是PHPWAMP_IN3.exe壓縮包文件版本,這個(gè)安裝文件版本的特點(diǎn)是僅需要把壓縮包文件解壓縮,無須安裝即可直接運(yùn)行。這里任務(wù)施工默認(rèn)將WAMP壓縮包釋放到C:\PHPWAMP_IN3目錄下,如圖1-2-2所示。圖1-2-2C:\PHPWAMP_IN3目錄文件資源管理器窗口進(jìn)入C:\PHPWAMP_IN3文件夾,可以看到可執(zhí)行文件PHPWAMP,該文件就是WAMP的啟動(dòng)文件,如圖1-2-3所示。圖1-2-3文件夾PHPWAMP_IN3中文件列表2.創(chuàng)建WAMP桌面快捷方式日常工作中經(jīng)常要啟動(dòng)WAMP,可以右擊PHPWAMP啟動(dòng)文件,在彈出的快捷菜單中單擊“發(fā)送到”,再單擊“桌面快捷方式”,來實(shí)現(xiàn)創(chuàng)建啟動(dòng)文件的桌面快捷方式,如圖1-2-4所示。圖1-2-4通過快捷菜單創(chuàng)建WAMP桌面快捷方式3.啟動(dòng)WAMP建議右擊PHPWAMP.exe,在彈出的快捷菜單中選擇“以管理員身份運(yùn)行”按鈕,如圖1-2-5所示。我們使用的WAMP是從官方網(wǎng)站下載的,值得信賴,如果Windows系統(tǒng)的防火墻或安裝的防病毒軟件發(fā)出提示,請(qǐng)自行確認(rèn),如圖1-2-6所示。
圖1-2-5快捷菜單“以管理員身份運(yùn)行”圖1-2-6提示確認(rèn)對(duì)話框WAMP啟動(dòng)成功畫面如圖1-2-7所示。圖1-2-7WAMP啟動(dòng)成功畫面1.WAMP簡(jiǎn)介WAMP是一種用于在Windows操作系統(tǒng)下搭建動(dòng)態(tài)網(wǎng)站和服務(wù)器的集成開發(fā)環(huán)境。它由四個(gè)主要組件組成,即Windows、Apache、MySQL和PHP,每個(gè)組件都扮演著關(guān)鍵的角色,提供構(gòu)建功能強(qiáng)大的Web應(yīng)用動(dòng)態(tài)網(wǎng)頁所需的核心功能。(1)Windows作為操作系統(tǒng)平臺(tái)來使用,它提供了基礎(chǔ)的計(jì)算機(jī)環(huán)境,支持用戶進(jìn)行應(yīng)用動(dòng)態(tài)網(wǎng)頁的開發(fā)和部署。Windows操作系統(tǒng)廣泛應(yīng)用于個(gè)人電腦和服務(wù)器環(huán)境,因其用戶友好性和廣泛的軟件兼容性而受到廣大開發(fā)者的歡迎。(2)Apache是世界上最常用的Web服務(wù)器軟件之一。它是開源的、跨平臺(tái)的服務(wù)器軟件,能夠處理HTTP請(qǐng)求和響應(yīng),使用戶能夠通過瀏覽器訪問網(wǎng)站。Apache的可靠性、靈活性和安全性使其成為構(gòu)建各種規(guī)模的Web應(yīng)用動(dòng)態(tài)網(wǎng)頁的首選。(3)MySQL是流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)(RDBMS),用于存儲(chǔ)和管理數(shù)據(jù)。它提供了高效的數(shù)據(jù)存儲(chǔ)和檢索機(jī)制,支持復(fù)雜的查詢和事務(wù)處理。MySQL在各種規(guī)模的應(yīng)用動(dòng)態(tài)網(wǎng)頁中被廣泛使用,并具有可擴(kuò)展性和穩(wěn)定性。(4)PHP是常用的服務(wù)器端腳本語言,用于開發(fā)動(dòng)態(tài)網(wǎng)頁和Web應(yīng)用動(dòng)態(tài)網(wǎng)頁。它具有強(qiáng)大的編程功能,可以與數(shù)據(jù)庫交互、處理表單數(shù)據(jù)、生成動(dòng)態(tài)網(wǎng)頁內(nèi)容等。這些腳本語言具有廣泛的庫和框架支持,使開發(fā)人員能夠快速構(gòu)建復(fù)雜的Web應(yīng)用動(dòng)態(tài)網(wǎng)頁。2.WAMP特點(diǎn)WAMP的優(yōu)勢(shì)在于集成性和易用性。通過將這些組件整合在一起,WAMP提供了一種簡(jiǎn)化的開發(fā)環(huán)境,使開發(fā)人員能夠更快速地搭建和測(cè)試Web應(yīng)用動(dòng)態(tài)網(wǎng)頁。以下是WAMP的一些主要特點(diǎn)和功能。(1)安裝簡(jiǎn)單安裝簡(jiǎn)單是WAMP的一項(xiàng)主要優(yōu)勢(shì),它通過一鍵式安裝動(dòng)態(tài)網(wǎng)頁簡(jiǎn)化了安裝和配置過程,使其變得簡(jiǎn)單和迅速。開發(fā)人員只需獲取適用于Windows操作系統(tǒng)的WAMP安裝動(dòng)態(tài)網(wǎng)頁,并按照安裝向?qū)У闹甘具M(jìn)行操作。安裝動(dòng)態(tài)網(wǎng)頁將自動(dòng)完成Apache、MySQL/MariaDB和PHP/Perl/Python等組件的配置和集成,從而減少了復(fù)雜的手動(dòng)設(shè)置步驟。(2)組件集成WAMP的核心優(yōu)勢(shì)在于將Apache、MySQL/MariaDB和PHP/Perl/Python等組件集成在一起。這些組件在WAMP環(huán)境中能夠無縫協(xié)作,相互配合工作。Apache作為Web服務(wù)器提供服務(wù),MySQL/MariaDB用于數(shù)據(jù)存儲(chǔ)和管理,而PHP/Perl/Python則用于編寫服務(wù)器端的腳本和邏輯。(3)開發(fā)工具支持WAMP還提供了多種常用的開發(fā)工具和編輯器支持,旨在提高開發(fā)效率和便捷性。例如,Dreamweaver、Notepad++等編輯器提供了代碼編輯、自動(dòng)完成、調(diào)試和語法高亮等功能,幫助開發(fā)人員更輕松地編寫和調(diào)試代碼。(4)調(diào)試和測(cè)試WAMP集成了調(diào)試工具和測(cè)試環(huán)境,方便開發(fā)人員進(jìn)行代碼調(diào)試和應(yīng)用動(dòng)態(tài)網(wǎng)頁測(cè)試。其中,Xdebug是一種常用的調(diào)試工具,可以與WAMP集成,具有代碼跟蹤、斷點(diǎn)調(diào)試等功能,有助于開發(fā)人員定位和解決代碼中的問題。(5)管理界面和控制臺(tái)管理界面和控制臺(tái)是WAMP提供的用戶友好功能,用于管理和配置Apache、MySQL/MariaDB等組件。(6)虛擬主機(jī)支持WAMP還支持虛擬主機(jī)的設(shè)置,使開發(fā)人員能夠在同一臺(tái)計(jì)算機(jī)上運(yùn)行多個(gè)網(wǎng)站。通過虛擬主機(jī)功能,可以將不同的域名或項(xiàng)目分配給不同的目錄或應(yīng)用動(dòng)態(tài)網(wǎng)頁,實(shí)現(xiàn)隔離和管理的靈活性。(7)擴(kuò)展性和自定義性WAMP具備良好的擴(kuò)展性和自定義性,提供了豐富的插件和擴(kuò)展庫,用于增強(qiáng)其功能和自定義環(huán)境。開發(fā)人員可以根據(jù)自身需求選擇和安裝適當(dāng)?shù)牟寮?,從而擴(kuò)展WAMP的能力,例如添加新的數(shù)據(jù)庫驅(qū)動(dòng)動(dòng)態(tài)網(wǎng)頁或集成其他工具。(8)安全性為了保護(hù)Web應(yīng)用動(dòng)態(tài)網(wǎng)頁免受潛在的威脅和攻擊,WAMP提供了一些安全功能和設(shè)置。通過配置Apache的訪問控制列表、設(shè)置密碼保護(hù)目錄以及啟用SSL等功能,可以增強(qiáng)Web應(yīng)用動(dòng)態(tài)網(wǎng)頁的安全性。(9)社區(qū)支持WAMP擁有廣泛的用戶社區(qū)和資源庫,這為開發(fā)人員提供了豐富的支持和幫助。開發(fā)人員可以通過在線論壇、文檔、教程和示例代碼等途徑獲取幫助及支持,解決問題并學(xué)習(xí)最佳實(shí)踐。作為廣泛采用的開發(fā)環(huán)境,WAMP吸引了大量的用戶,并積極維護(hù)和更新其社區(qū)資源。(10)跨平臺(tái)兼容性需要注意的是,盡管WAMP在名稱中包含了Windows,但其組件實(shí)際上可以在其他操作系統(tǒng)上運(yùn)行。類似的環(huán)境還有LAMP(Linux+Apache+MySQL/MariaDB+PHP/Perl/Python)和MAMP(Mac+Apache+MySQL/MariaDB+PHP/Perl/Python),它們提供了類似的功能,并適用于Linux和Mac操作系統(tǒng)。WAMP被廣泛認(rèn)可為一種功能強(qiáng)大的開發(fā)環(huán)境,旨在為開發(fā)人員在Windows平臺(tái)上構(gòu)建、運(yùn)行動(dòng)態(tài)網(wǎng)站和服務(wù)器提供一種便捷、集成的解決方案。該環(huán)境有多個(gè)組件,包括Apache、MySQL/MariaDB和PHP/Perl/Python,這些組件之間相互協(xié)作,提供了廣泛的功能和工具,使得開發(fā)人員能夠高效地進(jìn)行Web應(yīng)用動(dòng)態(tài)網(wǎng)頁的開發(fā)、調(diào)試和測(cè)試。WAMP的安裝過程簡(jiǎn)單易行,其易用性和得到廣泛社區(qū)支持的特點(diǎn)使得它成為眾多開發(fā)人員的首選開發(fā)環(huán)境。不論是個(gè)人開發(fā)者還是企業(yè)團(tuán)隊(duì),都可以借助WAMP快速構(gòu)建功能豐富、高效穩(wěn)定的Web應(yīng)用動(dòng)態(tài)網(wǎng)頁。本次課小結(jié)與課后作業(yè)一、填空題1.WAMP是一種用于在Windows操作系統(tǒng)下搭建動(dòng)態(tài)網(wǎng)站和服務(wù)器的________。它由四個(gè)主要組件組成,即________、________、________和________,每個(gè)組件都扮演著關(guān)鍵的角色,提供構(gòu)建功能強(qiáng)大的Web應(yīng)用________所需的核心功能。二、敘述題1.簡(jiǎn)述WAMP集成環(huán)境中Windows的作用。2.簡(jiǎn)述WAMP集成環(huán)境中Apache的作用。3.簡(jiǎn)述WAMP集成環(huán)境中MySQL的作用。4.簡(jiǎn)述WAMP集成環(huán)境中PHP的作用。5.?dāng)⑹鯳AMP的特點(diǎn)。任務(wù)三創(chuàng)建第一個(gè)PHP動(dòng)態(tài)網(wǎng)頁復(fù)習(xí)知識(shí)與技能任務(wù)描述工程師小明展現(xiàn)了出色的技術(shù)能力,成功地在公司的WAMP服務(wù)器上完成了網(wǎng)站環(huán)境的安裝和部署任務(wù)。他及時(shí)向部門負(fù)責(zé)人做了工作情況的匯報(bào),獲得了領(lǐng)導(dǎo)的肯定和認(rèn)可。看到他的潛力,部門負(fù)責(zé)人決定將他納入網(wǎng)站設(shè)計(jì)開發(fā)團(tuán)隊(duì),并給予新的挑戰(zhàn)—?jiǎng)?chuàng)建測(cè)試網(wǎng)站。這項(xiàng)任務(wù)的目的是讓工程師小明在日常工作中更深入地涉足設(shè)計(jì)和開發(fā)領(lǐng)域。通過這個(gè)機(jī)會(huì),小明將不斷提升自己的技能和經(jīng)驗(yàn),并為公司的網(wǎng)站開發(fā)工作貢獻(xiàn)自己的才華和創(chuàng)意。工程師小明對(duì)這個(gè)新的任務(wù)很感興趣并充滿熱情,決心充分發(fā)揮自己的才能來完成工作。他將運(yùn)用自己的技術(shù)專長(zhǎng)和創(chuàng)造力,確保測(cè)試網(wǎng)站具備卓越的功能和用戶體驗(yàn)。部門負(fù)責(zé)人對(duì)小明的能力和潛力充滿信心,并期待他在設(shè)計(jì)和開發(fā)工作中取得滿意的成果。這次安排為工程師小明提供了施展才能的舞臺(tái),也為部門帶來了更多創(chuàng)新和發(fā)展的機(jī)會(huì)。通過積極參與網(wǎng)站設(shè)計(jì)的開發(fā),工程師小明將不斷成長(zhǎng)并獲得更多的機(jī)會(huì),為公司的網(wǎng)站建設(shè)做出更大的貢獻(xiàn)。任務(wù)分析工程師小明接到任務(wù)后,對(duì)任務(wù)進(jìn)行了分析,需要按照以下步驟完成工作:(1)網(wǎng)站規(guī)劃參數(shù)。Web站點(diǎn)路徑:C:\phpweb。Web測(cè)試IP地址:。Web測(cè)試端口號(hào):8899。(2)動(dòng)態(tài)網(wǎng)頁文件命名。小明會(huì)將動(dòng)態(tài)網(wǎng)頁文件命名為“010301.php”,以便進(jìn)行代碼文件的組織和管理。(3)熟悉WAMP和Dreamweaver軟件集成環(huán)境。小明仔細(xì)研究了WAMP服務(wù)器和Dreamweaver軟件集成開發(fā)環(huán)境的功能和特性,確保自己熟悉這些工具。(4)配置WAMP中的PHP環(huán)境參數(shù)。為了滿足測(cè)試網(wǎng)站的需求,小明在WAMP服務(wù)器中進(jìn)行了必要的配置,確保PHP環(huán)境參數(shù)的正確設(shè)置。(5)使用Dreamweaver軟件設(shè)計(jì)測(cè)試頁面。小明利用Dreamweaver軟件的強(qiáng)大功能,在可視化界面下設(shè)計(jì)和制作了測(cè)試頁面。頁面的文件名為“010301.php”。(6)頁面設(shè)計(jì)。小明注重頁面的簡(jiǎn)潔性和易用性,采用清晰的布局設(shè)計(jì)。頁面內(nèi)容只有一句話:“這是第一個(gè)網(wǎng)站頁面!FlelloWorld!”。(7)測(cè)試調(diào)試驗(yàn)收。完成設(shè)計(jì)后,小明進(jìn)行了全面的測(cè)試、調(diào)試和驗(yàn)收工作,確保頁面在各種瀏覽器和設(shè)備上的兼容性和正常顯示,記錄主要施工技術(shù)參數(shù)。1.啟動(dòng)運(yùn)行WAMP鼠標(biāo)單擊“啟動(dòng)默認(rèn)環(huán)境”按鈕,狀態(tài)處顯示綠色的“Apache2.2已啟動(dòng)[√]MySQL已經(jīng)啟動(dòng)[√]”,如圖1-3-1所示。2.站點(diǎn)管理在集成環(huán)境PHPWAMP_IN3中,鼠標(biāo)單擊“相關(guān)設(shè)置”菜單,再單擊“站點(diǎn)管理”,單擊“Apach2.2站點(diǎn)管理”,如圖1-3-2所示。圖1-3-1“啟動(dòng)默認(rèn)環(huán)境”狀態(tài)示意圖圖1-3-2“站點(diǎn)管理”菜單示意圖彈出“站點(diǎn)管理”對(duì)話框,在對(duì)話框右側(cè)輸入網(wǎng)站名稱“phpweb”、網(wǎng)站目錄“C:\phpweb”、網(wǎng)站端口“8899”,其他為默認(rèn)狀態(tài),單擊“添加新站點(diǎn)”按鈕,再單擊“設(shè)置完成后點(diǎn)此“重啟服務(wù)”網(wǎng)站方可運(yùn)行”按鈕,如圖1-3-3所示。圖1-3-3“站點(diǎn)管理”對(duì)話框添加新網(wǎng)站、重啟服務(wù)完成,如圖1-3-4所示。圖1-3-4添加新網(wǎng)站后重啟服務(wù)完成界面利用組合鍵Windows+D返回桌面,啟動(dòng)運(yùn)行Dreamweaver軟件系統(tǒng)成功后,單擊“站點(diǎn)”窗口菜單行,在Dreamweaver軟件中創(chuàng)建支持PHP網(wǎng)站,具體操作見項(xiàng)目一任務(wù)一,如果網(wǎng)站已經(jīng)創(chuàng)建好,可以跳過本步驟。鼠標(biāo)單擊“文件”菜單,單擊“新建”,如圖1-3-5所示。圖1-3-5新建文檔創(chuàng)建PHP主要選項(xiàng)參數(shù)界面3.保存文件鼠標(biāo)單擊“文件”菜單,單擊“保存”,彈出“另存為”對(duì)話框,文件名處輸入“010301”,單擊“保存”按鈕,如圖1-3-6所示。圖1-3-6“另存為”對(duì)話框4.插入代碼鼠標(biāo)單擊“窗口”菜單,單擊“插入”,調(diào)出插入面板,在插入面板上單擊“PHP”,單擊PHP面板上“<?”按鈕,在源代碼編輯區(qū)域插入<body><?php?></body>等代碼,具體代碼參照?qǐng)D1-3-7中第8、9、10行。動(dòng)態(tài)網(wǎng)頁“010301.php”詳細(xì)源代碼如下。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為UTF-8-->5<title>創(chuàng)建第一個(gè)PHP動(dòng)態(tài)網(wǎng)頁</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php9echo"這是第一個(gè)網(wǎng)站頁面!HelloWorld!";//使用PHP的echo語句輸出字符串"這是第一個(gè)網(wǎng)站頁面!HelloWorld!"10?>11</body><!--結(jié)束主體標(biāo)記-->12</html><!--結(jié)束HTML標(biāo)記-->輸入完成后,按<Ctrl>+S鍵或單擊“文件”菜單進(jìn)行保存。按F12鍵進(jìn)行網(wǎng)頁瀏覽效果如圖1-3-9所示。1.WAMP還可以分為以下三大類運(yùn)行環(huán)境(1)PHP集成環(huán)境這種環(huán)境已經(jīng)將所有必需的組件集成在一起,能夠方便安裝和直接運(yùn)行網(wǎng)站。盡管無須分開獨(dú)立安裝各個(gè)組件,但為了滿足各種正常運(yùn)行的需求,有時(shí)仍需要額外安裝配套運(yùn)行庫等。(2)PHP獨(dú)立安裝版環(huán)境這種環(huán)境需要WAMP自行獨(dú)立安裝各個(gè)組件,操作相對(duì)煩瑣且耗時(shí)。但是這種環(huán)境能夠提升WAMP的配置能力,并有助于深入了解每個(gè)組件的功能。需要注意的是,該環(huán)境對(duì)于新手來說不推薦,原因是安裝與卸載操作可能稍顯麻煩。(3)PHP綠色集成環(huán)境相對(duì)而言,這是一種“綠色”的PHP集成環(huán)境。其中已經(jīng)內(nèi)置了VC運(yùn)行庫等必須的運(yùn)行庫,因此無須額外安裝相關(guān)庫,只需解壓后即可直接運(yùn)行使用,而且在不需要時(shí),通過關(guān)閉服務(wù)即可停止運(yùn)行系統(tǒng),不會(huì)在系統(tǒng)中有任何殘留。PHP綠色集成環(huán)境具有便捷性和高效性。上述三種不同類型的環(huán)境在不同的應(yīng)用場(chǎng)景下具有各自的優(yōu)勢(shì)和劣勢(shì),用戶可以根據(jù)自己的需求和熟練程度來選擇合適的WAMP運(yùn)行環(huán)境。2.PHP集成環(huán)境的選擇—是選擇集成版,還是綠色集成版?當(dāng)前PHP集成環(huán)境的大部分并非純綠色環(huán)境。在安裝后,需要額外進(jìn)行VC運(yùn)行庫的自行安裝。對(duì)于不太了解PHP環(huán)境的用戶來說,卸載操作并不方便。特別是在安裝多個(gè)PHP集成環(huán)境的情況下,即使使用集成環(huán)境自帶的卸載功能,卸載仍然困難重重,可能會(huì)導(dǎo)致未知錯(cuò)誤,甚至影響到后續(xù)的PHP環(huán)境的安裝和使用。因?yàn)楸憬菟酝扑]采用PHP集成環(huán)境,常見的就是WAMP集成環(huán)境。WAMP是一種專為Windows系統(tǒng)開發(fā)的完全綠色的PHP集成開發(fā)環(huán)境。它能夠在缺失必要依賴組件的情況下正常運(yùn)行,無須安裝復(fù)雜的VC運(yùn)行庫或修復(fù)缺失的系統(tǒng)組件,能夠忽略依賴關(guān)系而獨(dú)立運(yùn)行。WAMP是目前最便捷、最專業(yè)的PHP集成環(huán)境之一,它提供了開發(fā)模式和運(yùn)營(yíng)模式,并可用于服務(wù)器環(huán)境。它是唯一一款支持自定義設(shè)置的環(huán)境,可以根據(jù)需求自由定制32位和64位的所有PHP歷史版本,自動(dòng)智能匹配32位和64位系統(tǒng)所需的相關(guān)依賴,并實(shí)現(xiàn)完美運(yùn)行。此外,WAMP還提供了強(qiáng)大的常用工具,例如強(qiáng)制修改任何環(huán)境的MySQL密碼、端口去除、強(qiáng)制解除占用、端口掃描以及亂碼解除等功能。3.PHP集成環(huán)境特點(diǎn)(1)功能多樣性WAMP支持多功能站點(diǎn)管理系統(tǒng),包括IIS、Nginx和Apache,能同時(shí)運(yùn)行無限個(gè)不同的PHP版本。(2)強(qiáng)大自定義能力支持無限添加PHP和MySQL版本,無須擔(dān)心系統(tǒng)位數(shù)和各種依賴,軟件會(huì)自動(dòng)匹配所需依賴。(3)環(huán)境穩(wěn)定性集成的PHP、MySQL和Web服務(wù)器等均為完整版,未經(jīng)過精簡(jiǎn)和閹割,相較其他集成環(huán)境更加穩(wěn)定。(4)學(xué)習(xí)成本低WAMP提供完整的使用文檔,由軟件作者親自編輯,講解內(nèi)容通俗易懂,能快速入門。(5)智能自動(dòng)性WAMP自帶的“強(qiáng)制解除環(huán)境阻礙”功能可以自動(dòng)解決大部分系統(tǒng)引起的各種環(huán)境錯(cuò)誤。(6)運(yùn)行保證性WAMP自帶宕機(jī)重啟功能,當(dāng)網(wǎng)站服務(wù)宕機(jī)時(shí)會(huì)自動(dòng)重啟,確保Apache和Nginx等服務(wù)正常運(yùn)行。(7)錯(cuò)誤排查便利WAMP一旦發(fā)生啟動(dòng)失敗等錯(cuò)誤,會(huì)友好地顯示提示信息并提供完整的解決方案。3.PHP集成環(huán)境特點(diǎn)(8)系統(tǒng)兼容性WAMP的環(huán)境全面匹配32位和64位系統(tǒng),并能智能匹配32位和64位系統(tǒng)所需的DLL和VC,無須安裝其他環(huán)境依賴。(9)軟件便捷性WAMP高度集成,能在系統(tǒng)缺失DLL和VC運(yùn)行庫的情況下正常運(yùn)行,無須安裝各種環(huán)境依賴。(10)配置方便性修改某個(gè)站點(diǎn)的PHP配置文件只需要右鍵打開即可,系統(tǒng)會(huì)自動(dòng)打開該站點(diǎn)對(duì)應(yīng)的配置文件。(11)強(qiáng)大的功能WAMP提供強(qiáng)大的常用工具,例如強(qiáng)制修改任何環(huán)境的MySQL密碼、去除端口限制、解除占用、端口掃描和亂碼解除等。此外,站點(diǎn)管理功能也很強(qiáng)大,添加擴(kuò)展和修改配置都非常簡(jiǎn)單。(12)IIS站點(diǎn)一鍵配置支持同時(shí)運(yùn)行無限個(gè)PHP版本,無限自定義MySQL和PHP版本。(13)Nginx站點(diǎn)一鍵配置同樣支持同時(shí)運(yùn)行無限個(gè)PHP版本,無限自定義MySQL和PHP版本。(14)Apache站點(diǎn)一鍵配置同樣支持同時(shí)運(yùn)行無限個(gè)PHP版本,無限自定義MySQL和PHP版本。4.簡(jiǎn)單的PHP網(wǎng)頁代碼的基本結(jié)構(gòu)解析例如“ex1301.php”代碼如下。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為UTF-8-->5<title>創(chuàng)建第一個(gè)PHP動(dòng)態(tài)網(wǎng)頁</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php9echo"這是第一個(gè)網(wǎng)站頁面!HelloWorld!";//使用PHP的echo語句輸出字符串10?>11</body><!--結(jié)束主體標(biāo)記-->12</html><!--結(jié)束HTML標(biāo)記-->4.簡(jiǎn)單的PHP網(wǎng)頁代碼的基本結(jié)構(gòu)解析下面對(duì)以上PHP和HTML代碼結(jié)構(gòu)含義功能進(jìn)行解釋。(1)定義文檔類型為HTML,瀏覽顯示時(shí)就知道這是HTML文檔了。代碼示例:<!doctypehtml>。(2)開始HTML標(biāo)記,表示整個(gè)HTML文檔的開始。代碼示例:<html>。(3)開始頭部標(biāo)記,包含與文檔相關(guān)的元信息。代碼示例:<head>。(4)設(shè)置文檔字符編碼為“utf-8”,確保文檔中可以正確顯示各種字符。代碼示例:<metacharset="utf-8">。(5)設(shè)置文檔標(biāo)題為“創(chuàng)建第一個(gè)PHP動(dòng)態(tài)網(wǎng)頁”,將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上。代碼示例:<title>創(chuàng)建第一個(gè)PHP動(dòng)態(tài)網(wǎng)頁</title>。(6)結(jié)束頭部標(biāo)記,頭部部分結(jié)束。代碼示例:</head>。(7)開始主體標(biāo)記,包含文檔的可見內(nèi)容。代碼示例:<body>。(8)使用PHP的開始標(biāo)記,用于嵌入PHP代碼。代碼示例:<?php。(9)使用PHP的echo語句輸出字符串“這是第一個(gè)網(wǎng)站頁面!HelloWorld!”,將在網(wǎng)頁中顯示這個(gè)文本內(nèi)容。代碼示例:echo"這是第一個(gè)網(wǎng)站頁面!HelloWorld!";。(10)PHP代碼的結(jié)束標(biāo)記。代碼示例:?>。(11)結(jié)束主體標(biāo)記,主體部分結(jié)束。代碼示例:</body>。(12)結(jié)束HTML標(biāo)記,表示整個(gè)HTML文檔結(jié)束。代碼示例:</html>。通過這些代碼,我們可以定義基礎(chǔ)的HTML文檔結(jié)構(gòu),包括文檔類型聲明、頭部元信息設(shè)置、文檔標(biāo)題設(shè)置以及主體內(nèi)容的展示。在主體部分,我們還可以使用PHP嵌入代碼,實(shí)現(xiàn)動(dòng)態(tài)的內(nèi)容輸出。這樣的HTML基礎(chǔ)代碼結(jié)構(gòu)可以幫助我們構(gòu)建網(wǎng)頁,并控制其外觀和功能。本次課小結(jié)與課后作業(yè)敘述題1.WAMP還可以分為三大類運(yùn)行環(huán)境,請(qǐng)分別說明這三類環(huán)境。2.簡(jiǎn)述PHP集成環(huán)境的特點(diǎn)。3.舉例說明PHP網(wǎng)頁代碼的基本結(jié)構(gòu),并簡(jiǎn)要說明每一條語句的作用。項(xiàng)目二動(dòng)態(tài)網(wǎng)頁基礎(chǔ)控件與流程控制項(xiàng)目引言本項(xiàng)目通過完成一系列動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)任務(wù),涵蓋了簡(jiǎn)易產(chǎn)品數(shù)量求和、折扣收費(fèi)計(jì)算、閏年判斷、簡(jiǎn)易等級(jí)評(píng)定、階乘計(jì)算等內(nèi)容,以實(shí)際工作需要驅(qū)動(dòng)學(xué)習(xí)PHP編程基礎(chǔ)語句。在這個(gè)施工過程中,施工者或?qū)W習(xí)者不僅能學(xué)習(xí)到在網(wǎng)頁上輸出文本和注釋語句的方法,還能學(xué)習(xí)常見的數(shù)據(jù)類型,如字符串、整數(shù)、浮點(diǎn)數(shù)、布爾值、數(shù)組、對(duì)象等,以及數(shù)據(jù)的表示方法、數(shù)組的操作、常量的定義以及字符串的連接等操作技能;此外,還能深入學(xué)習(xí)各種運(yùn)算符的應(yīng)用,包括算術(shù)、賦值、遞增遞減、比較和邏輯運(yùn)算符,學(xué)習(xí)不同數(shù)據(jù)類型的表達(dá)方式、表達(dá)式在動(dòng)態(tài)網(wǎng)頁中的作用,以及上述運(yùn)算符綜合運(yùn)算的優(yōu)先級(jí);在條件判斷語句方面,學(xué)習(xí)if、if-else、if-elseif和Switch等邏輯條件判斷的用法,另外還學(xué)習(xí)循環(huán)語句,包括for、while、do-while和foreach語句,掌握分支判斷、循環(huán)類型的各種應(yīng)用場(chǎng)景。通過本項(xiàng)目各個(gè)施工任務(wù)的學(xué)習(xí),能夠掌握PHP編程語句的基本格式功能和基礎(chǔ)技能。掌握常用數(shù)據(jù)的表示方法熟悉運(yùn)算符優(yōu)先級(jí)并掌握表達(dá)式使用方法掌握變量聲明和變量初始賦值方法掌握條件分支語句格式與設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁技能掌握循環(huán)語句格式與設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁技能能力目標(biāo)任務(wù)一設(shè)計(jì)簡(jiǎn)易產(chǎn)品數(shù)量求和動(dòng)態(tài)網(wǎng)頁項(xiàng)目引言本項(xiàng)目通過完成一系列動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)任務(wù),涵蓋了簡(jiǎn)易產(chǎn)品數(shù)量求和、折扣收費(fèi)計(jì)算、閏年判斷、簡(jiǎn)易等級(jí)評(píng)定、階乘計(jì)算等內(nèi)容,以實(shí)際工作需要驅(qū)動(dòng)學(xué)習(xí)PHP編程基礎(chǔ)語句。在這個(gè)施工過程中,施工者或?qū)W習(xí)者不僅能學(xué)習(xí)到在網(wǎng)頁上輸出文本和注釋語句的方法,還能學(xué)習(xí)常見的數(shù)據(jù)類型,如字符串、整數(shù)、浮點(diǎn)數(shù)、布爾值、數(shù)組、對(duì)象等,以及數(shù)據(jù)的表示方法、數(shù)組的操作、常量的定義以及字符串的連接等操作技能;此外,還能深入學(xué)習(xí)各種運(yùn)算符的應(yīng)用,包括算術(shù)、賦值、遞增遞減、比較和邏輯運(yùn)算符,學(xué)習(xí)不同數(shù)據(jù)類型的表達(dá)方式、表達(dá)式在動(dòng)態(tài)網(wǎng)頁中的作用,以及上述運(yùn)算符綜合運(yùn)算的優(yōu)先級(jí);在條件判斷語句方面,學(xué)習(xí)if、if-else、if-elseif和Switch等邏輯條件判斷的用法,另外還學(xué)習(xí)循環(huán)語句,包括for、while、do-while和foreach語句,掌握分支判斷、循環(huán)類型的各種應(yīng)用場(chǎng)景。通過本項(xiàng)目各個(gè)施工任務(wù)的學(xué)習(xí),能夠掌握PHP編程語句的基本格式功能和基礎(chǔ)技能。能力目標(biāo)掌握常用數(shù)據(jù)的表示方法熟悉運(yùn)算符優(yōu)先級(jí)并掌握表達(dá)式使用方法掌握變量聲明和變量初始賦值方法掌握條件分支語句格式與設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁技能掌握循環(huán)語句格式與設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁技能任務(wù)一安裝Dreamweaver軟件與網(wǎng)站環(huán)境配置復(fù)習(xí)知識(shí)與技能任務(wù)描述公司決定設(shè)計(jì)建設(shè)門戶網(wǎng)站,以便更好地宣傳公司形象,為公司內(nèi)外提供更好的服務(wù)。技術(shù)部門選擇使用可視化的Dreamweaver軟件集成開發(fā)環(huán)境,來進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā)方面的工作。Dreamweaver是一款優(yōu)秀的網(wǎng)頁設(shè)計(jì)制作軟件,提供了多樣的工具和豐富的功能,能夠幫助開發(fā)人員快速、高效地完成網(wǎng)站設(shè)計(jì)和開發(fā)工作。網(wǎng)絡(luò)信息部門需要完成服務(wù)器環(huán)境部署工作任務(wù),包括在服務(wù)器上架設(shè)支持PHP的Web站點(diǎn),并對(duì)Web站點(diǎn)進(jìn)行設(shè)置配置,以實(shí)現(xiàn)Web站點(diǎn)能支持PHP的目標(biāo)。公司安裝Dreamweaver系統(tǒng)環(huán)境工作已經(jīng)全面展開,技術(shù)部門將使用Dreamweaver軟件集成開發(fā)環(huán)境進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā),而網(wǎng)絡(luò)信息部門則需要完成在服務(wù)器中安裝Dreamweaver軟件與環(huán)境部署的工作。任務(wù)描述公司決定設(shè)計(jì)建設(shè)門戶網(wǎng)站,以便更好地宣傳公司形象,為公司內(nèi)外提供更好的服務(wù)。技術(shù)部門選擇使用可視化的Dreamweaver軟件集成開發(fā)環(huán)境,來進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā)方面的工作。Dreamweaver是一款優(yōu)秀的網(wǎng)頁設(shè)計(jì)制作軟件,提供了多樣的工具和豐富的功能,能夠幫助開發(fā)人員快速、高效地完成網(wǎng)站設(shè)計(jì)和開發(fā)工作。網(wǎng)絡(luò)信息部門需要完成服務(wù)器環(huán)境部署工作任務(wù),包括在服務(wù)器上架設(shè)支持PHP的Web站點(diǎn),并對(duì)Web站點(diǎn)進(jìn)行設(shè)置配置,以實(shí)現(xiàn)Web站點(diǎn)能支持PHP的目標(biāo)。公司安裝Dreamweaver系統(tǒng)環(huán)境工作已經(jīng)全面展開,技術(shù)部門將使用Dreamweaver軟件集成開發(fā)環(huán)境進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā),而網(wǎng)絡(luò)信息部門則需要完成在服務(wù)器中安裝Dreamweaver軟件與環(huán)境部署的工作。任務(wù)分析工程師小明被部門經(jīng)理指派任務(wù),要求他快速查找技術(shù)資料以設(shè)計(jì)能夠?qū)崿F(xiàn)簡(jiǎn)易產(chǎn)品數(shù)量求和的動(dòng)態(tài)網(wǎng)頁。為了完成任務(wù),他將做了以下工作:(1)網(wǎng)站規(guī)劃參數(shù)。Web站點(diǎn)路徑:C:\phpweb。Web測(cè)試IP地址:.Web測(cè)試端口號(hào):8899。(2)動(dòng)態(tài)網(wǎng)頁文件命名。小明會(huì)將動(dòng)態(tài)網(wǎng)頁文件命名為“020101.php”,以便進(jìn)行代碼文件的組織和管理。(3)查找資料。小明會(huì)立即利用圖書館和互聯(lián)網(wǎng)資源查找相關(guān)技術(shù)資料,以獲取必要的知識(shí)和技能。(4)表單控件選擇輸入和顯示。為了實(shí)現(xiàn)加法計(jì)算器的功能,小明會(huì)選擇適合的表單控件,利用這些控件來實(shí)現(xiàn)上午生產(chǎn)產(chǎn)品數(shù)量、下午生產(chǎn)產(chǎn)品數(shù)量和全天生產(chǎn)產(chǎn)品數(shù)量等文字提示利用相關(guān)控件來完成界面設(shè)計(jì),并使用適當(dāng)?shù)目丶韺?shí)現(xiàn)用戶輸入數(shù)值和顯示運(yùn)算結(jié)果的功能。(5)加法運(yùn)算。小明會(huì)使用控件、PHP代碼來完成加法運(yùn)算的邏輯。(6)確保網(wǎng)頁結(jié)果的正確性,任務(wù)施工結(jié)束時(shí)要進(jìn)行測(cè)試與驗(yàn)收,記錄主要施工技術(shù)參數(shù)。1.準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進(jìn)行配置。Web站點(diǎn)主目錄:C:\phpweb。測(cè)試IP地址:。測(cè)試端口號(hào):8899。參照項(xiàng)目一中任務(wù)一、任務(wù)二、任務(wù)三,配置并啟動(dòng)WAMP環(huán)境,配置好Dreamweaver軟件網(wǎng)站環(huán)境,如果已經(jīng)配置并啟動(dòng)WAMP環(huán)境、Dreamweaver軟件網(wǎng)站環(huán)境,本步驟可以略過。創(chuàng)建“020101.php”動(dòng)態(tài)網(wǎng)頁。確認(rèn)準(zhǔn)備工作無誤,啟動(dòng)Dreamweaver軟件,鼠標(biāo)單擊“文件”菜單,單擊“新建”按鈕,彈出對(duì)話框如圖2-1-2所示,參照對(duì)話框進(jìn)行設(shè)置。圖2-1-2新建文檔創(chuàng)建PHP主要選項(xiàng)參數(shù)界面鼠標(biāo)單擊“創(chuàng)建”按鈕,單擊“文件”菜單,單擊“保存”按鈕,彈出“另存為”對(duì)話框,文件名處輸入“020101”,單擊“保存”按鈕,如圖2-1-3所示。圖2-1-3“另存為”參數(shù)輸入對(duì)話框2.設(shè)計(jì)“020101.php”動(dòng)態(tài)網(wǎng)頁參照如圖2-1-1在“020101.php”動(dòng)態(tài)網(wǎng)頁中設(shè)計(jì)標(biāo)題、表單與控件。在打開“020101.php”網(wǎng)頁狀態(tài)下,鼠標(biāo)單擊“設(shè)計(jì)”視圖、“拆分”視圖、“代碼”視圖切換到方便設(shè)計(jì)編輯的視圖。(1)輸入網(wǎng)頁標(biāo)題“設(shè)計(jì)加法運(yùn)算動(dòng)態(tài)網(wǎng)頁”。(2)鼠標(biāo)單擊“窗口”菜單,單擊“插入”調(diào)出插入面板,在插入面板上單擊“表單”調(diào)出表單面板,單擊表單面板上“表單”按鈕,彈出表單form對(duì)話框,在對(duì)話框“操作”處輸入“020101.php”,在“方法”處選擇“post”選項(xiàng),單擊“確定”按鈕,如圖2-1-4所示。圖2-1-4標(biāo)簽編輯器form中常規(guī)選項(xiàng)界面(3)參照?qǐng)D2-1-1在表單中插入三個(gè)“文本字段”控件,插入“按鈕”控件。(4)分別在三個(gè)文本字段控件左側(cè)輸入“加數(shù):”“被加數(shù):”“求和:”。為了排版需要,在三個(gè)文本字段控件右側(cè)分別用鍵盤輸入組合鍵“Shift+Enter”,這個(gè)組合鍵就是HTML源代碼“<br>”,作用是產(chǎn)生換行。(5)鼠標(biāo)單擊“按鈕”,在屬性面板中“值”處輸入“計(jì)算全天產(chǎn)品數(shù)量”,結(jié)果對(duì)照源代碼32行,如圖2-1-5所示。3.在“020101.php”動(dòng)態(tài)網(wǎng)頁中輸入PHP源代碼(1)鼠標(biāo)單擊“窗口”菜單,單擊“插入”調(diào)出插入面板,在插入面板上單擊“PHP”調(diào)出PHP面板,單擊PHP面板上按鈕“<?”或“echo”,在源代碼編輯區(qū)域需要的位置自動(dòng)插入<?php?>和<?phpecho?>代碼塊。(2)參照源代碼第22、25、28行在控件參數(shù)中輸入value="<?phpecho$n1;?>"、value="<?phpecho$n2;?>"、value="<?phpecho$result;?>"。(3)參照源代碼第6~17行,用鍵盤輸入PHP源代碼(注意為節(jié)約設(shè)計(jì),注釋可以省略,正式技術(shù)資料歸檔時(shí),按照行業(yè)規(guī)范要求必須有詳細(xì)規(guī)范的注釋)。4.“020101.php”動(dòng)態(tài)網(wǎng)頁源代碼1<!DOCTYPEhtml><!--聲明文檔類型為HTML-->2<html><!--開始html標(biāo)簽-->3<head><!--head標(biāo)簽,用于定義文檔的頭部信息-->4<metacharset="utf-8"><!--設(shè)置字符編碼為utf-8-->5<title>設(shè)計(jì)簡(jiǎn)易產(chǎn)品數(shù)量求和動(dòng)態(tài)網(wǎng)頁</title><!--設(shè)置網(wǎng)頁標(biāo)題-->6</head><!--head標(biāo)簽結(jié)束-->7<?php//PHP代碼塊開始8$n1="";//定義變量$n1并賦初始值為空字符串9$n2="";//定義變量$n2并賦初始值為空字符串10$result="";//定義變量$result并賦初始值為空字符串11if(isset($_REQUEST['num1']))//檢查是否接收到名為"num1"的請(qǐng)求參數(shù)12{13$n1=$_REQUEST['num1'];//如果接收到"num1"參數(shù),則將其值賦給$n114$n2=$_REQUEST['num2'];//將"num2"參數(shù)的值賦給$n215$result=$n1+$n2;//將$n1和$n2相加的結(jié)果賦給$result16echo"<br>全天生產(chǎn)產(chǎn)品數(shù)量為:",$result;//輸出計(jì)算結(jié)果17}18?>//PHP代碼塊結(jié)束19<body><!--body標(biāo)簽,用于定義文檔的主體部分-->20<formaction="020101.php"method="post"><!--表單,向"020101.php"提交數(shù)據(jù),使用POST方法-->21上午生產(chǎn)產(chǎn)品數(shù)量:<!--表單項(xiàng),用于輸入加數(shù)-->22<inputtype="text"name="num1"value="<?phpecho$n1;?>"><!--輸入框,將$n1的值作為默認(rèn)值-->23<br><!--換行-->24下午生產(chǎn)產(chǎn)品數(shù)量:<!--表單項(xiàng),用于輸入被加數(shù)-->25<inputtype="text"name="num2"value="<?phpecho$n2;?>"><!--輸入框,將$n2的值作為默認(rèn)值-->26<br><!--換行-->27全天生產(chǎn)產(chǎn)品數(shù)量:<!--表單項(xiàng),用于顯示求和結(jié)果-->28<inputtype="text"name="result"value="<?phpecho$result;?>"><!--輸入框,將$result的值作為默認(rèn)值-->29<br><!--換行-->30<inputtype="submit"value="計(jì)算全天產(chǎn)品數(shù)量"><!--提交按鈕,用于提交表單數(shù)據(jù)-->31</form><!--表單結(jié)束-->32</body><!--body標(biāo)簽結(jié)束-->33</html><!--html標(biāo)簽結(jié)束-->編寫PHP動(dòng)態(tài)網(wǎng)頁時(shí),有一些基礎(chǔ)方法技能,下面介紹一些重要的數(shù)據(jù)類型表示方法,以及常量和變量的使用。1.基礎(chǔ)指令echo和print的區(qū)別通過PHP,有兩種在瀏覽器輸出文本的基礎(chǔ)指令echo和print,二者是有區(qū)別的。(1)echo和print返回值不同print是語言結(jié)構(gòu),返回值為1,可以在表達(dá)式中使用,如$result=print"Hello";這樣print"Hello"返回值會(huì)將變量$result賦值為1。echo是語句,不返回任何值,因此echo不能在表達(dá)式中使用。(2)echo和print參數(shù)數(shù)量不同print只能接受參數(shù),格式里沒有括號(hào)。echo可以一次輸出多個(gè)參數(shù),格式里可以用逗號(hào)分隔多個(gè)參數(shù),并且可以用括號(hào)包圍。(3)echo和print速度和性能不同echo執(zhí)行速度通常比print稍微快一些,因?yàn)閑cho沒有返回值,而且可以輸出多個(gè)字符串,不需要將它們連接在一起。print返回值為1,所以會(huì)稍微慢一些。例如“ex2101.php”代碼。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為utf-8-->5<title>echo</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php9echo"<h2>PHP很有趣!</h2>";//在網(wǎng)頁中輸出標(biāo)題為“PHP很有趣!”的二級(jí)標(biāo)題10echo"Helloworld!<br>";//在網(wǎng)頁中輸出“Helloworld!”并換行11echo"我要學(xué)PHP!<br>";//在網(wǎng)頁中輸出“我要學(xué)PHP!”并換行12echo"這是","字符串,","使用了","多個(gè)","參數(shù)。";//輸出多個(gè)字符串并拼接在一起13?>14</body><!--結(jié)束主體標(biāo)記-->15</html><!--結(jié)束HTML標(biāo)記-->例如“ex2102.php”代碼。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為utf-8-->5<title>變量與print</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php9$txt1="一種非常流行的Web編程語言是PHP";//定義變量$txt1并賦值10$txt2="集團(tuán)公司和學(xué)校";//定義變量$txt2并賦值11$cars=array("比亞迪","蔚來","錢江");//定義數(shù)組$cars并賦值12print$txt1;//輸出變量$txt1的值13print"<br>";//輸出換行14print"在$txt2學(xué)習(xí)PHP";//輸出帶有變量$txt2的字符串15print"<br>";//輸出換行16print"我喜歡國(guó)貨精品的品牌是{$cars[0]}";//輸出數(shù)組$cars的第一個(gè)元素17?>18</body><!--結(jié)束主體標(biāo)記-->19</html><!--結(jié)束HTML標(biāo)記-->2.PHP中的注釋注釋有兩種方法,即使用“//”和“/**/”符號(hào)對(duì),其中“//”只能進(jìn)行單行注釋。例如“ex2103.php”代碼。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為utf-8-->5<title>PHP中的注釋</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php//PHP代碼開始標(biāo)簽9//這是PHP單行注釋10/*11這是12PHP多行13注釋14*/15?>//PHP代碼結(jié)束標(biāo)簽16</body><!--結(jié)束主體標(biāo)記-->17</html><!--結(jié)束HTML標(biāo)記-->3.PHP數(shù)據(jù)類型PHP支持的數(shù)據(jù)類型有字符串(String)、整型(Integer)、浮點(diǎn)型(Float)、布爾型(Boolean)、數(shù)組(Array)、對(duì)象(Object)和空值(NULL)等。(1)PHP字符串字符串是一串字符的序列,就像“Helloworld!”。你可以將任何文本放在單引號(hào)和雙引號(hào)中。例如“ex2104.php”代碼。1<!doctypehtml><!--聲明文檔類型為HTML-->2<html><!--開始HTML標(biāo)記-->3<head><!--開始頭部標(biāo)記-->4<metacharset="utf-8"><!--設(shè)置文檔字符編碼為utf-8-->5<title>PHP字符串</title><!--設(shè)置文檔標(biāo)題為"無標(biāo)題文檔"-->6</head><!--結(jié)束頭部標(biāo)記-->7<body><!--開始主體標(biāo)記-->8<?php//PHP代碼開始標(biāo)簽9$x="Helloworld!";//定義變量$x,并賦值為字符串"Helloworld!"10echo$x;//輸出變量$x的值11echo"<br>";//輸出HTML換行符12$x='Helloworld!';//將變量$x的值更改為字符串'Helloworld!'13echo$x;//輸出變量$x的值14?><!--PHP代碼結(jié)束標(biāo)簽-->15</body><!--結(jié)束主體標(biāo)記-->16</html><!--結(jié)束HTML標(biāo)記-->(2)PHP整數(shù)與進(jìn)制數(shù)整數(shù)是一種常見的數(shù)據(jù)類型,用于存儲(chǔ)沒有小數(shù)部分的數(shù)值。PHP支持多種進(jìn)制表示法來表示整數(shù),包括二進(jìn)制、八進(jìn)制、十進(jìn)制和十六進(jìn)制。整數(shù)是沒有小數(shù)的數(shù)字,可以是正數(shù)或負(fù)數(shù)。整數(shù)必須至少有一個(gè)數(shù)字,且不能包含逗號(hào)或空格。二進(jìn)制(Binary):二進(jìn)制表示法使用0b前綴,后面跟著一串由0和1組成的數(shù)字。例如,在
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2026年企業(yè)數(shù)字化轉(zhuǎn)型戰(zhàn)略咨詢合同
- 燃?xì)廨斉湎到y(tǒng)優(yōu)化方案
- 安全員A證考試通關(guān)檢測(cè)卷【完整版】附答案詳解
- 2025年山西公務(wù)員考試試題答案解析
- 安全員A證考試考試彩蛋押題【突破訓(xùn)練】附答案詳解
- 水電線路改造工程進(jìn)展匯報(bào)方案
- 2022年一建《建筑實(shí)務(wù)》考試真題及答案(案例二)
- 社區(qū)兩委考試試題及答案
- 2025年食品安全管理員監(jiān)督抽檢抽查抽樣考試題庫及答案
- 2025年人力資源師國(guó)家職業(yè)資格認(rèn)證考試試題及答案
- 山東省青島市城陽區(qū)2024-2025學(xué)年九年級(jí)上學(xué)期語文期末試卷(含答案)
- 安全生產(chǎn)考試點(diǎn)管理制度(3篇)
- 孕婦尿液捐獻(xiàn)協(xié)議書
- 2025年立體倉庫維護(hù)服務(wù)合同
- BIM技術(shù)在建筑施工環(huán)境管理中的應(yīng)用
- 2025全國(guó)高考Ⅰ卷第16題說題比賽課件-2026屆高三數(shù)學(xué)二輪復(fù)習(xí)
- 快消品市場(chǎng)調(diào)研分析報(bào)告模板
- 裝修保護(hù)電梯施工技術(shù)交底
- 社保專員工作述職報(bào)告
- DB15∕T 2385-2021 草原退化評(píng)價(jià)技術(shù)規(guī)程
- 焦化廠儀表工崗位考試試卷及答案
評(píng)論
0/150
提交評(píng)論