前端与后端分离交互开发

开发工具：HbuilderX、Visual Studio
关键技术：ajax异步、C# .net asp MVC
撰写时间：2019年4月14日作者：陈华周

在常规的C# .net asp MVC Web开发中，我们使用的是MVC模式进行开发（控制器、模型、视图），在强大的Visual Studio中开发，满足了model实体模型访问sql server、控制器后端编写，视图访问控制器获取数据，可是！一旦离开了Visual Studio编程工具，我们发现没有了MVC模式的控制器、模型、视图，该怎么办呢？
接下来就是我要讲解开发的思路分三点：
（1）、使用HbuilderX/等等前端开发工具（没有限制）
（2）、用Visual Studio自行搭建WebAPI接口
（3）、将WebAPI接口发布到IIS管理器上（本地部署/服务器部署）

创建一个WebAPI项目
前端与后端分离交互开发
选择 ASP.NET WEB应用程序

选择WebAPI模板

创建完WebAPI项目模板结构，添加一个Controller

创建了一个Controller，编写json方法，方法体声明一个string字符串变量，直接返回！

public JsonResult ProvingLogin()
{
            string TiShi = "json返回成功!";
            return Json(TiShi, JsonRequestBehavior.AllowGet);
}

在Visual Studio把webAPI接口选择发布进行编译，指定文件夹
前端与后端分离交互开发
本地IIS部署发布

在前端项目中使用ajax异步post去请求刚刚IIS发布的webAPI接口

			$.ajax({
					type: "post",
					url: 'http://192.168.74.1/',
					dataType: 'json',
					json: "callback",
					success: function(data) {
						console.log(data)
					},
					error: function(er) {
						console.log(er);
						alert("发生错误:" + er);
					}
				})

前端与后端分离交互开发

在编写代码的过程中多思考，多拓展，要会有进步！！！加油！！！