前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前后端联调前-一个前端动手写代码前的思考

前后端联调前-一个前端动手写代码前的思考

作者头像
itclanCoder
发布2023-09-21 19:18:38
1830
发布2023-09-21 19:18:38
举报
文章被收录于专栏:itclanCoderitclanCoder

在开始写项目之前,一定要先想清楚,然后在动手,不要急于一时的

一顿操作猛如虎,事后,却做的东西,却不满足产品的需要,就是自己很努力,最后发现是在做无用功,最后还不讨好

有的同学过于关注UI界面,展示,却忽视接口设计,结果来来回回折腾,是非常痛苦的

前端项目:用什么前端技术栈,组件,是用第三方的,还是自己纯原生手写,针对不同的项目,应该是不一样的

原型设计

作用:梳理提供业务产品交互逻辑

墨刀,Axtrue等原型稿

产品中具体包括哪些功能,哪些模块

  • 比如:产品的前端页面包含了哪些东西,登录,注册,搜索
  • 产品的后台管理包含了哪些功能,根据条件筛选,页面跳转,具体到页面组件交互,校验等

原型设计稿,只是为了描述产品的功能的,梳理业务逻辑的,它侧重产品逻辑的交付,并非原型是怎么样,前端就要做成什么样,当然一个比较好的原型,最终也可以成为最终交付的东西

UI设计

作用:根据UI小姐姐提供的设计稿,前端同学利用前端的技术去像素级还原设计稿 蓝湖,sketch等

如果产品没有UI设计,只提供原型,那么基本上就是由前端自己来定,基本上都是用一些现成的UI框架去实现,比如:ElementUI,Antd

后端接口

后端提供接口文档, 前后端对接口,其实就是前端开发中,页面哪些组件涉及到与后端接口交互的,需要跟后端开发同学进行约定

前端在使用Ajax请求数据时,被请求的URL地止,就叫做接口地止,给前端浏览器返回指定的数据的

  • 每个接口前后端必须要确定接口请求方式,也就是get还是post
  • 接口返回的数据格式,是json字面量对象方式还是xml
  • 接口文档:中接口参数,以及返回每个字段的简单说明,代表的含义
  • 接口调用的URL地止
  • 参数格式:接口需要传递的参数,每个参数名称,数据类型,是否必传,等说明 响应格式:接口的返回值详细描述,返回的字段中,对象,数组,字符串等说明 接口返回示例,列出服务器返回的数据接口结构

项目前准备

  • 确定上线交付截止时间(一般都是产品经理PM预估)
  • 前端开发,编写静态页面,UI交互
  • 后端接口联调
  • 测试同学测试,有Bug,开发就改bug,直到产品没有问题,
  • 上线发布
本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-09-21 08:00,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 itclanCoder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 原型设计
  • UI设计
  • 后端接口
  • 项目前准备
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com