前后端交互流程,如何进行交互

(1)前后端都要充分了解项目的需求

(2)接口设计(出接口文档),前后端沟通设计接口,前端需要后台返回什么样的数据(格式),后台需要前端传递什么参数(哪些参数是必须的,哪些参数是可选的,采用get还是post,哪些数据需要前端先进行校验,哪些需要双方都校验)。共同制定出整个程序所有的接口说明,形成文档。前后台按照约定好的接口进行开发。

(3)有些公司不够规范,没有接口文档,都口头说明,遇到问题都是QQ或者当面沟通(一般都是小公司或者小项目)。

(4)前端通过ajax进行网络请求,获取服务器返回的数据,再对拿到的数据进行业务处理(展示、存储、判断执行哪个流程等等)。

注意:开发期间一般使用git或者svn进行代码管理,前端和后台的代码都会在服务器上(同源),不会出现跨域问题。大型公司职位分的比较细,有人专门写静态页面(html、css。要求前端写的html结构和样式非常清晰,同时有相应的注释),JS有专职的人来写(会和后台对接,把html代码转成动态)。

时间: 2024-08-07 20:17:56

前后端交互流程,如何进行交互的相关文章

flask前后端数据通信流程

对于服务器开发工程师来说, 前端页面的刷新分:1.后端刷新2.前端刷新 1.后端刷新的实现是通过模板+数据的方式实现的 2.前端刷新是通过jQuery的Ajax +jQuery动态加载HTML.CSS的方式实现的 不管是后端刷新和前端刷新,它们都是需要通过HTTP/HTTPS通信协议,这种协议实现数据通信,使用请求和响应完成一次完整Web通信的过程. 1.后端刷新页面的流程 1.1 实现服务器的API接口文档 1.2 使用Flask实现Web服务器应用程序的构建 1.3 实现前端请求的URL,声

基于 koajs 的前后端分离实践

一.什么是前后端分离? 前后端分离的概念和优势在这里不再赘述,有兴趣的同学可以看各个前辈们一系列总结和讨论: 系列文章:前后端分离的思考与实践(1-6) slider: 淘宝前后端分离实践 知乎提问: 如何评价淘宝 UED 的 Midway Framework 前后端分离? Web 前后端分离的意义大吗? 尤其是<前后端分离的思考与实践>系列文章非常全面的阐述了前后端分离的意义和技术实现.如果不想看上面的文章,可以在脑海里留下这样一个轮廓就好: 本文主要阐述趣店团队基于Koajs的前后端分离实

前后端分离实践(一)

前言 最近这一段时间由于Nodejs的逐渐成熟和日趋稳定,越来越多的公司中的前端团队开始尝试使用Nodejs来练一下手,尝一尝鲜. 一般的做法都是将原本属于后端的一部分相对于业务不是很重要的功能迁移到Nodejs上面来,也有一些公司将NodeJS作为前后端分离的一个解决方案去施行.而像淘宝网这类的大型网站也很早的完成了前后端的分离,给我们这样的后来者提供了宝贵的经验. 同样,我们的大网盘团队也早在去年早早就开始了紧锣密布的准备工作,这目前工作也做的差不多了,现在我就来总结一下在过程中遇到的坑点以

分布式之闲侃前后端分离架构的必要性

引言 由于近期前端抽不出资源,博主最近接手一个前端项目的代码维护工作.拿到手一看,一脸懵逼,和博主当年所学的jsp开发方式.利用ajax来请求数据的单页面开发方式完全不同.然而火坑已经跳下,只能硬着头皮啃,博主只能默默告诉自己 冲冲冲,四驱战士在行动 博主勉强算是经历了前端开发的几个时期吧.本文以一种循序渐进的方法,讲前后端分离架构的必要性.不过不得不说一点,目前前后端分离架构的文章一搜一大把,博主毕竟不是专业搞前端的,如果文章有什么理解不到位的地方,请及时指出,不胜感激. 正文 以博主的资历,

为什么要进行前后端分离?

一.认识前后端分离 可能很多人会有误解,认为web应用的开发期进行了前后端开发工作的分工就是前后端分离.但其实前后端分离并不只是开发模式,而是web应用的一种架构模式.在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试:在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用HTTP或者其他协议进行交互请求. 二.为什么要进行前后端分离 在以前传统的网站开发中,前端一般扮演的只是切图的工作,只是简单地将UI设计师提供的原型图实现成静态的HTML页面,而具体的页面交互逻辑,

开源项目练习EF+jQueryUI前后端分离设计

最近大家流行把项目开源,我也来玩玩.只是开源公司项目不好,小弟只好从公司项目经验上另外弄出一套练习开源给大家. 这个项目可以做简单的团队任务系统(做一些简单的任务分配,没经过严格测试.功能单一别喷啊,有想用的可以自己往里面加-估计想用的话还得做任务进度统计,生成点图表什么的). 这个项目用到了EF.WebService.html.jQuery.jQuery UI.jqGrid.前后端分离通过json数据交互,纯Ajax项目(除上传功能) jQueryUI有几个点优化,如dialog close时

springBoot 搭建web项目(前后端分离,附项目源代码地址)

springBoot 搭建web项目(前后端分离,附项目源代码地址) 概述 该项目包含springBoot-example-ui 和 springBoot-example,分别为前端与后端,前后端分离,利用ajax交互. springBoot-example-ui 前端html 技术:BootStrap + layer + jquery + css + html 该项目git地址:https://github.com/jiangcaijun/springBoot-example-ui sprin

前后端分离与不分离,一点点理解

1>为什么要前后端分离? 现有开发模式的使用场景 前后端职责不清 开发效率的问题 对前端发挥的局限 2>前后端分离会带来什么变化? 1.彻底解放前端 制作页面的时候,不需要后台配置服务器环境,可以自己配置路由,前端代码里面不会掺杂后端的代码以及逻辑 2.提高工作的效率 3.局部性能提升 4.降低了维护成本 3>前后端分离的核心:前端负责调用ajax实现数据显示(view层和controller层),后台提供数据(API)接口(model层). 在前后端没有分离前,后端需要渲染页面或者重定

浅谈前后端分离与实践(一)

一.起源 (故事纯属虚构,如有雷同,纯属巧合)传说在很久很久以前,我们有志之士有了个创业的想法,于是乎开始了自己的创业之梦,但是人手不足啊,于是乎所有角色老子一个人全包了: Roles: PM, DBA, RD, FED, Designer, ... Skills: Linux, MySQL, JAVA, JavaScript, HTML, CSS, ... Tools: phpmyadmin, photoshop, powerpoint, ... 我们用 express 应用生成器来模拟一下传