以前一直在写前端,在习惯了后台提供接口以后,我在新公司须要一我的独自开发整个项目,这就不得不学着本身给本身写接口,网上关于这样的帖子比比皆是,借鉴了不少打算本身整理一份记录下来。前端
这里选择MVC 若是要用到Web API的路由,能够勾选,身份验证什么的暂且不谈先不验证。web
这是项目结构数据库
先新建一个User的控制器跨域
using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Net.Http; using System.Web.Http; namespace mvcDemo.Controllers { public class UserController : ApiController { } }
这是控制器中的代码,固然咱们确定要操做数据库,因此咱们再新建一个LINQ文件mvc
建立成功以后还须要建立一个数据库connectionStringpost
将数据表拖入LINQ文件中spa
如今开始写UserControlercode
using mvcDemo; using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Net.Http; using System.Web; using System.Web.Http; namespace mvcDemo.Controllers { public class UserController : ApiController { UserDataContext dc = new UserDataContext(); [HttpGet] public Resp getUser(int id) { Resp resp = new Resp(); List<User> list = new List<User>(); list = dc.User.Where(x => x.Id == id).ToList(); resp.Code = 200; resp.Data = list; resp.Message = "查询成功"; return resp; } [HttpPost] public Resp addUser(User user) { Resp resp = new Resp(); User item = new User(); item.Name = user.Name; item.Age = user.Age; item.Address = user.Address; dc.User.InsertOnSubmit(item); dc.SubmitChanges(); resp.Code = 200; resp.Data = null; resp.Message = "添加成功"; return resp; } } public class Resp { public int Code { get; set; } public List<User> Data { get; set; } public string Message { get; set; } } }
这里提供了两个接口 一个是根据id查询用户,第二个是添加用户。如今能够运行程序,用postman 发送请求发现跨域还没实现,因此要在web.config的system.webServer节点中添加代码blog
<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> </customHeaders> </httpProtocol>
若是涉及到options请求405的问题。
尝试删除web.config中<remove name="OPTIONSVerbHandler" />
而且在global.asax中添加接口
protected void Application_BeginRequest() { if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS") { Response.End(); } }
好了 如今就能够跨域了~ 完成