序
做爲一個大部分工做經歷都在7-15人編制的技術團隊的公司,深入體會到合理的成員編制對團隊開展高效工做的重要性,對團隊每一位成員的成長的重要性,對公司的成本控制的重要性。css
本文內容是以全棧式後端開發團隊轉型先後端分離開發團隊爲主題,從實際問題、工做流程、成員編制、成本控制等爲出發點,作一個總結分析,拋磚引玉一塊兒討論學習,也但願能夠幫助更多的朋友解決問題。前端
1、開發團隊角色
開發團隊角色
小組型技術團隊中,不管是全棧式後端開發團隊仍是先後端分離開發團隊,開發角色基本都包含 後端開發、APP開發、web前端。web
1. 全棧式後端開發團隊各崗位職責
- web前端,主要負責編寫靜態的HTML,把CSS作好及部分特效JS
- 後端開發,除了負責CRUD的技術開發,還要將HTML套入jsp、asp等模板引擎,須要編寫JS代碼作數據渲染以及大部分表單校驗,甚至還須要些HTML,調CSS(如後臺管理系統,通常前端是無論的),必要仍是得寫下接口文檔給APP開發
- APP開發,略
2. 先後端分離開發團隊各崗位職責
- web前端,主要負責包含前臺系統、後臺系統全部的靜態的HTML,JS數據渲染、表單校驗
- 後端開發,只須要負責CRUD的技術開發,編寫接口文檔給web前端開發、APP開發
- APP開發,略
2、全棧式後端開發團隊常見問題
1. web前端工做閒,沒技術含量
- 一個月22工做日,web前端開發平均每月最多隻有10工做日飽和工做,剩下時間都在吹水、玩手機,以及考慮跳槽(由於嫌的慌,要麼沒事作,作的事基本沒技術含量,想找個更有發展空間的環境)
2. 後端開發套頁面,CSS沒法統一化管理
- 在套頁面時,常常出現渲染出數據後,頁面效果不協調,須要優化樣式,有些人嫌麻煩,以爲本身能改,就寫行內樣式,前端css沒有統一化管理
3. 後端開發套頁面,JS沒法統一化管理
- 在作表單校驗時,常常出現一樣的代碼屢次複製粘貼,幾十個頁面都有90%相似的代碼。(有心的,通常是會抽公共js引用,但實際上仍是嫌麻煩,複製粘貼來的快)
4. 後端開發並不擅於寫頁面,開發效率低
- 後端開發在寫頁面時,常常會出現由於一個JS效果,須要花幾個小時甚至一天的時間完成,而且部分效果體驗比較差,將就將就便可
5. web前端在本地調試帶數據渲染的頁面比較困難
- 有些問題須要根據後端返回的數據渲染後,纔會出現的問題,web前端須要調試,通常都是在後端開發座位上改,後端只能在一旁看着,浪費開發力
3、兩種團隊工做流程
1. 全棧式後端開發團隊工做流程
全棧式後端開發團隊工做流程圖
2. 先後端分離開發團隊工做流程
先後端分離開發團隊工做流程圖
3. 分析
從圖中能夠明顯看出,先後端分離工做流程相比全棧式後端開發工做流程中,web前端與後端開發增長了接口對接的溝通成本,但整體來講,節省了後端開發的工做職責,把這段時間調整到接口文檔的編寫,能夠推進技術文檔的完整性,並能增強團隊的管理。面試
4、兩種團隊開發人員編制對比
一、 全棧式後端開發團隊組織架構
全棧式後端開發團隊組織架構圖
二、 全棧式後端開發團隊組織架構
先後端分離開發團隊組織架構圖
三、對團隊每一位成員要求變化
- 後端開發,先後端分離團隊模式提升了web前端和後端開發的溝通成本,但實際場景跟APP開發與後端開發對接是相似的,因此區別不大
- web前端,除了基本的HTML、CSS,還須要會React、Vue.js等JavaScript框架,技術要求更高,但目前該類技術已是web前端面試時要求的必須技能
- 技術組長,做爲管理者,雖然團隊角色並無多少變化,但因爲web前端也會遇到問題,做爲技術組長,確定要能提供一些有用的建議,因此也要增強一些前端知識的學習瞭解
5、總結
回到現實,大部分團隊儘管看到了這些問題,但一直不肯意轉型,主要也仍是歷史緣由,那是否歷史緣由,因此咱們就不作改變了呢?後端
管理團隊組織架構、工做模式跟管理代碼系統架構也是同樣的道理。系統架構全新升級,也歷來都不是一刀切,畢竟風險太大了。一樣也是一步一步來,先從小的系統開始試水,而後再把主項目邊緣的一些模塊完成切割,最後實現徹底轉型。架構
6、交流學習
有興趣的朋友能夠私信做者,你們一塊兒交流學習更多的互聯網技術。框架
My Blog
blog.guijianpan.com前後端分離
技術交流