網頁設計 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

raw-image

自動下載完都直接下一步

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

raw-image

修改port

Apache port預設為80

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

netstat -ano | findstr "80"

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

raw-image

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

raw-image

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

raw-image

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

raw-image

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

下面的畫面就是成功摟🎉

raw-image

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

留言
avatar-img
逃的沙龍
0會員
2內容數
分享學習路上的內容與心得
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
創業者常因資金困境而無法抓住機會,利用房產活化讓二胎房貸成為財務策略的有力夥伴。 諮詢國峯厝好貸的二胎房貸服務,讓你的房子成為你最強力的天使投資人,推動事業成長。
Thumbnail
創業者常因資金困境而無法抓住機會,利用房產活化讓二胎房貸成為財務策略的有力夥伴。 諮詢國峯厝好貸的二胎房貸服務,讓你的房子成為你最強力的天使投資人,推動事業成長。
Thumbnail
歡迎來到今日的財經快報。本週科技產業利多頻傳,鴻海與華碩在 AI 與太空佈局上大放異彩,帶動供應鏈股價表現,其中散熱股王健策更是衝破 3000 元大關。傳統產業方面,汽車租賃與電機大廠繳出亮眼營收;國際市場則上演「金銀雙漲、油鐵雙跌」的兩樣情。 🚀 消費性電子:雙雄爭霸,決戰 AI
Thumbnail
歡迎來到今日的財經快報。本週科技產業利多頻傳,鴻海與華碩在 AI 與太空佈局上大放異彩,帶動供應鏈股價表現,其中散熱股王健策更是衝破 3000 元大關。傳統產業方面,汽車租賃與電機大廠繳出亮眼營收;國際市場則上演「金銀雙漲、油鐵雙跌」的兩樣情。 🚀 消費性電子:雙雄爭霸,決戰 AI
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
歡迎來到 12 月的第一天!本週市場焦點呈現「金融領軍、半導體穩健、傳產力拚轉型」的格局。富邦金與國泰金繳出亮眼獲利,信驊對明年 AI 伺服器展望樂觀。國際方面,SK 海力士稱霸 DRAM 市場,印度與日本股市表現強勢,但南韓市場則面臨信心危機。 🏆 金融業:獲利亮眼,整併效益顯現 金融股本
Thumbnail
歡迎來到 12 月的第一天!本週市場焦點呈現「金融領軍、半導體穩健、傳產力拚轉型」的格局。富邦金與國泰金繳出亮眼獲利,信驊對明年 AI 伺服器展望樂觀。國際方面,SK 海力士稱霸 DRAM 市場,印度與日本股市表現強勢,但南韓市場則面臨信心危機。 🏆 金融業:獲利亮眼,整併效益顯現 金融股本
Thumbnail
NVDA 將於 11/19 公布 FY3Q26 財報、以及給予下季 FY4Q26 的財測指引,對此我們於本週末進行最後一次的財報前渠道檢查 (Channel check),範圍觸及晶圓製造、晶圓測試、ODM、CoWoS 等供應商鏈條,結果顯示,受惠於 GB300 已經
Thumbnail
NVDA 將於 11/19 公布 FY3Q26 財報、以及給予下季 FY4Q26 的財測指引,對此我們於本週末進行最後一次的財報前渠道檢查 (Channel check),範圍觸及晶圓製造、晶圓測試、ODM、CoWoS 等供應商鏈條,結果顯示,受惠於 GB300 已經
Thumbnail
​投資理財內容聲明 文內如有投資理財相關經驗、知識、資訊等內容,皆為作者個人分享行為。 有價證券、指數與衍生性商品之數據資料,僅供輔助說明之用,不代表創作者投資決策之推介及建議。 閱讀同時,請審慎思考自身條件及自我決策,並應有為決策負責之事前認知。 希望您能從這些分享內容汲取投資養份,養成獨
Thumbnail
​投資理財內容聲明 文內如有投資理財相關經驗、知識、資訊等內容,皆為作者個人分享行為。 有價證券、指數與衍生性商品之數據資料,僅供輔助說明之用,不代表創作者投資決策之推介及建議。 閱讀同時,請審慎思考自身條件及自我決策,並應有為決策負責之事前認知。 希望您能從這些分享內容汲取投資養份,養成獨
Thumbnail
輝達營收與需求強勁、外界普遍預期公司會上修本季/下季財測,這波「AI 資本支出」浪潮不只是輝達一家公司賺錢——會沿著供應鏈往下傳:台積電(先進製程產能)、鴻海(AI 伺服器與機櫃製造)、工業富聯與其他板上零組件廠都可能直接受惠。短期利多來自訂單放量與產能排程;中長期利多則是客戶資本支出(CapEx)
Thumbnail
輝達營收與需求強勁、外界普遍預期公司會上修本季/下季財測,這波「AI 資本支出」浪潮不只是輝達一家公司賺錢——會沿著供應鏈往下傳:台積電(先進製程產能)、鴻海(AI 伺服器與機櫃製造)、工業富聯與其他板上零組件廠都可能直接受惠。短期利多來自訂單放量與產能排程;中長期利多則是客戶資本支出(CapEx)
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
摘要 本報告主要分析了鴻海精密(2317.TW)的財務表現及未來預測,涵蓋2024年至2027年的收入、毛利、營業利潤及淨利潤等數據。報告指出,2024年第四季度的盈利被納入預測,但對2025年至2027年的預測基本保持不變。目標價維持在236元新台幣,基於2025年預估市盈率15.6倍,與同行業
Thumbnail
摘要 本報告主要分析了鴻海精密(2317.TW)的財務表現及未來預測,涵蓋2024年至2027年的收入、毛利、營業利潤及淨利潤等數據。報告指出,2024年第四季度的盈利被納入預測,但對2025年至2027年的預測基本保持不變。目標價維持在236元新台幣,基於2025年預估市盈率15.6倍,與同行業
Thumbnail
摘要重點 1.過去兩三個禮拜見到一般伺服器訂單回流,預估 AI 伺服器換代期即為一般伺服器拉貨潮。 2.預估今年伺服器出貨量持平,新世代 AI 伺服器平台對 BMC 需求增加。 3.智慧影音業務今年展望佳,Cupola 360 已獲 ODM 廠採用,希望未來營收貢獻達 10% 以上。
Thumbnail
摘要重點 1.過去兩三個禮拜見到一般伺服器訂單回流,預估 AI 伺服器換代期即為一般伺服器拉貨潮。 2.預估今年伺服器出貨量持平,新世代 AI 伺服器平台對 BMC 需求增加。 3.智慧影音業務今年展望佳,Cupola 360 已獲 ODM 廠採用,希望未來營收貢獻達 10% 以上。
Thumbnail
前幾天看到一則標題『貼牌的中國製智慧門鈴內含安全漏洞』,讓我想到以前寫過類似的故事,關於小型資訊公司與貼牌軟體漏洞的故事,也想重新整理思路當面對類似問題無論是開發公司或是購買軟體的公司該如何面對。
Thumbnail
前幾天看到一則標題『貼牌的中國製智慧門鈴內含安全漏洞』,讓我想到以前寫過類似的故事,關於小型資訊公司與貼牌軟體漏洞的故事,也想重新整理思路當面對類似問題無論是開發公司或是購買軟體的公司該如何面對。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News