想要做好互联网产品的设计,就要对一些基本的技术实现原理有所了解,本文将对互联网产品的前后台数据交互做一个小的总结。(技术大神轻喷)
HTTP协议
前后台交互的协议不只有HTTP协议,本文仅以HTTP协议为例。
HTTP协议即超文本传输协议,是互联网上应用最为广泛的一种网络协议。HTTP是一个客户端和服务器端请求和应答的标准。
HTTP协议简单(属于TCP协议族),使得HTTP服务器的程序规模小,因而通信速度很快。客户向服务器请求服务时,只需传送请求方法和路径。而且,HTTP允许传输任意类型的数据对象。
关于HTTP协议只做简单介绍,知道互联网产品的前后端数据交互是通过一个通讯协议(不仅限于HTTP)完成的即可。
接口
在互联网领域里面,这个词在不同场景下都会出现,经常听到工程师说“让后台给我提供一个接口,我直接调用这个接口”“这里你设计一个接口,我来实现”,接口就是提供具体能力的一个标准和抽象,是一些预先定义的函数,包括接口地址、传入参数和返回参数和数据。可以简单理解为,当需要访问某些数据,正常状态下传入合格参数,会收到该数据范围内的返回参数。前后台的交互基本都是通过程序接口实现的。
数据交互的过程可简单理解为,前台想要获得某些数据,将传入参数通过URL接口地址,传递给服务器,服务器根据传入的参数了解到前台要获得什么数据,去数据库查询获取数据,然后将所需数据返回给前台,前台拿到数据做相应的页面展示。
JSON
JSON(JavaScriptObjectNotation,)是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
前后端交互时传递数据的格式,就是JSON格式的,当然也有XML格式。JSON数据格式很好理解,举个例子:
{“姓名”:”流年”“性别”:”男”“兴趣爱好”:”听音乐”}这就是JSON键/值对。
实例解析1
这是一个APP的页面,前端会把它分为3个部分去分别请求数据,即:
banner部分课程种类部分热门好课部分
(1)banner部分
前台需要今天产品的最新图片地址。URL中的参数主要是根据后台需要,如果后台需要前端传递一个时间戳才能够查询到具体的图片信息,那么前端在数据请求时请求参数就应该包含时间的参数,代码如下:
前台部分:
代码解析: