教學中基于工程理念的網站調試環境研究

付筆賢

摘 要：網站開發教學中需要調試與運行環境，由于班級人數眾多，院校無法給學生人手提供一臺WEB服務器。長期以來，在網站開發教學中，學生設計的網站只能在學生使用的本機調試運行。如何給多個班級的每個同學單獨分配一臺有完整域名，可調試與發布網站的WEB服務器，對學生的學與教師的教都有非常重要的現實意義，這也是長期以來困擾各職業院校計算機教師的一道難題。

關鍵詞：WEB服務器；網站調試環境；多個班級共用

中圖分類號：G712 文獻標識碼：A 文章編號：1005-1422（2014）04-0089-03

一、研究背景

筆者從事計算機網絡專業教學多年，在網站開發教學中，受制于WEB服務器的數量，學生開發的網站通常只能在學生使用的本機進行調試與運行，這始終是實驗性的操作，與工程實踐有較大區別。學生看不到網站在真實服務器上的運行效果，會影響學生學習的積極性，及對所學知識的深入理解。如何在計算機房給學生搭建一個接近工程實踐的調試運行環境，給多個班級的每個同學單獨分配一臺有完整域名，可調試與發布網站的WEB服務器，讓所有學生可以在真實的工程環境中學習與設計網站，同時班級同學之間可以象在互聯網上一樣，通過瀏覽器訪問其他同學設計的網站，相互參考，取長補短，這個難題一直困擾著廣大計算機專業的教師。

二、研究意義及現狀

平時我們講授網站開發這門課程，均使用Dreamweaver作為編輯器，學生設計完成一個網站或網頁，只能在本機進行瀏覽，效果只有開發者個人能看到，其他同學和教師看不到，這會給學生深入透徹地理解網站設計方面的知識帶來困惑，教師也無法實時監督學生的作業完成進度，特別是網頁中存在后臺數據庫或者一些特定函數調用的情況下，本機運行與在服務器上運行會有較大的不同，一些網站在本機可以很好地運行，但發布到服務器上運行則會出錯，一些網頁在本機可以正常顯示，但發布到服務器上運行顯示就可能不正常。下課時學生還要挨個將設計好的網站拷貝或上傳至教師機以便保存。現在各院校計算機房的學生機都安裝了還原卡，有些來不及上傳的同學，或者計算機偶爾死機，設計好的內容還會丟失。

如果能夠給每個學生獨立分配一個WEB服務器及一個域名，讓學生在網站設計階段設計的網站會自動保存至服務器，且隨時可以看到網站在服務器上的運行效果，這種所見即所得的效果可以極大地激發學生的學習熱情，讓他們了解實際工作中，網站是如何發布與更新的，也有利于學生對所學知識的深入理解，這種方式是網站開發專業教學的助力器。筆者通過多種不同的途徑進行過調研，還沒有發現有職業類院校采用這種調試環境。

三、可行性研究

要用域名瀏覽網站，必須有WEB服務器，有域名空間及對站點目錄上傳下載的權限，這樣才可以使用域名訪問所設計的網站，一個班級一般都有幾十個，多則五六十個學生，如果為每個學生搭建一個WEB服務器就得使用五六十臺計算機作服務器，如果為多個班級的每個學生搭建一個WEB服務器，就得使用幾百臺計算機，從經濟的角度看，是不現實的。如何在只有一臺計算機做服務器的情況下，實現這種功能？筆者想到了使用WEB服務器虛擬主機功能，可以實現一個IP地址對應多個域名的功能。光有域名還不行，還得有站點空間存放站點文件，網站開發者要有對這個站點空間上傳下載的權限，這就需要FTP服務器，但每個同學的站點文件夾只能自己訪問，其他同學不能訪問，而一個FTP服務器只有一個工作文件夾，所有用戶只能對這個工作文件夾進行相應權限的操作，要滿足不同的同學只能讀寫自己的文件夾，該如何做到呢？筆者想到了FTP的虛擬目錄功能，它可以實現不同的FTP用戶對應不同的FTP文件夾的功能，加上DNS域名解析，給每個WEB服務建立一個區域，這樣就可以搭建一個完美的WEB服務器運行與調試環境，經過長時間的鉆研與試驗，筆者終于成功地解決了這個問題，這就相當于使用一臺計算機，搭建幾十臺WEB服務器，給每個同學單獨分配一臺有完整域名，可獨立發布網站的WEB服務器。

