跳转至

引言

万维网（WWW）是由很多链接在一起的文档和资源构成的，为此万维网联盟（W3C）制定了一系列标准，比如

  • 结构标准语言：XML、HTML
  • 行为标准语言：DOM、ECMAScript
  • 表现标准语言：CSS

架构

  • 去中心化
    • P2P（Peer-to-Peer）不区分客户端和服务端，两端是对等关系
  • 中心化
    • C/S（Client/Server）区分为客户端和服务端，客户端是主机上的程序
    • B/S（Browser/Server）区分为客户端和服务端，客户端是浏览器

无论服务端，还是客户端，运行的单位都是进程。

20240616204339

一台机器上可以部署运行多个服务，比如同时开启了 SSH 服务和 HTTP 服务等。

一个客户端同一个时刻也可以建立多个到不同服务器的连接，比如同时购物、刷视频、看新闻等。

20220908142430

Web 服务器，又叫 HTTP 服务器，主要处理静态资源，应用服务器，主要处理动态资源

框架模型

不同模型的区别在于用户界面、业务逻辑、数据层之间如何交互

MVC

Modle-View-Controller

20240628131242

  • View 传送指令到 Controller
  • Controller 完成业务逻辑后，要求 Model 改变状态
  • Model 将新的数据发送到 View，用户得到反馈

MVC 可以通过 View 接受指令，也可以通过 Controller 接受指令，其它模型基本都是基于 MVC 演变的

MVP

Model-View-Presenter

20240628133700

View 与 Model 不直接发生联系，都通过 Presenter 传递，常用于 Android 和 .NET 开发

MVVM

Model-View-ViewModel

与 MVT 唯一的区别就是采用双向绑定，常见于 Vue、AngularJS 等框架

MVT

Model-View-Template

20240625232057

  • Template 类似 MVC 中的 View
  • View 逻辑控制层，控制逻辑
  • Model

前后端分离

  • 未分离

后端控制前端的展示，渲染页面或重定向，

经典的 MVC 框架时代：Servlet + Jsp + JavaBean

  • 半分离

前端负责开发页面，通过 Ajax 获取数据，采用 Dom 操作对页面进行数据绑定，最终由前端把页面渲染出来

后端框架为主的 Java 框架时代：SSM（Spring + SpringMVC + Mybatis）, SSH（Spring + Struts2 + Hibernate）

  • 分离

无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外只提供数据即可

前端框架为主的 MVVM 时代：VueJS、AngularJS、ReactJS

再到 Node.js 引领的全栈时代

评论