學習中的收藏,該文出自http://www.cnblogs.com/imwtr/p/4499691.htmlphp
在此,很是感謝該文章做者的分享,本文徹底轉載自上面連接,此處做爲備份,方便查看使用。html
前端不只要作頁面展現層,還負責着數據交互的部分,不要等到後端人員作好工做了前端纔開始對接,那樣太被動了。前端
前端在完成靜態頁面的編碼後,就要進行數據交互的模擬,好比ajax的數據交互,模擬跟後臺對接。java
到真正先後端聯調的時候,才能更方便。mysql
1.要進行數據交互,就得有後臺吧。後臺能夠用php,java也能夠呀,不過對比起來就稍微複雜了,配這配那的(又好比想放到新浪雲上面調試,java相對來講代價高出許多)ajax
2.數據庫隨意,mysql很廣泛sql
3.既然要模擬,就得有訪問,不能僅僅本地訪問就行,搭個服務器,從別的終端上訪問看正不正常?chrome
(有時作手機頁面的時候,雖然chrome上面的手機模擬器效果正確了,但放到手機瀏覽器上看,又有問題了..因此搭個服務器,時不時用手機訪問一下,讓頁面更好地展示出來。數據庫
一種方法是放到新浪雲,放到公網去,就直接都能訪問了;另一種就是在電腦配服務器,好比說有個wifi熱點,電腦和手機都連上這個wifi了,就屬於局域網以內了,手機就能進行對電腦服務器的訪問了。)後端
4.怎麼搭建好呢?
LAMP -- Linux,Apache,MySQL,PHP 是個很好的選擇,但也許前端不多用到Linux,那選用WAMP也是不錯的
WAMP搭建起來也很簡單,有一個wampserver軟件包,一鍵安裝,方便快捷。
不一樣版本的也許會有差別,去 官網 下載最新版吧
或者直接搜索下載就行
接下來就直接點擊安裝吧,不說了,一路下去,用它默認的就好了(它默認裝C盤,你能夠換爲D盤)
最後的最後,安裝完了以後,默認已經幫你作完了基礎配置。
試用一下
首先,要開啓服務。直接在開始菜單那裏找wampserver,相似這個圖標,點擊它
而後就是服務開啓階段,看電腦右下角圖標信息,有三種顏色
紅色表明服務未開啓狀態,橙色表明開啓中(或者有些模塊不正常),綠色表示開啓成功(三個模塊都正常)
服務開啓成功了,要怎麼訪問呢?
注意一下剛纔wampserver的安裝路徑,若是是D盤的那就在D盤根目錄下找wamp文件夾,在裏邊再找到www文件夾,www文件夾就是項目的默認訪問路徑了。
怎麼說呢,默認狀況下www下面只有這兩個文件
index.php就是默認初始文件。
瀏覽器地址欄輸入location就能訪問到index.php,默認是使用:80端口號的,有些電腦可能會出錯,就像這樣
這是由於默認的80端口被佔用了唄,咱們配置一下Apache的端口就好了
點擊右下角那個綠色圖標,而後檢測一下80端口占用狀態,顯示被佔用了
那就來修改一下Apache配置文件httpd.conf
就是上邊倒數第三個文件了,點擊它打開(或者直接在文件路徑下打開它,相似於這個路徑)
能夠把80端口改成88或者8080或者其餘都行,我記得要改三個地方(一個是註釋的,兩個不是註釋)
爲了方便,直接ctrl+F把80所有替換爲8080就行
改了以後重啓wampserver--點擊綠色圖標,Restart all services
瀏覽器輸入localhost:8080就能訪問了
固然也能夠直接點擊這個localhost檢測是否成功訪問,點擊phpMyAdmin能夠進入mysql的可視化數據管理,試試吧
來點實的,如今在www裏面新建個項目文件夾myTest,瀏覽器輸入localhost:8080/myTest就會默認訪問此文件夾下面的index.php文件,在index裏面寫個代碼試試
瀏覽器訪問成功了,127.0.0.1:8080/myTest也同樣,一樣的道理。
如今是本地訪問,若是其餘終端訪問呢?
沒問題,局域網下面能互相訪問
假設電腦如今的ip地址是a.b.c.d
手機上(要連wifi,3G網不是局域網)ip是a.b.c.d1
手機訪問a.b.c.d:8080/myTest就好了
不過不少時候會碰到下邊的問題,沒法訪問
"You don't have permission to access / on this server."
其實也是跟wampserver的配置有關了,仍是httpd.conf
網上查到的不少人都說是把這裏的Deny改成Allow就好了
但也正由於版本不一致,配置文件不徹底同樣,有些時候還得再改一處
把Allow from 127.0.0.1 改成Allow from all
重啓,wampserver,手機就能訪問了
由於www是默認的項目主目錄,配置文件中能夠找到,能夠自行修改路徑
另外,mysql的可視化就經過上面說到那個phpMyAdmin查看使用
亦能夠用控制檯命令行使用
mysql的配置文件好比密碼什麼的能夠去那兩個ini文件看看