搭建這種WEB服務器環境，需要以下幾個步驟配合。第一是安裝服務器軟件；第二是配置DNS服務器；第三是設置虛擬網站站點目錄；第四是配置FTP虛擬目錄；第五是配置APACHE虛擬機；第六是配置學生機；第七是設置多個班級共用。以上七個步驟除第六個步驟需在學生機上配置外，其它六個步驟均在同一臺服務器上配置完成，下面逐步加以介紹。

（一）服務器軟件的安裝

服務器的準備有兩種方式，第一種方式：單獨使用一臺計算機做服務器。第二種方式：用虛擬機做服務器。服務器準備好后，就可以安裝windows服務器軟件（這里采用windows server 2008），并安裝windows server 2008自帶的DNS服務及FTP服務，接著安裝APACHE、MYSQL、PHP服務器軟件包，這樣軟件的安裝就完成了。

（二） DNS服務器的搭建

因為每個學號都對應一個域名，所以需要為這些域名建立域名解析，一般一個班級最多有60個學生，所以我們在安裝好的DNS服務器上建立61個區域，其中一個為teacher.com，其它的60個區域以“‘A+學號.COM”命名，如：學號為01號的同學，對應A01.COM區域，學號為02號的同學對應A02.COM區域，以此類推。給每個區域新建WWW和FTP兩個主機，主機所對應的IP地址均指向本機。

（三） 虛擬網站站點目錄的創建

虛擬網站站點目錄的創建是一個很重要的步驟，因為所有虛擬網站的文件都需要存貯在各自對應的站點目錄中。假設一個班有60個同學，我們在windows server 2008服務器的某個磁盤分區上建立一個文件夾webfolder，作為APACHE服務器的站點根目錄（APACHE默認站點根目錄為htdocs）。再在webfolder下建立61個子文件夾，作為各虛擬網站的站點目錄，其中一個子文件夾命名teacher，供教師使用，另外60個子文件夾名稱為“A+學生學號”。即A01、A02、A03直至A60。這60個文件夾每個均依學號對應著一個學生，也就是說，每個同學在服務器上會有自己獨立的一個文件夾空間，作為自己的站點目錄，用于存放自己的網站文件，如，學號為01號的同學對應webfolder下A01這個子文件夾，學號為02號的同學對應A02這個子文件夾，以此類推。如圖1所示。

（四） FTP虛擬目錄的配置

FTP虛擬目錄的作用是為每個同學發布與修改自己的站點文件提供途徑與權限，在FTP服務器上建立61個虛擬目錄，其中一個以teacher命名，供教師使用，其它的60個虛擬目錄也以“A+學號”命名，供學生使用。每個虛擬目錄的路徑指向我們前面建立的webfolder文件夾下與它同名的子文件夾，比如虛擬目錄A01對應webfolder文件夾下的子文件夾A01、虛擬目錄A02對應子文件夾A02，以此類推。再對文件夾的安全性進行相應設置，配置完成后，每個同學使用FTP登錄服務器，就只能訪問與自己學號對應的文件夾，無權訪問其他同學的文件夾，這樣可以杜絕有同學從其他同學的目錄中復制文件，防止抄襲。

（五）APACHE虛擬服務器的搭建

WEB虛擬主機在IPV4地址短缺的互聯網界應用非常廣泛，但在中職院校教學領域，除了課堂講授外，很少進行實際應用，這里將用到WEB服務器虛擬主機功能。選擇使用APACHE服務器，是因APACHE小巧精悍、消耗系統資源少，運行速度快，且相對于IIS WEB具有更高的安全性，只是配置過程比IIS WEB稍微難一些。

整個系統能否運行，APACHE虛擬服務器是個關鍵，在APACHE安裝目錄下找到并打開httpd.conf配置文件，啟用Include conf/extra/httpdvhosts.conf條目，這樣就打開了虛擬機開關，找到并打開httpdvhosts.conf配置文件，配置各虛擬服務器的相關項。這里我們需要配置一個教師用的虛擬服務器，及60個學生用的虛擬服務器，配置非常簡單，限于篇幅，不詳細敘述。有一點要注意：各虛擬機的站點目錄與server name要相互對應，如虛擬機www.A01.com的站點目錄對應我們前面建立的文件夾webfolder下的子文件夾A01，虛擬機www.A02.com的站點目錄對應文件夾webfolder下的子文件夾A02，以此類推。

