项目开发流程_前端如何根据蓝湖写页面

一产品经理输出原型图以及进行需求评审
1产品根据需求画出原型图
2原型图交互比较复杂的地方尽量画的清晰，流程明确
3需求文档必须要写清楚，这样有益于产品经理，前后端人员，测试等相关人员一起开需求评审会，是为了找到需求文档中不太明确的地方，完善需求文档，最重要的是让各方都明确产品需求，提高工作效率
UI设计师跟进原型图输出UI图
1根据产品给的原型来进行UI设计图输出,遇到交互比较复杂的，需要跟产品加强沟通，听取产品的建议，也需要和相关开发人员去确认。设计图完成后需要和产品经理确认，确认后放在公司的UI库里面（每个公司的UI库不一样 “大多数放到蓝湖，蓝湖有标注元素大小和颜色，方便前端开发”）。

前端根据UI图进行前端页面开发
1首先前端拿到页面不能马上盲目去开发，要去对页面进行规划，来分析页面的复杂程度，提取页面中可以复用的模块方便复用，这样也方便大家沟通
2前端进行排期。按照功能的大小以及难易程度进行功能时间的评估，和后台开发同学沟通好时间，保证有效开发。
3 项目中有复杂的地方我们首先要先理清思路，不要盲目开发
4 在没有项目模板的情况下，选好技术（react，vue ，…）
5前端根据UI给的设计稿进行开发，遇到问题的情况下要及时沟通，找到对应的同学（UI设计师，产品，后端，避免不必要的错误发生。
后端同学进行接口开发
1是一个规范和完成的框架，用于生成，描述，调用和可视化restful风格的web服务（作用：接口文档的在线生成，功能测试）
2前后端都要按照规范开发，针对不规范的地方要提出指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率高
3前端根据后端输出的swagger进行界面字段的填充以及针对缺少的字段或者数据结构进行提出，及时与后端反映
前后端 功能联调，完成自测
1 前后端功能联调，联调通过并自测。(联调：前端人员根据后端给的参数进行来调试，成功后返回的参数是什么)
2联调完成之后，看看是否遗漏。
3出现什么问题及时沟通
UI和产品查看初步联调完成的项目
1UI设计师指出项目中与UI设计图不一样的地方以及需要优化的地方
2产品经理指出与产品原型不一样的地方或者功能不一样的地方。
发布测试，修复bug，发布线上
1自测完毕后，测试根据提交的项目以及需求文档进行测试，提出bug相关的人员进行修复，前后端人员要积极配合，修复bug，保证所有bug全部修复。
2本地自己分支开发之后合并到test分支，之后部署。（注：“合并到test分支之前我们要切到test 之后拉一下代码再进行合并，防止代码冲突”）测试环境相对比较稳定 专门给内部人员访问，外部人员无法访问，
3 发布 pre 预发布环境，发布线上环境，产品进行验收（pre环境也可以尽可能的模仿pro的真实环境，让测试结果更加准确）
4发布pro(生产环境)面向外部用户的环境，连上互联网即可访问的正式环境