什么是框架？

在前面的章节中，我们讨论了前端和后端开发，以及两者之间的区别。现在，我们将探讨如何通过网页框架使两端的开发及其集成变得更加简单。

简介

网页框架被定义为一个由标准化代码文件和文件夹结构组成的软件包（如 HTML、CSS、JS 文件等），可用于支持网站开发，并作为构建网站的基础起点。本质上，框架提供了一些基本且标准的初始代码，使开发者能够在此基础上构建网站的核心内容。

大多数网站具有非常相似的结构，而框架的目的正是提供这种通用结构作为起点，使开发者无需从零开始重复构建，从而可以复用所提供的代码。因此，框架有助于简化网页开发流程。

MVC 架构

在介绍一些常见的框架类型之前，我们先来讨论框架所依赖的底层架构。大多数，甚至可以说所有，网页应用框架都基于 模型-视图-控制器（MVC）架构。该模式旨在将应用逻辑与用户界面分离，从而形成名称中的三个组成部分。

模型（Model）

模型负责存储应用程序的内容和结构信息。当从控制器接收到用户输入数据后，它会向视图组件传达必要的界面更新。

视图（View）

视图指的是应用程序的前端，也就是通常所说的 用户界面。它包含关于布局以及用户如何与各个部分交互的信息。视图接收用户输入，将其传递给控制器进行处理，并根据从模型返回的指令更新自身。

控制器（Controller）

控制器是模型与视图之间的中介。它从视图接收用户输入，进行处理，并协调两者之间的必要变更。

[MVC 架构]

关于 MVC 架构的小测验

框架类型

目前存在许多广泛使用的前端和后端框架，你可能已经听说过其中一些。此外，还有多种同构框架，它们同时适用于前端和后端，起到连接两者的桥梁作用。

前端（客户端）框架

1. Angular JS
2. Bootstrap
3. React.js
4. Backbone
5. Semantic-UI

后端（服务器端）框架

1. Express（JavaScript）
2. Symfony（PHP）
3. Django（Python）
4. Ruby on Rails（Ruby）
5. ASP .NET（C#）

同构（客户端-服务器端）框架

1. Meteor JS
2. Lazo.js
3. Rendr

---

现在我们已经了解了最常用的网页开发框架，接下来的课程中，我们将逐一分析这些框架的具体特性，帮助你做出明智的选择，决定哪一个框架适合你开始学习以开发自己的网页应用。