（六） 學生機的配置

學生機的配置比較簡單，首先不管學生機與服務是否在同一網段，只要保證學生機與服務器能相互聯通就可，其次要配置dreamwearer，將dreamweaver的測試服務器指向我們上面配置好的APACHE服務器，并保證勾選了“保存時自動將文件上傳到服務器”選項，這樣，學生每次調試時設計的網頁都會自動上傳至服務器，學生不斷調試的過程其實就是不斷發布與更新站點文件的過程。

（七）設置多個班級共用

假如有多個班級都使用這個服務器，我們可以為每個班級建立一個班級文件夾，比如“12計算機班”，我們則為這個班級建立“12計算機班”文件夾，再在這個班級文件夾中建立和前面webfolder文件夾中一樣的子文件夾結構，即，每個班級文件夾中都有60個以“A+學號”命名的子文件夾和一個名為teacher的教師文件夾，如圖2所示。假如還有一個13計算機班，則我們再按以上規則建立一個“13計算機班”的文件夾及其子文件夾。教師上哪個班的課就將哪個班的文件夾重命名為webfolder，如，老師上“12計算機班”的課，則將“12計算機班”這個文件夾重命名為“webfolder”，上“13計算機班”的課，則將“13計算機班”這個文件夾重命名為“webfolder”。因為APACHE服務器的站點目錄始終指向“webfolder”文件夾，所以我們將哪個班級的文件夾重命名為“webfolder”，則APACHE服務器就會存取哪個班級的網站文件，這樣就可以達到同一APACHE服務器為多個班級服務的目的。

四、效果

筆者使用以上描述的方式配置了一臺服務器，供幾個班級使用，雖然每堂課都有五六十個同學同時使用，但因為APACHE服務器短小精悍，速度依然很快，感覺不到任何延遲。學生能在真實的網絡環境中設計與發布網站，學習的積極性提高了很多。教師要了解哪位同學的作業完成進度，只需要在瀏覽器地址欄內輸入與這位同學學號對應的域名就可以瀏覽其網站，了解其進度。而同學們想要查看教師的網站作參考，只需要在瀏覽器地址欄內，輸入www.teacher.com就可以看到教師的網站。任何一位同學想要看其他同學的網站，也只需要在瀏覽器地址欄內輸入與其學號對應的域名就可，如：想查看36號同學的網站，只需在瀏覽器地址欄內輸入www.A36.com就可以看到36號同學的網站。

五、結論

只用一臺計算機，通過APACHE虛擬機、ftp虛擬機、dns的聯合作用，為多個班級提供真實的WEB調試環境，解決了大專院校長期以來網站開發教學中，學生沒有專用WEB服務器發布與調試網站的老大難問題，為我們的網站開發教學提供了方便，是一種既經濟，又節能的創意，非常適合于網站開發課程使用，對教師的教與學生的學都有非常重要的意義，值得在全國職業院校計算機網絡專業大力推廣。

責任編輯 陳春陽

（四） FTP虛擬目錄的配置

FTP虛擬目錄的作用是為每個同學發布與修改自己的站點文件提供途徑與權限，在FTP服務器上建立61個虛擬目錄，其中一個以teacher命名，供教師使用，其它的60個虛擬目錄也以“A+學號”命名，供學生使用。每個虛擬目錄的路徑指向我們前面建立的webfolder文件夾下與它同名的子文件夾，比如虛擬目錄A01對應webfolder文件夾下的子文件夾A01、虛擬目錄A02對應子文件夾A02，以此類推。再對文件夾的安全性進行相應設置，配置完成后，每個同學使用FTP登錄服務器，就只能訪問與自己學號對應的文件夾，無權訪問其他同學的文件夾，這樣可以杜絕有同學從其他同學的目錄中復制文件，防止抄襲。

（五）APACHE虛擬服務器的搭建

WEB虛擬主機在IPV4地址短缺的互聯網界應用非常廣泛，但在中職院校教學領域，除了課堂講授外，很少進行實際應用，這里將用到WEB服務器虛擬主機功能。選擇使用APACHE服務器，是因APACHE小巧精悍、消耗系統資源少，運行速度快，且相對于IIS WEB具有更高的安全性，只是配置過程比IIS WEB稍微難一些。

