浅谈前端和后端的区别与交互
时间：2023-05-25 04:45:01 | 来源：网站运营
时间：2023-05-25 04:45:01 来源：网站运营
浅谈前端和后端的区别与交互：
从用户的角度
前端
从普通用户的角度来看，我们所能在电脑、手机上看到的业面就是前端，我们用户永远只和前端打交道（交互）。
举个例子，我们访问网页版的百度网站，我们会看到如下的页面，包括背景、文字、链接、按钮、输入框、图片等信息。
用户能够通过前端页面访问百度网站，能够通过点击、输入文字等方式进行网页跳转、搜索、登录等一系列操作。
后端
其实对于普通的用户来说，是看不见后端的一系列操作的。但是后端会根据用户在前端的一系列操作，进行一些对应的操作，然后将操作结果传回给前端，再由前端将结果展示给用户。比如用户在百度的前端页面点击了某条新闻链接，后端会找到对应的内容并将内容发送给前端，前端再展示用户点击的新闻内容。
总结
前端对于用户作用：
- 对用户展示信息，提供可视化的界面给用户。
- 对用户收集操作，如点击、文字输入、滑动等操作，然后将操作发送给后端。
后端对于用户的作用：
- 接收用户在前端的操作
- 根据用户在前端的操作进行对应的处理
- 传回处理后的结果给前端展示给用户看
从程序员的角度
前端
对于程序员来说，前端页面最基本的有三项构成，如果将一个前端页面看作一栋房子：
- html: html相当于给网页这栋房子建了毛坯房，毛坯房提供这栋房子最基本但是粗糙的原材料，如同门、窗、天花板等等。html全称HyperText Mark-up Language(超文本标记语言)，通过标记在网页上布置文本、图片、表单等等元素。html能够搭建一个网页的骨架。
- css：css相当于给网页这栋房子的装潢，在毛坯房的基础上，对其进行装修，如粉刷，布置壁纸等等。css全称Cascading Style Sheets（层叠样式表）。通过css能够对网页进行精细的布局、设置颜色、修改字体等操作，让网页变得更加精美。
- javascript：javascript相当于给网页这栋房子通电水暖，能够让房子“动起来”，用户可以在房子里开灯、开电视、开地暖、开水龙头等等。javascript是一门脚本语言，它能够让网页和用户互动起来，比如用户能通过网页上的按钮更改页面的一些布局或者背景色。
前端领域还包括一些框架：
bootstrap、
react、
vue能够降低开发者的开发成本，这些其前端框架在一定程度上封装了html、css、javascript，能够让开发人员进行组件式地调动。
后端
对于程序员来说，后端的话最基础的就是
后端语言，如java、c++、python等等。通过这些后端语言处理复杂的业务逻辑，而这些业务往往是用户通过在前端操作传递到后端的。对于程序员来说，后端还需要了解
数据库，因为后端中数据都是保存在数据库中的。不同的后端语言也有对应的
后端框架，减少开发人员的工作量。像是
java的
springboot框架，
python的
flask框架。
前端和后端的交互
要知道前端和后端是怎么交互的，首先要知道一些简单的计算机网络知识。
简单来说：
前端发送
请求到后端，后端接收请求之后，
后端根据请求进行处理并将结果以
响应的方式传回给前端。
详情请看：HTTP协议。
进一步来说，用户在
前端不管是点击按钮、点击链接、还是输入信息进行搜索，这些
操作实际上都
对应一个
url发送给后端，这个url可以看作是前端对后端的请求，我们知道根据url就能访问到后端。前端和后端会约定好，前端发送什么样的url，
后端根据其
url调用对应的
函数，并将函数运行之后的结果返回给前端。
而后端框架的作用包括不限于：
- 将请求（url）与对应的函数绑定起来。
- 解析url中的参数，并将参数填入对应函数中。
- 调用完函数之后，将结果以响应的方式返回给前端。
在线咨询
