1.前后端认知

什么是前端? 什么是后端? 什么是数据库?

前端:

  • 用户的可见界面
  • 数据展示在页面上给用户看到

后端:

  • 把前端的数据存储到数据库
  • 把数据库的数据传递给前

数据库:

  • 存储数据的“仓库”
  • 让后端进行数据的增删改查

前端和后端开发内容的区别

1、运行环境不同

(1)Web前端代码主要在客户端(PC、手机、pad)运行;

(2)Web后端的代码主要在服务端运行,服务器可以在提供服务厂家的数据中心,也可以在云端。

2、与用户紧密关系不同

(1)前端重用户体验,主要是考虑怎样能让用户觉得用起来更舒服,考虑界面布局、交互效果、大数据量页面加载速度等等,主要是偏向用户看得见的部分,客户端(pc、手机、pad)上浏览web页面,处理各个浏览器平台的兼容和对界面的渲染差异,对UI库的依赖较强;

(2)后端更多是考虑业务逻辑、数据库表结构设计、数据的事务操作、跨平台API设计、负载均衡、应用和服务部署等等,更多的是考虑用户看不到的部分,保证业务逻辑处理数据的严谨,保证用户访问数据吞吐的性能。

3、需求变更带来的影响不同

(1)前端主要怕系统原型的频繁变更,布局样式、交互效果的需求变更;

(2)后端主要怕业务逻辑变更,或者当使用规模增大之后对稳定性带来的影响。

基本组织架构

⼀个⽹站的组织架构基本由下⾯的步骤完成:

⽤户 => 前端 => 后端 => 数据库

过程:⽤户向前端⼈员要⼀个⽹⻚  >>>>>  前端⼈员准备⼀个⽹⻚给⽤户,并发送请求找后端⼈员要数据  >>>>>  后端⼈员接受到前端⼈员要数据的请求,去数据库⾥⾯找到对应的数据  >>>>>  数据给到前端⼈员  >>>>>  前端⼈员拿到数据以后渲染在⻚⾯上  >>>>>  最后把这个⻚⾯给到⽤户看

案例一:用户浏览⼀个新闻⽹站

⽤户输⼊⽹址  >>>>>  前端⼈员就要把对应的⻚⾯给到⽤户,在⻚⾯打开的过程中,向后端⼈员索要新闻信息   >>>>>  后端⼈员接收到前端⼈员索要新闻信息以后,就去数据库中找到对应的新闻信息数据给前端⼈员   >>>>>  前端⼈员接收到后端⼈员给的新闻信息以后,使⽤我们的办法把新闻信息数据渲染在⻚⾯上   >>>>>  ⻚⾯就打开了,⽤户就可以看到⼀个新闻⽹站了

案例二:⽤户登陆⼀个⽹站

当⽤户书写完表单内容以后,点击提交按钮  >>>>>  前端⼈员拿到⽤户填写的内容,把数据整合好传送给后端⼈员  >>>>>  后端⼈员接收到数据以后,去数据库中进⾏⽐对,看看有没有对应的数据  >>>>>  然后告诉前端⼈员,你给我的⽤户名和密码是否正确  >>>>>  前端把信息反馈给客户看到  >>>>>  如果正确那么就是跳转⻚⾯  >>>>>  如果不正确提示⽤户名或者密码有问题,重新输入或者...

2.了解服务器

其实说⽩了,服务器就是⼀个电脑,只不过在网线的那一头。当他跑起来⼀些程序的时候,就变成了⼀个服务器,只不过会跑⼀些特殊的程序,需要⼀些特殊的环境。
换句话说,我们⾃⼰的电脑,跑⼀些特殊的程序的时候,也可以当作⼀个⼩型的服务器来⽤,只不过计算能⼒/存储能⼒/转存能⼒没有专业的服务器电脑厉害⽽已。

服务器的作用

把电脑上的某一个磁盘空间对外开放,让别的小伙伴通过网线访问到你这个文件夹里的内容

服务器是怎么访问的

