目前開發(fā)的第一階段已經(jīng)結(jié)束,項(xiàng)目也已經(jīng)上線。小組團(tuán)隊(duì)要求寫一篇開發(fā)心得,相互交流,以饗后生。那么在這里我先打一個(gè)草稿。 項(xiàng)目作品請見:饑人谷前端作品庫【注:本項(xiàng)目支持手機(jī)端瀏覽】
項(xiàng)目的起止歷程
團(tuán)隊(duì)的QQ討論組歷史記錄最遠(yuǎn)能追溯到4.22,項(xiàng)目也就是那天開始正式立項(xiàng)運(yùn)作的。截止到6.6,項(xiàng)目1.0版正式上線。總歷時(shí)45天,期間產(chǎn)品需求討論與設(shè)計(jì)出圖10天,項(xiàng)目開發(fā)15天,自測聯(lián)調(diào)15天,上線、線上測試、bug修復(fù) 5天。
參加項(xiàng)目的初衷
自己所在的公司目前的前端技術(shù)有很多地方并沒有和互聯(lián)網(wǎng)前沿技術(shù)接軌。一方面,以庫的易維護(hù)性,安全性,代碼混雜性為理由,將jquery庫棄之門外,使用的是內(nèi)部框架,給前端js代碼與外部接軌帶來困難。另一方面,npm包管理模式還沒有建立,工程化,模塊化等領(lǐng)域相對較弱。所以一來是實(shí)地接觸一下互聯(lián)網(wǎng)的web開發(fā)模式,更好地參與技術(shù)實(shí)踐,考慮將一些優(yōu)秀的東西吸納進(jìn)公司內(nèi)部。二來是自己剛剛接觸nodejs后端開發(fā),希望能一試身手。
項(xiàng)目所采用的技術(shù)
項(xiàng)目管理工具 公司之前使用的svn版本管理,git雖然使用過但二者的差異并不真正清楚。 個(gè)人同意這樣的觀點(diǎn):SVN中文化圖形界面做的很好上手快,思路很清楚,更適用于項(xiàng)目管理,很多公司仍然用的都是SVN。Git有它的優(yōu)勢比如分支概念,offline使用。感興趣可以看看以下內(nèi)容。話說Svn與Git的區(qū)別
前端 HTML CSS規(guī)范寫法、CSS3特效、BootStrap的使用、響應(yīng)式頁面、常見組件的封裝、RequireJS模塊化寫法
后端 nodejs的使用、Express 搭建網(wǎng)站的方法、常用中間件的使用、七牛圖片上傳處理、數(shù)據(jù)庫的構(gòu)思與操作、MongoDB的使用。
本次項(xiàng)目自己負(fù)責(zé)的部分
本項(xiàng)目后端基于nodejs的express模塊搭建,自己負(fù)責(zé)的主要是上傳作品后端編碼。修改頁由于當(dāng)時(shí)公司項(xiàng)目正緊,迫使交給了別人去做,后期的完善自己也并沒有跟進(jìn),感覺很遺憾。 具體流程是用戶從瀏覽器端上傳作品后將作品信息傳到后臺(tái),后臺(tái)將提交的數(shù)據(jù)保存到數(shù)據(jù)庫。其中的難點(diǎn)是我們將圖片保存到七牛云存儲(chǔ)平臺(tái)而并非是自己的服務(wù)器上。七牛云存儲(chǔ)平臺(tái)的API是一套新的API體系,如何使用,需要自己去研究。之所以采用上傳七牛原因有二:①七牛的圖片處理非常便捷,提供了一整套圖片處理的API,并且可以用queryString加后綴參數(shù)的形式直接改變圖片大小,以適應(yīng)我們縮略圖封面圖等同一圖片不同剪裁大小的需求。②節(jié)省自身的服務(wù)器壓力。