第一章网络数据获取与呈现_网络+数据+呈现+-CSDN博客

本文链接：https://blog.csdn.net/liuweidadada12345/article/details/119460044

在之前的文章中我们提到了我们是如何通过互联网连接到数据公司的存储设备获取数据的和BS、CS结构。今天我们来介绍下，手机和浏览器是如果访问数据并呈现在我们面前的。

APP和浏览器访问H5或数据接口API通过URL进行获取，URL(Uniform Resource Locator)统一资源定位符，可以简单的理解为视频资源的访问地址、文章数据的访问地址等。这类资源又被分为静态资源和动态资源。静态资源是访问地址直接可以访问到的资源如url后缀为html、htm、shtml、MP4、mp3等;

另外一类动态资源，即通过一个基础url地址和地址所携带的参数，通过数据库查询到对应参数应该展现的数据内容，直接返回或流返回的方式将数据内容返回给客户端。

这类请求我们可以通过浏览器的F12的调式工具的network选项中看到具体的请求信息。

以上说明的是http/https协议请求的数据，除了http协议以外，目前越来越多的应用采用RPC协议进行数据传输。RPC（Remote Procedure Call）远程过程调用,通过TCP或者HTTP2.X协议进行数据传输。

关于数据呈现，就是把我们获取到的静态或者动态数据展现到浏览器或者APP上的过程。浏览器展现相对简单，主要是依赖HTML(Hyper Text Markup Language超文本标记语言)、css(Cascading Style Sheets,层叠样式表)、js(JavaScrip)共同构成。html规定了展示页面的骨架、css决定了元素的要表现成什么样（圆角、直角，黑色、红色、是否展现等）、JS定义了元素执行的动作。可以简单理解为HTML是一个游戏，元素是游戏里的人物、场景，CSS就是皮肤，JS是移动和操作。

APP数据展现同样需要骨架、元素的样式和动作，APP的骨架是通过编程语言固定的，Android通过java-android开发语言实现，IOS通过Object-C或Swift实现。元素的动作同样根据数据返回类型通过以上的编程语言进行设定。所以相比于开发的浏览器，APP获取的数据在结构上更简洁，不需要复杂的HTML结构标签、不需要CSS的样式数据、不需要JS动作数据，只需要数据本身即可，因此采用更加简洁的JSON(JavaScript Object Notation，一种轻量级的数据交换格式结构）进行传输。某APP数据采集到的接口数据: