前端開發流程


前端開發流程

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.項目總結

  • 總結項目中遇到的問題以及不順利的地方,大家溝通,避免下次還會再出這樣的問題,也可以針對項目中做的比較好的地方大家一起學習,相互更快、更高效、更輕松的做好項目


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM