博主第一次開發商城類的項目,目前商城已上線,這裡就不打廣告了。商城的架構主要為yii2+backbone,還有一些其他blablablabla......的插件。 商城有PC端和微信端,先上線的PC端後上線微信端。 第一版的開發模式是,前端同學設計好界面原型,切好圖,做完靜態頁面交給後端人員。後端人
博主第一次開發商城類的項目,目前商城已上線,這裡就不打廣告了。商城的架構主要為yii2+backbone,還有一些其他blablablabla......的插件。
商城有PC端和微信端,先上線的PC端後上線微信端。
第一版的開發模式是,前端同學設計好界面原型,切好圖,做完靜態頁面交給後端人員。後端人員使用基於MVC模式的yii2框架,將靜態頁面寫成動態的
.php頁面。很好,這樣的開發方式前端同學甚是輕鬆,只要做好靜態頁面就完事,其他全交給後端人員。如果做好的頁面,一旦需要修改點小樣式,前端同學
就直接在原來的靜態頁面做修改,然後再提交給後端人員,後端人員就比較修改的地方去修改動態的.php頁面,頁面嵌套著一堆堆php代碼。
立馬發現這種方式不妥,所以開始升級。第二版的開發模式是,後端人員不套頁面,直接交給前端同學來實現動態的效果。前端同學設計好界面原型,切
好圖,做完靜態頁面。同時後端人員設計開發完介面,給前端同學調用。前端同學一堆堆的ajax調用方式,一個個在success方法里for迴圈渲染標簽。是的,
這樣整個項目下來,幾十個頁面每個頁面都是通過ajax來動態請求數據。用ajax渲染界面的寫法尤其難看,小範圍的加入了模板。不過這樣的開發模式夠用了。
第三版來了,高大上的開發模式是,使用前端框架了,比如backbone,前端的MVC模式框架。前端同學設計好界面原型,切好圖,做完靜態頁面,使用
backbone自帶的template一個個套成模板,配好router,採用單頁面模式。前端同學的壓力越來越大,逼著一個個要修煉升級了。
整個項目開發過來,每次的前端升級,都把工作一步步轉到前端了。第一個版本是一開始大多數會用的做法,前端任務“輕”,技術難度“低”,大部分任務都
在後端,後端人員表示鴨梨山大。第二個版本也是大多數會用的做法,這樣前端同學在設計頁面的時候,就不會漫天遐想了,會從實際實現的效果和難度來考慮
問題。因為最終設計出來的效果,是要他們自己來實現的。第三個版本就是瞎折騰,不斷給前端人員升級,逼迫他們學習MVC模式,使用各種框架插件,不在
只是簡簡單單做個靜態頁面,寫個ajax而已。
有的人會問,為什麼博主不直接用第三種方式來開發?博主帶的電商技術團隊,人力資源有限,服務端人員占多數,前端人員大多都是設計人員和頁面開發
人員,真正前端大神類的木有。所以為了一邊能使商城成功上線一邊又能鍛煉到團隊的前端能力。所以博主就先從簡單的大多數人都能接受的方式和流程和開發,
這樣通過三個版本的演變,博主的電商技術團隊的前端能力已經可以獨當一面了。如果直接給他們說第三版的開發模式有多麼多麼好,有什麼什麼優勢,有什麼
什麼好處的時候,對初次接觸的他們來說會一頭霧水,最終開發出來的東西不敢直視,甚至連商城都沒辦法上線。採用演變的開發模式,一是技能保證商城能夠
成功上線,二是一個很好案例使他們自己發現現在這個版本開發模式上有什麼不足和缺陷,口頭上說再多也沒用,不如親自動手實踐實踐。自己領會到知識總比
別人告訴你來的理解深。