整個系統能否運行，APACHE虛擬服務器是個關鍵，在APACHE安裝目錄下找到并打開httpd.conf配置文件，啟用Include conf/extra/httpdvhosts.conf條目，這樣就打開了虛擬機開關，找到并打開httpdvhosts.conf配置文件，配置各虛擬服務器的相關項。這里我們需要配置一個教師用的虛擬服務器，及60個學生用的虛擬服務器，配置非常簡單，限于篇幅，不詳細敘述。有一點要注意：各虛擬機的站點目錄與server name要相互對應，如虛擬機www.A01.com的站點目錄對應我們前面建立的文件夾webfolder下的子文件夾A01，虛擬機www.A02.com的站點目錄對應文件夾webfolder下的子文件夾A02，以此類推。

（六） 學生機的配置

學生機的配置比較簡單，首先不管學生機與服務是否在同一網段，只要保證學生機與服務器能相互聯通就可，其次要配置dreamwearer，將dreamweaver的測試服務器指向我們上面配置好的APACHE服務器，并保證勾選了“保存時自動將文件上傳到服務器”選項，這樣，學生每次調試時設計的網頁都會自動上傳至服務器，學生不斷調試的過程其實就是不斷發布與更新站點文件的過程。

（七）設置多個班級共用

假如有多個班級都使用這個服務器，我們可以為每個班級建立一個班級文件夾，比如“12計算機班”，我們則為這個班級建立“12計算機班”文件夾，再在這個班級文件夾中建立和前面webfolder文件夾中一樣的子文件夾結構，即，每個班級文件夾中都有60個以“A+學號”命名的子文件夾和一個名為teacher的教師文件夾，如圖2所示。假如還有一個13計算機班，則我們再按以上規則建立一個“13計算機班”的文件夾及其子文件夾。教師上哪個班的課就將哪個班的文件夾重命名為webfolder，如，老師上“12計算機班”的課，則將“12計算機班”這個文件夾重命名為“webfolder”，上“13計算機班”的課，則將“13計算機班”這個文件夾重命名為“webfolder”。因為APACHE服務器的站點目錄始終指向“webfolder”文件夾，所以我們將哪個班級的文件夾重命名為“webfolder”，則APACHE服務器就會存取哪個班級的網站文件，這樣就可以達到同一APACHE服務器為多個班級服務的目的。

四、效果

筆者使用以上描述的方式配置了一臺服務器，供幾個班級使用，雖然每堂課都有五六十個同學同時使用，但因為APACHE服務器短小精悍，速度依然很快，感覺不到任何延遲。學生能在真實的網絡環境中設計與發布網站，學習的積極性提高了很多。教師要了解哪位同學的作業完成進度，只需要在瀏覽器地址欄內輸入與這位同學學號對應的域名就可以瀏覽其網站，了解其進度。而同學們想要查看教師的網站作參考，只需要在瀏覽器地址欄內，輸入www.teacher.com就可以看到教師的網站。任何一位同學想要看其他同學的網站，也只需要在瀏覽器地址欄內輸入與其學號對應的域名就可，如：想查看36號同學的網站，只需在瀏覽器地址欄內輸入www.A36.com就可以看到36號同學的網站。

五、結論

只用一臺計算機，通過APACHE虛擬機、ftp虛擬機、dns的聯合作用，為多個班級提供真實的WEB調試環境，解決了大專院校長期以來網站開發教學中，學生沒有專用WEB服務器發布與調試網站的老大難問題，為我們的網站開發教學提供了方便，是一種既經濟，又節能的創意，非常適合于網站開發課程使用，對教師的教與學生的學都有非常重要的意義，值得在全國職業院校計算機網絡專業大力推廣。

責任編輯 陳春陽

（四） FTP虛擬目錄的配置

FTP虛擬目錄的作用是為每個同學發布與修改自己的站點文件提供途徑與權限，在FTP服務器上建立61個虛擬目錄，其中一個以teacher命名，供教師使用，其它的60個虛擬目錄也以“A+學號”命名，供學生使用。每個虛擬目錄的路徑指向我們前面建立的webfolder文件夾下與它同名的子文件夾，比如虛擬目錄A01對應webfolder文件夾下的子文件夾A01、虛擬目錄A02對應子文件夾A02，以此類推。再對文件夾的安全性進行相應設置，配置完成后，每個同學使用FTP登錄服務器，就只能訪問與自己學號對應的文件夾，無權訪問其他同學的文件夾，這樣可以杜絕有同學從其他同學的目錄中復制文件，防止抄襲。

