網頁設計 EP01-環境架設(XAMPP)

更新 發佈閱讀 3 分鐘

XAMPP 是一款完全免費且開源的跨平台 Web 伺服器軟體解決方案套件。它的名字是一個縮寫,代表了其核心組成部分:

  • X (Cross-platform): 跨平台,支援 Windows、Linux 和 macOS。
  • A (Apache): 全球使用最廣泛的 Web 伺服器軟體。
  • M (MariaDB/MySQL): 強大的資料庫管理系統(新版本已由 MySQL 改為 MariaDB)。
  • P (PHP): 最流行的伺服器端腳本語言,用於開發動態網頁。
  • P (Perl): 另一種通用的腳本語言。

在網頁開發的領域中,快速建置一個穩定且功能完備的本地端測試環境是邁向成功的關鍵第一步。XAMPP 作為全球最受歡迎的開源跨平台解決方案套件,其名稱完美結合了 Apache 網頁伺服器、MariaDB 資料庫、以及 PHPPerl 程式語言。它將複雜的伺服器架設流程簡化為「一鍵安裝」,讓開發者無需深入繁瑣的環境變數設定,即可在個人電腦上模擬真實的網路運作環境。無論是進行 WordPress 網站架設、PHP 程式邏輯開發,還是資料庫結構管理,XAMPP 都是初學者與專業工程師首選的利器,是現代網頁開發流程中不可或缺的整合式工具。

XAMPP安裝流程:

XAMPP下載

XAMPP下載網址:https://www.apachefriends.org/zh_tw/index.html

vocus|新世代的創作平台

自動下載完都直接下一步

然後安裝完成後 來到XAMPP的主頁(如下圖)

vocus|新世代的創作平台

修改port

Apache port預設為80

以下指令可以查看80端口占用情況

netstat -ano | findstr "80"

可以發現即使其他的伺服器沒有啟用也有很多程序正在占用80端口

vocus|新世代的創作平台

為了避免與主機上其他伺服器和程序衝突,造成Apache無法正常運行,最快的方式就是修改port

vocus|新世代的創作平台

從Apache安裝目錄下的conf/httpd.conf,搜尋Listen 80修改成想要的port

vocus|新世代的創作平台

然後service and port setting這裡的port也要跟著修改

vocus|新世代的創作平台

回到主頁點擊start執行,輸入http://localhost:8080/ 確認是否有開成功

下面的畫面就是成功摟🎉

vocus|新世代的創作平台

本篇文章到這裡就結束了,下一篇會介紹PHP的編譯器如何與XAMPP做搭配,開始寫第一支PHP程式,如果喜歡我的文章或覺得有用的話,歡迎追蹤,我們下篇文章見🙌

