记第一次用mvc写后台接口

以前一直在写前端,在习惯了后台提供接口以后,我在新公司须要一我的独自开发整个项目,这就不得不学着本身给本身写接口,网上关于这样的帖子比比皆是,借鉴了不少打算本身整理一份记录下来。前端


  1. 打开VS 新建项目(用的VS2017社区版)

clipboard.png

clipboard.png

这里选择MVC 若是要用到Web API的路由,能够勾选,身份验证什么的暂且不谈先不验证。web

clipboard.png

这是项目结构数据库

  1. 添加控制器,我这里选择的是webAPI

clipboard.png

clipboard.png

先新建一个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

clipboard.png

建立成功以后还须要建立一个数据库connectionStringpost

clipboard.png

将数据表拖入LINQ文件中spa

clipboard.png

如今开始写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();
        }
    }

好了 如今就能够跨域了~ 完成

相关文章
相关标签/搜索