MVC框架中的前端与后端数据传递及实例

一、MVC框架

MVC代表Model、View、Controller，即模型、视图、控制器。其中：

1. View(视图):就是人机交互界面，可以给用户显示业务逻辑数据，同时也可以 接收用户输入的数据。
2. Model(模型):程序的业务数据和业务逻辑处理部分，Model提供视图的显示数据，且一个Model能为多个视图提供业务数据，因此Model也增加了代码的复用性。
3. Controlle(控制器):用来接收从视图输入的参数，同时调用对应的Model模型对数据进行业务逻辑处理，同时将处理好的数据传递到对应的视图来显示给用户。

MVC三部分分工明确，降低了应用程序的耦合性。典型的MVC模型如下图所示（此图来自网络）。首先，用户通过视图View，向控制器Controller传递指令及数据；控制器Controller根据来自视图的View的指令、数据，抉择相应的模型Model，并由Model完成对数据库的增删改查操作及业务处理；最后控制器把处理后的数据通过视图呈现给用户。在MVC框架中，数据贯穿整个过程，前端后端间数据传递，是Web应用程序的重要工作。

二、前端从后端取数据

以ASP.NET的MVC为例，前端从后端分别获取文本数据及数据库数据（建议刚接触同学重点看文本数据的获取，亲自做一遍，感受一下其中的方法）：

1.前端通过ajax从后端获取文本数据

1）建立一个空的MVC程序，删除原有的控制器与视图，新建一个Test控制器，并右击控制器的Index方法，在弹出的对话框里选择“添加视图”，将在Views文件下自动建一个Test文件夹，内部含有一个Index.cshtml页面。

2）在Content文件夹下放一个名为txtData.txt文件，在里面加任意内容，并保存Unicode格式（防止加载后数据乱码）。

3）在Index.cshtml页面中，代码如下：

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";    //设置的布局