前端開發流程

前端開發流程

1.產品經理輸出原型圖以及進行評審

• 產品根據需求出原型圖
• 原型交互麻煩的地方儘可能作得==清晰，流程明確==
• 原型圖出完以後須要進行評審，先後端以及涉及到的相關人員進行原型評審，針對疑問的地方提出疑問，很差實現的地方提出很差實現的緣由或者能夠調整的地方、商量解決方案，針對能夠優化的地方或者能夠換種方案實現相同效果並能提高工做效率的地方給與建議
• 針對不明確的需求要提出，商量最終解決方案
• 熟悉整個需求的流程，後續開發能夠更加明確、快速，避免沒必要要的溝通。

2.UI設計師跟進原型輸出UI圖

• 設計師根據==產品原型以及規範==進行設計UI圖（==設計師須要與產品溝通到裏面的細節來實現交互、也要分析功能實現的難度多與相關人員進行溝通，給與產品建議==），設計完成須要產品進行確認，確認後提供出來放在藍湖裏（藍湖有標註界面元素的大小以及顏色方便開發），你們均可以查看，針對用戶側項目圖片比較多的須要輸出圖片

3.前端根據UI圖進行前端界面開發

• 前端查看設計圖進行規劃，提取界面中能夠==複用==的模塊方便重複利用，==分析界面==是否有==實現難度==比較困難的地方，結合以前的原型評審看二者==是否有出入==，進行溝通
• 前端進行功能排期，按功能大小以及難度進行功能時間的評估，和後端溝通好排期時間，保證你們可以更有效地開發合做
• 針對功能複雜的地方要先理清思路，不要盲目開發
• 前端搭建框架（目前使用的是以前有的項目模板）
• 根據設計圖進行前端界面開發，以及遇到的問題及時與產品、UI、後臺人員==溝通，保持你們信息一致，針對不清楚的地方也要及時溝通，以避免作錯功能 ==

4.根據後端swagger進行字段填充，以及部分功能開發

• 先後端都要按照規範進行開發，針對不規範的地方要給與提出、指正，營造出規範的工做模式，之後維護成本和溝通成本更低以及開發效率更高
• 前端根據後端輸出的swagger進行界面字段的填充以及針對缺乏的字段或者數據結構進行提出，及時與後端反應，儘可能讓你們都能以最小的改動完成後續開發工做

5.先後端功能聯調、完成自測

• 先後端功能聯調，聯調經過並完成自測
• 檢查功能完成狀況，看是否有遺漏
• 出現問題及時溝通解決

6.UI設計師以及產品查看初步聯調完成的項目

• UI設計師指出項目中與UI不一致的地方以及能夠優化的地方
• 產品經理指出項目中與產品原型或者功能實現不一致的地方

7.發佈測試、修改bug、發佈上線

• 自測完成後提交測試，測試根據提交的項目以及需求進行測試，提出bug給相關人員修改，開發人員週期性的配合修改bug，保證今天可以修復昨天的bug
• 發佈dev環境，配合測試，修復bug以及需求優化
• 發佈test環境，修復bug以及需求優化
• 發佈it環境，修復bug以及需求優化
• 發佈pre環境，修復bug以及需求優化
• pre驗收以後，發佈線上環境，產品進行驗收

8.項目總結

• 總結項目中遇到的問題以及不順利的地方，你們溝通，避免下次還會再出這樣的問題，也能夠針對項目中作的比較好的地方你們一塊兒學習，相互更快、更高效、更輕鬆的作好項目