⽐如我们的经常访问的 www.baidu.com,这个⾥⾯就包含很多的内容,我们看到的这个只是⼀个省略后的内容,是浏览器帮我们省略掉了⼀些内容,全部的地址应该是 https://www.baidu.com:443,发现多了两个东⻄ https://和 :443。

其实⼀个简单的 url 地址是由三部分组成的:

  • 传输协议
  • 域名
  • 端⼝号

传输协议

我们常⻅的传输协议是 http 和 https,他们是限制⽤户和服务器之间交流传输数据的⽅式和规则,也是前端和后端⼈员交互的规则。不过 http 是⼀种常⻅协议,不是很安全,https 是⼀种加密传输协议。规则:

  • 建⽴连接通道
  • 相互通信
  • 关闭连接通道

域名

之前我们说过,服务器就是⼀个在⽹络那⼀头的⼀个电脑,以前,没有域名的概念,⼤家都是使⽤ IP 地址来访问,也就是⽹络那⼀头的那个电脑的 IP 都是⼀堆数字,不⽅便记忆,后来就有了⼀个万维⽹,他把每⼀个 IP 地址配套了⼀个英⽂的名字,⽅便⽤户记忆,所以说,域名就代表着⽹络那⼀头 那个电脑的 IP 地址,其实也就是我们要访问哪⼀个服务器。

端⼝号

服务器电脑也是有很多⽂件夹的,而且不同的⽂件夹⾥⾯存储着不同的内容,可能有个a⽂件夹,⾥⾯存储的是⾸⻚,可能有个b⽂件夹,⾥⾯存储的是⼀些数据。所以仅找到服务器电脑还不⾏,还得找对⽂件夹才可以。⼤家都把⽂件夹编上号存储了0 ~ 255,一共256 个,每个⽂件夹⾥⾯还有对应的⼩⽂件夹0 ~ 255,一共256 个,那么一共就有256 * 256 个⽂件夹,也就是从0~ 65535。所以我们的端⼝号就有 65536 个,分别对应着0 ~ 65535,⼤家都把80端⼝号作为⼀个⽹站的默认端⼝号

  • http协议默认是80端⼝号
  • https协议默认是443端⼝号

案例:百度

百度的完整 url 地址:https://www.baidu.com:443

解析:

  • 以⼀种加密传输协议来通讯
  • 访问的是⽹络上 IP 的值为 119.75.217.109 的那个电脑
  • 访问的是第 443 号⽂件夹

这个⽂件夹⾥⾯存储着⼀个百度的⻚⾯,我们就能看到这个⻚⾯了

参考文献:

前后端交互详解(建议收藏)

3分钟搞懂前后端开发的区别