留言
avatar-img
逃的沙龍
3會員
13內容數
分享學習路上的內容與心得
你可能也想看
Thumbnail
NVDA 將於 11/19 公布 FY3Q26 財報、以及給予下季 FY4Q26 的財測指引,對此我們於本週末進行最後一次的財報前渠道檢查 (Channel check),範圍觸及晶圓製造、晶圓測試、ODM、CoWoS 等供應商鏈條,結果顯示,受惠於 GB300 已經
Thumbnail
NVDA 將於 11/19 公布 FY3Q26 財報、以及給予下季 FY4Q26 的財測指引,對此我們於本週末進行最後一次的財報前渠道檢查 (Channel check),範圍觸及晶圓製造、晶圓測試、ODM、CoWoS 等供應商鏈條,結果顯示,受惠於 GB300 已經
Thumbnail
鴻海(Hon Hai / Foxconn)與三菱FUSO(Mitsubishi Fuso)及相關子公司再次簽署 MOU,將以鴻華先進(Foxtron)開發的 MODEL T 與 MODEL U 作為基礎,共同推動零排放巴士(ZEV)與相關商業化(含研發、生產、供應鏈與銷售),目標強化 FUSO 品牌
Thumbnail
鴻海(Hon Hai / Foxconn)與三菱FUSO(Mitsubishi Fuso)及相關子公司再次簽署 MOU,將以鴻華先進(Foxtron)開發的 MODEL T 與 MODEL U 作為基礎,共同推動零排放巴士(ZEV)與相關商業化(含研發、生產、供應鏈與銷售),目標強化 FUSO 品牌
Thumbnail
輝達營收與需求強勁、外界普遍預期公司會上修本季/下季財測,這波「AI 資本支出」浪潮不只是輝達一家公司賺錢——會沿著供應鏈往下傳:台積電(先進製程產能)、鴻海(AI 伺服器與機櫃製造)、工業富聯與其他板上零組件廠都可能直接受惠。短期利多來自訂單放量與產能排程;中長期利多則是客戶資本支出(CapEx)
Thumbnail
輝達營收與需求強勁、外界普遍預期公司會上修本季/下季財測,這波「AI 資本支出」浪潮不只是輝達一家公司賺錢——會沿著供應鏈往下傳:台積電(先進製程產能)、鴻海(AI 伺服器與機櫃製造)、工業富聯與其他板上零組件廠都可能直接受惠。短期利多來自訂單放量與產能排程;中長期利多則是客戶資本支出(CapEx)
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
歡迎來到 12 月的第一天!本週市場焦點呈現「金融領軍、半導體穩健、傳產力拚轉型」的格局。富邦金與國泰金繳出亮眼獲利,信驊對明年 AI 伺服器展望樂觀。國際方面,SK 海力士稱霸 DRAM 市場,印度與日本股市表現強勢,但南韓市場則面臨信心危機。 🏆 金融業:獲利亮眼,整併效益顯現 金融股本
Thumbnail
歡迎來到 12 月的第一天!本週市場焦點呈現「金融領軍、半導體穩健、傳產力拚轉型」的格局。富邦金與國泰金繳出亮眼獲利,信驊對明年 AI 伺服器展望樂觀。國際方面,SK 海力士稱霸 DRAM 市場,印度與日本股市表現強勢,但南韓市場則面臨信心危機。 🏆 金融業:獲利亮眼,整併效益顯現 金融股本
Thumbnail
智邦科技 (Accton Technology) AI 驅動網路成長的受惠者 關鍵重點 受惠於 Scale-up 架構變革: 我們認為智邦是下一代 ASIC 伺服器在 Scale-up(垂直擴展)網路架構中採用「交換器托盤(Switch tray)」的關鍵受惠者(相較於目前尚未採用 Switch
Thumbnail
智邦科技 (Accton Technology) AI 驅動網路成長的受惠者 關鍵重點 受惠於 Scale-up 架構變革: 我們認為智邦是下一代 ASIC 伺服器在 Scale-up(垂直擴展)網路架構中採用「交換器托盤(Switch tray)」的關鍵受惠者(相較於目前尚未採用 Switch
Thumbnail
摘要 本報告主要分析了鴻海精密(2317.TW)的財務表現及未來預測,涵蓋2024年至2027年的收入、毛利、營業利潤及淨利潤等數據。報告指出,2024年第四季度的盈利被納入預測,但對2025年至2027年的預測基本保持不變。目標價維持在236元新台幣,基於2025年預估市盈率15.6倍,與同行業
Thumbnail
摘要 本報告主要分析了鴻海精密(2317.TW)的財務表現及未來預測,涵蓋2024年至2027年的收入、毛利、營業利潤及淨利潤等數據。報告指出,2024年第四季度的盈利被納入預測,但對2025年至2027年的預測基本保持不變。目標價維持在236元新台幣,基於2025年預估市盈率15.6倍,與同行業
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
歡迎來到今日的財經快報。本週科技產業利多頻傳,鴻海與華碩在 AI 與太空佈局上大放異彩,帶動供應鏈股價表現,其中散熱股王健策更是衝破 3000 元大關。傳統產業方面,汽車租賃與電機大廠繳出亮眼營收;國際市場則上演「金銀雙漲、油鐵雙跌」的兩樣情。 🚀 消費性電子:雙雄爭霸,決戰 AI
Thumbnail
歡迎來到今日的財經快報。本週科技產業利多頻傳,鴻海與華碩在 AI 與太空佈局上大放異彩,帶動供應鏈股價表現,其中散熱股王健策更是衝破 3000 元大關。傳統產業方面,汽車租賃與電機大廠繳出亮眼營收;國際市場則上演「金銀雙漲、油鐵雙跌」的兩樣情。 🚀 消費性電子:雙雄爭霸,決戰 AI
Thumbnail
​投資理財內容聲明 文內如有投資理財相關經驗、知識、資訊等內容,皆為作者個人分享行為。 有價證券、指數與衍生性商品之數據資料,僅供輔助說明之用,不代表創作者投資決策之推介及建議。 閱讀同時,請審慎思考自身條件及自我決策,並應有為決策負責之事前認知。 希望您能從這些分享內容汲取投資養份,養成獨
Thumbnail
​投資理財內容聲明 文內如有投資理財相關經驗、知識、資訊等內容,皆為作者個人分享行為。 有價證券、指數與衍生性商品之數據資料,僅供輔助說明之用,不代表創作者投資決策之推介及建議。 閱讀同時,請審慎思考自身條件及自我決策,並應有為決策負責之事前認知。 希望您能從這些分享內容汲取投資養份,養成獨
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News