当前位置:首页 > 技术分析 > 正文内容

你常看的网站是web前端还是后端?一文告诉你答案

ruisui883个月前 (02-19)技术分析13

我们日常使用计算机上网,总会听到web前端、web后端等词语,那么前端和后端究竟是什么呢?它们又有什么区别?

2015年9月16日,在网络营销处,27岁的徐旸和员工更新公司网页,通过网络和客户交流产品销售信息。(曹晓东/人民图片)

(声明:凡带有“人民图片”字样图片,系版权图片,受法律保护,使用(含转载)需付费,欢迎致电购买:010-65368384或021-63519288。)

其实,web前端是呈现给用户的视觉和基本操作,主要负责页面的展示,即用户看得见的内容。我们日常浏览的网页,如新闻网站、体育新闻网站、电商购物网站等,都属于web前端。

web前端向我们展示的内容包括web页面结构、web外观表现、web层面的交互实现。具体来说,web页面结构就是网页是如何排版的,分成几个部分,类似黑板报一样,需要人进行具体设计,例如百度搜索的输入框,摆放在页面的正中间等等;而web的外观表现,则是比如页面采用什么颜色,采用什么字体等等;至于web层面的交互实现,举例来讲就是我们在浏览购物网页时,将鼠标放置于一个商品上并进行点击,就会跳转到另一个新页面,这就是一种和用户的交互。

相较于web前端,web后端更关注产品的服务技术实现。它运行在服务器上,主要负责与数据库进行交互,从而处理相关业务,需要考虑如何存储数据,实现功能,维持平台的稳定性,提升平台的性能,实现对前端的响应和请求。例如,我们在百度搜索中输入“天猫”,页面就会跳转到与天猫有关的其他界面,其过程是:前端浏览器发出请求,后端服务器作出响应,并返回给前端相应的数据,前端再把这些数据展示到网页上,这就得到了我们想看到的页面。

再如,我们在浏览天猫商城的网页,准备进行购物时,首先要登陆账号密码并点击登录按钮,页面即跳转到新界面,显示登陆成功。这也是前端先向后端服务器发出请求,后端服务器与已存储的账号、密码数据库进行交互,并对前端请求作出响应的过程。

目前,在互联网企业中都会有相应的前端工程师和后端工程师,一般来说,工程项目都需要前端开发人员和后端开发人员团队协作,共同完成。伴随着大数据时代的发展,即使是不从事互联网技术工作的人们,也应该适当了解一些相关的基础知识,才能更好地融入这个日益信息化的社会。

本文由东北大学计算机科学与工程学院副教授信俊昌进行科学性把关。



扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2066.html

标签: 前端服务器
分享给朋友:

“你常看的网站是web前端还是后端?一文告诉你答案” 的相关文章

医疗养老收费管理系统

医疗养老收费管理系统headerfooter《医疗养老收费管理系统》是最新开发的适用于养老保险收费行业的管理系统。主要功能:1.基本信息:单位设置、缴费基数、缴费比例和队别设置;2.医疗保险管理:医疗保险人员信息、医疗保险收费、医疗保险信息查询、医疗保险收费查询、医疗保险收费情况;3.养老保险信息:...

基于Ubuntu的Linux Lite 6.0发行版正式发布

开发者 Jerry Bezencon 今天宣布,基于 Ubuntu 的 Linux Lite 6.0 发行版正式发布。本次更新代号为“Fluorite”,基于 Ubuntu 22.04 LTS (Jammy Jellyfish) 系统,它由长期支持的 Linux 5.15 LTS 内核系列驱动。下载...

79.idea中git合并分支操作分享

文章目录前言1.fetch的操作2.合并最新代码到当前的开发分支3.解决冲突4.分支合并:5.完成代码合并总结前言git的操作在日产的工作中也非常重要,团队化的代码管理,每次如果代码被别人覆盖或者自己的代码不能提交到服务器那是灾难性的结果,本篇进行一篇分享来总结下idea中git的操作帮助java开...

VIM配置整理

一、基本配色set number set showcmd set incsearch set expandtab set showcmd set history=400 set autoread set ffs=unix,mac,dos set hlsearch set shiftwidth=2 s...

我的VIM配置

写一篇关于VIM配置的文章,记录下自己的VIM配置,力求简洁实用。VIM的配置保存在文件~/.vimrc中(Windows下是C:\Users\yourname \_vimrc)。VIM除了自身可配置项外,还可插件扩展。VIM的插件一般用vundle或vim-plug来管理,但我力求简单,不打算装太...

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...