一個人的網站開發
一個正規的網站開發,理論上需要一個團隊的配合,各自發揮自己的長處,網站需求分析、原型設計、效果圖、切圖、前臺美工、後臺程式碼、演算法設計、資料庫設計、伺服器配置等等一系列的事情,而一個人想面面俱到這些,還是需要花些時間的。所以對一個初學者來說,我的建議是:別管他三七二十一,不是想開發一個網站嗎,別管懂不懂,先開發出來一個再說,在開發的過程中,遇到了問題,再找解決方案的過程中,自己獲得了學習,等完成了一個網站,亂七八糟的知識也學了一些,有了一個感性的認識,再去系統性的、深入的去學習也不晚。
這裡提供一個我的開發思路和具體實現的方法:
開發一個網站,大概是這些東西:
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,不過又能如何,這也是一種人生體味而已。
相關文章
- [新手開發記錄] 新建一個網站網站
- 開發人員網站導航網站
- 搭建個人音樂網站!一個基於 SpringBoot + Vue 的音樂網站!網站Spring BootVue
- 個人網站接入Google Ads的一點心得網站Go
- 分享一個WebGL開發的網站-用JavaScript + WebGL開發3D模型Web網站JavaScript3D模型
- 如何搭建個人網站,手機、電腦網站一鍵套用網站
- 一個對開發者可能會越來越有用的網站網站
- react 服務端(ssr) 框架next.js開發個人網站分享React服務端框架JS網站
- 如何建立個人網站?先分享一下網站
- 發現一個好看的電腦桌布網站網站
- 發現了網站一個問題網站
- 米哈爾個人網站網站
- 敏捷個人-做好一個開發者敏捷
- 我的第一個網站網站
- 如何簡單方便的建個人網站網站
- 前端人員也能擁有自己的個人網站前端網站
- 教你使用GitHub搭建個人網站Github網站
- 個人網站備案經歷網站
- GitHub+Hexo 搭建個人網站GithubHexo網站
- 提高前端開發者效率的11個必備的網站前端網站
- 專業建站網站 網站建設 網站開發 官網開發 網頁設計 網頁網站網頁
- 分享一些web前端開發好用的網站Web前端網站
- 網站最近攻擊防禦心得,個人網站搭建心得網站
- 推薦一個好用的網站網站
- Python如何開發網站?這兩個不能少!Python網站
- 個人網站和部落格賺錢方式 (如何把WordPress網站變成一門生意)網站
- Python開發網站的完整指南Python網站
- 開發網站的必備技能網站
- 記錄一個開源專案排名網站網站
- 一個HTTP請求,把網站打裂開了HTTP網站
- 小白的網站開發日記必須要10個字網站
- 個人站
- 一個網站的滲透測試思路,流程(給你一個網站,怎麼做?)網站
- Github快速搭建個人/組織網站Github網站
- 基於tp開發的一個h5站點H5
- 網站修改二次開發,網站二次開發流程網站
- 一個SAP開發人員的養蠶流水帳
- 一個SAP開發人員的雙截棍之路
- 自己公司網站開發網站