一、MVC框架
MVC代表Model、View、Controller,即模型、视图、控制器。其中:
- View(视图):就是人机交互界面,可以给用户显示业务逻辑数据,同时也可以 接收用户输入的数据。
- Model(模型):程序的业务数据和业务逻辑处理部分,Model提供视图的显示数据,且一个Model能为多个视图提供业务数据,因此Model也增加了代码的复用性。
- 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"; //设置的布局