（五）APACHE虛擬服務器的搭建

WEB虛擬主機在IPV4地址短缺的互聯網界應用非常廣泛，但在中職院校教學領域，除了課堂講授外，很少進行實際應用，這里將用到WEB服務器虛擬主機功能。選擇使用APACHE服務器，是因APACHE小巧精悍、消耗系統資源少，運行速度快，且相對于IIS WEB具有更高的安全性，只是配置過程比IIS WEB稍微難一些。

整個系統能否運行，APACHE虛擬服務器是個關鍵，在APACHE安裝目錄下找到并打開httpd.conf配置文件，啟用Include conf/extra/httpdvhosts.conf條目，這樣就打開了虛擬機開關，找到并打開httpdvhosts.conf配置文件，配置各虛擬服務器的相關項。這里我們需要配置一個教師用的虛擬服務器，及60個學生用的虛擬服務器，配置非常簡單，限于篇幅，不詳細敘述。有一點要注意：各虛擬機的站點目錄與server name要相互對應，如虛擬機www.A01.com的站點目錄對應我們前面建立的文件夾webfolder下的子文件夾A01，虛擬機www.A02.com的站點目錄對應文件夾webfolder下的子文件夾A02，以此類推。

（六） 學生機的配置

學生機的配置比較簡單，首先不管學生機與服務是否在同一網段，只要保證學生機與服務器能相互聯通就可，其次要配置dreamwearer，將dreamweaver的測試服務器指向我們上面配置好的APACHE服務器，并保證勾選了“保存時自動將文件上傳到服務器”選項，這樣，學生每次調試時設計的網頁都會自動上傳至服務器，學生不斷調試的過程其實就是不斷發布與更新站點文件的過程。

（七）設置多個班級共用

假如有多個班級都使用這個服務器，我們可以為每個班級建立一個班級文件夾，比如“12計算機班”，我們則為這個班級建立“12計算機班”文件夾，再在這個班級文件夾中建立和前面webfolder文件夾中一樣的子文件夾結構，即，每個班級文件夾中都有60個以“A+學號”命名的子文件夾和一個名為teacher的教師文件夾，如圖2所示。假如還有一個13計算機班，則我們再按以上規則建立一個“13計算機班”的文件夾及其子文件夾。教師上哪個班的課就將哪個班的文件夾重命名為webfolder，如，老師上“12計算機班”的課，則將“12計算機班”這個文件夾重命名為“webfolder”，上“13計算機班”的課，則將“13計算機班”這個文件夾重命名為“webfolder”。因為APACHE服務器的站點目錄始終指向“webfolder”文件夾，所以我們將哪個班級的文件夾重命名為“webfolder”，則APACHE服務器就會存取哪個班級的網站文件，這樣就可以達到同一APACHE服務器為多個班級服務的目的。

四、效果

筆者使用以上描述的方式配置了一臺服務器，供幾個班級使用，雖然每堂課都有五六十個同學同時使用，但因為APACHE服務器短小精悍，速度依然很快，感覺不到任何延遲。學生能在真實的網絡環境中設計與發布網站，學習的積極性提高了很多。教師要了解哪位同學的作業完成進度，只需要在瀏覽器地址欄內輸入與這位同學學號對應的域名就可以瀏覽其網站，了解其進度。而同學們想要查看教師的網站作參考，只需要在瀏覽器地址欄內，輸入www.teacher.com就可以看到教師的網站。任何一位同學想要看其他同學的網站，也只需要在瀏覽器地址欄內輸入與其學號對應的域名就可，如：想查看36號同學的網站，只需在瀏覽器地址欄內輸入www.A36.com就可以看到36號同學的網站。

五、結論

只用一臺計算機，通過APACHE虛擬機、ftp虛擬機、dns的聯合作用，為多個班級提供真實的WEB調試環境，解決了大專院校長期以來網站開發教學中，學生沒有專用WEB服務器發布與調試網站的老大難問題，為我們的網站開發教學提供了方便，是一種既經濟，又節能的創意，非常適合于網站開發課程使用，對教師的教與學生的學都有非常重要的意義，值得在全國職業院校計算機網絡專業大力推廣。

責任編輯 陳春陽