认识计算机前端和后端相关推荐

  1. 前端和后端的英文_计算机专业的本科生在前端、后端、测试和运维之间该如何选择...

    首先,对于计算机专业的同学来说,在选择发展方向的时候往往会遇到一些困惑,当前随着计算机技术体系的不断壮大,计算机领域的岗位分类也越来越细化,而且在新技术的推动下,还在不断出现新的岗位,比如当前在云计算 ...

  2. 2021计算机的前端前景怎么样,2021年前端vs后端 哪个就业前景更好?

    一些编程小白想入门IT行业,一般刚开始都会有这么一个纠结的问题,前端和后端哪个就业前景更好呢?有的人会说web前端好,有的会说web后端好.web前后端其实两个发展前景都挺好的,但是这两个是属于不同性 ...

  3. 计算机专业,应该学习前端还是后端?具体有什么不一样?

    首先说说前端与后端的区别吧 前端主要数页面展示,就比如你现在打开浏览器进入一个网站,网站上面的图片布局都是依靠前端来完成的,如果你说你特别喜欢这种,但是还是不够,自己的审美也非常重要,每一个页面的UI ...

  4. 前端到后端的整体流程介绍

    从我们智能手机说起,手机已经成为我们不可或缺的一部分.那么手机在软件行业里处在什么样的位置呢.这里我把手机理解为 前端 前端: 我粗暴的理解为,"前就"是前面,眼前,"端 ...

  5. 前端还是后端?这些公号教你一锅端!

    拥抱前端还是后端,与其纠结不如一锅端.今天先给大家推荐一些前端大佬,这些号主大多来自于阿里.腾讯.字节跳动等大厂.不仅谈技术,也谈理想和人生,总有一个适合你! 开发者技术前线 ▼ 这是我的一个老熟人的 ...

  6. 前端,后端,全栈哪个好找工作?

    因为学得太多了,没有真正精通的,我应该拿什么技术来应聘什么岗位最合适呢?求指教,最近真的很慌- 有一个优势是, 建立在还没有毕业的前提下,前端和后端都涉及了,而且是已经接了外包的水平,这为你降低了试错 ...

  7. java计算机毕业设计前后端分离健身房管理系统源代码+数据库+系统+lw文档

    java计算机毕业设计前后端分离健身房管理系统源代码+数据库+系统+lw文档 java计算机毕业设计前后端分离健身房管理系统源代码+数据库+系统+lw文档 本源码技术栈: 项目架构:B/S架构 开发语 ...

  8. 一文说明前端和后端的区别、职业发展以及就业前景!

    前端和后端要做什么?前端开发和后端开发是软件开发的重要组成部分.前端开发主要做的是用户所能看到的前端展示界面:后端开发主要做的是逻辑功能等模块.要问哪个辛苦加班多?其实都差不多,毕竟技术研发行业都不会 ...

  9. IT 行业:前端和后端分别是要做什么?哪个方向加班时间更多?

    IT前端和后端要做什么?前端开发和后端开发是软件开发的重要组成部分.前端开发主要做的是用户所能看到的前端展示界面:后端开发主要做的是逻辑功能等模块.要问哪个辛苦加班多?其实都差不多,毕竟技术研发行业都 ...

最新文章

  1. CSS之关系选择器(子元素、后代、兄弟选择器)
  2. 32位数据源中没有mysql_如何在.NET中连接到MySQL数据库
  3. Pytorch之CNN:基于Pytorch框架实现经典卷积神经网络的算法(LeNet、AlexNet、VGG、NIN、GoogleNet、ResNet)——从代码认知CNN经典架构
  4. ps拨号服务器原理_呼叫中心的原理和功能
  5. MySQL中count方法和sum方法查询条件错误时返回结果
  6. 一个产品留言统计查寻的分析比较
  7. 运河杯交通违章 运行不起来
  8. 对飞行前请求的响应未通过访问控制检查:它没有http ok状态。_对不起,看完这篇HTTP,真的可以吊打面试官...
  9. 在Wireshark中过滤数据包
  10. 【Android】日常问题记录
  11. PAT乙级(1001 害死⼈不偿命的(3n+1)猜想)
  12. eZ Publish 的 Site.INI文件的中文翻译
  13. DPDK无锁队列rte_ring相关代码及示例程序(rte_ring.h,rte_ring.c,main.c,makefile)
  14. 2016年工作中遇到的问题41-50:Dubbo注册中心奇葩问题,wifi热点坑了
  15. SAR成像(一):线性调频信号(LFM)和脉冲压缩
  16. 连续时间与Balck-Scholes公式(上)(偏微分)
  17. CSS - 设置placeholder样式
  18. Windows---命令打开截图工具,.bat文件执行
  19. 标贝科技|AI企业级应用榜单发布,百度、讯飞、标贝科技等50家产品上榜
  20. git 命令带用户名密码

热门文章

  1. CC2541 SDA SCL 用作普通IO口
  2. 在线作图丨绘制组间网络分析(Network Analysis)
  3. C语言用头插法建立单链表
  4. 南京大学周志华教授综述论文:弱监督学习
  5. 使用tableau绘制出超市每天销售额的日历图
  6. 忘记iPhone锁屏密码?三种方法帮你顺利解决!
  7. Unity I18N 关于实现国际化功能的几种方式
  8. 研发中心项目考核方案
  9. 解决autojs报错:Wrapped java.lang.IllegalStateException: image has been recycled 。
  10. 白帽学院靶场之编辑器的奥秘(二)