1. 程式人生 > >一個人如何完成一整個網站的開發(推薦好文,看完絕對讓你回味無窮)

一個人如何完成一整個網站的開發(推薦好文,看完絕對讓你回味無窮)

一個正規的網站開發,理論上需要一個團隊的配合,各自發揮自己的長處,網站需求分析、原型設計、效果圖、切圖、前臺美工、後臺程式碼、演算法設計、資料庫設計、伺服器配置等等一系列的事情。

 一個人想面面俱到這些,還是需要花些時間的。所以對一個初學者來說,我的建議是:別管他三七二十一,不是想開發一個網站嗎,別管懂不懂,先開發出來一個再說,在開發的過程中,遇到了問題,再找解決方案的過程中,自己獲得了學習,等完成了一個網站,亂七八糟的知識也學了一些,有了一個感性的認識,再去系統性的、深入的去學習也不晚。

  這裡提供一個我的開發思路和具體實現的方法:

  開發一個網站,大概是這些東西:

  1.有個整體的網站頁面的樣子,我們姑且稱之為前端開發。

  2.前端有了,點選裡面的按鈕、連結、新增資訊、修改資訊等等的操作,需要後臺編碼,姑且稱之為後臺開發。

  3.前端有了,後臺有了,資料放哪裡啊,因此需要用到資料庫了,姑且稱之為資料庫開發。

  4.前面一通完成後,網站可以看了,接下來需要找伺服器釋出了,姑且稱之為網站釋出。

  5.網站釋出了,如果想讓別人通過一個域名去訪問,因此需要繫結域名了,姑且稱之為域名繫結。

  6.大功告成,回過頭來消化一下吧。姑且稱之為回味無窮。

  接下來詳細介紹。(建議先通讀一下,別一上來就陷入某一個細節)

  一、前端開發

  1.先拿筆找張紙,大概想想自己網站有哪些頁面,每個頁面是什麼樣子,如果沒有靈感,就上網亂逛一陣,借鑑一下別人的做法。

  2.網站大概樣子心中有數了,接下來要開發了,別自己從頭寫程式碼了,可以用前端框架,各種前端框架我也不對比,也別讓你挑的頭疼,就用bootstrap吧,網址:http://getbootstrap.com/,twitter的工程師開發的,很多網站有用,開發一個湊合的網站不成問題。說白了,就是給你提供了css、javascript檔案,對於一些頁面佈局、javascript效果,不用自己去寫了,可以直接按照官方的說明去操作。具體的說明可以看官方網站,別嫌人家是英文的,其實沒有幾個單詞你不認識,找找先練練,找找感覺。

  3.什麼?過程中遇到了html、css、javascript等等問題,不明白的話,建議上這個網站掃個盲:http://www.w3school.com.cn/,自己再練練手,知識應該就夠了。

  經過前面三步,應該能夠開發出來一個差不多的效果的網站了,大概用上一個星期去看吧,足夠了。

  注意:前端開發的過程中不用想著後端怎麼實現?例如點選一個按鈕怎麼實現功能?專心開發前端頁面就行了。前端和後端是獨立分離的,只需要很小的整合就可以了。

  二、後臺開發

  1.如果前端的頁面都開發好了,接下來要實現頁面上一些功能性的東西了,如果註冊、登陸等等功能,就要後臺開發了,這裡我也建議用框架,後臺開發框架也是海了去了,就用Thinkphp的吧,國產的框架,還行,套路還是比較明顯的。網址:http://www.thinkphp.cn/,是PHP的,什麼?沒有學過PHP,以前學的是C#?java?等等,別擔心,學一下php也花不了多長時間,關鍵是一邊學ThinkPHP,一邊就把PHP給學了吧。如何學習ThinkPHP,可以看官方的文件就好,如果看不懂,可以看一下這個哥們的視訊教程:http://www.thinkphp.cn/document/258.html,講的還是不錯的。

  2.看完視訊教程還是有些不解,什麼亂七八糟MVC了等等概念,不用著急,繼續前進吧,可能慢慢就能理解了,誰說不理解就不能前進的,是不?

  注意:這個過程可能有點兒難,不過也還是可以接受的,學明白了,以後修改起來會比較靈活,至少感覺比wordpress靈活。

  三、資料庫開發

  1.後臺開發過程中,要存一下資料,難免要用到資料庫,那麼就安裝一下mysql吧, 如果覺得不好管理,可以再安裝一個視覺化的工具:Navicat,需要用什麼表,就建什麼表吧,反正以後覺得不合適了還要修改。

  2.如果資料庫一點兒也不懂,那麼網上隨便搜搜相關知識,大概熟悉熟悉,會建表、增減資料就行了。有些資料庫操作,用ThinkPHP的框架,非常簡單的,不需要自己考慮太多東西。

  注意:資料庫開發是要配合著後臺開發一起的。大概後臺開發完了,資料庫也差不多建好了。

  四、網站釋出

  1.有很多託管程式碼的伺服器,有收費的,有免費的,我就推薦一個吧,用新浪的SAE,速度還可以的,剛開始就先找一個嘗試吧,等以後有時間了,可以再嘗試嘗試別家的。這裡SAE是支援ThinkPHP的SAE版本。因此上傳上去程式碼就能看效果了,釋出後網址大概樣子為:****.sinaapp.com

  2.SAE是按訪問流量收費的,弄一個實名認證,會送流量的,對於剛開始的網站,足夠用了;如果不放心,可以申請一箇中級開發者,每個月都會贈流量。之前是微博有加V就可以申請中級開發者,微博加V傳一個自己的工作照就可以了。現在我的中級開發者,有需要推薦的,我也可以幫一下忙,反正我也不怎麼用。

  3.如果想本地檢視,可以安裝一個Apache,至於部署,也不難。

  注意:能到釋出這一步,我想應該就沒有什麼難的了吧。雖然曾經我與新浪各種死磕,今天還是無私的為他做了廣告,我代表新浪,謝謝我自己了。(請別說我調皮)

  五、域名繫結

  1.網站建好了,如果感覺****.sinaapp.com不好看,想用自己的域名,也是可以的。

  2.去godaddy申請吧,為啥是godaddy,別人都說好,我也就用了,反正我申請了兩個域名,到現在都不怎麼用,就當玩兒了。

   3.有域名了,就可以登陸SAE後臺,繫結域名了,操作步驟,會有很詳細的說明。

  六、回味無窮

  1.經過前面一系列過程,一個你認為還可以的網站應該就可以誕生了。

  2.過程中還有哪些想學的知識,可以去學習了。

  3.開發完一個網站,這一套模板可以儲存下來,再開發別的網站,自己也可以用了。

  4.多年以後,你會覺得你的網站好low,不過又能如何,這也是一種人生體味而已。