webapi 添加index页面_asp.net core webapi如何添加html页面 - CSDN
精华内容
参与话题
  • 示例代码下载地址:http://download.csdn.net/detail/gangzhucoll/9844909 HTTP不仅仅是为了提供网页。它也是构建公开服务和数据的API的强大平台。HTTP简单,灵活,无所不在。... ASP.NET Web API

    示例代码下载地址:http://download.csdn.net/detail/gangzhucoll/9844909

    HTTP不仅仅是为了提供网页。它也是构建公开服务和数据的API的强大平台。HTTP简单,灵活,无所不在。几乎任何您可以想到的平台都有一个HTTP库,所以HTTP服务可以覆盖广泛的客户端,包括浏览器,移动设备和传统的桌面应用程序。

    ASP.NET Web API是在.NET Framework之上构建Web API的框架。在本教程中,您将使用ASP.NET Web API创建返回产品列表的Web API。

    本教程中使用的软件版本

    创建一个Web API项目

    在本教程中,您将使用ASP.NET Web API创建返回产品列表的Web API。前端网页使用jQuery显示结果。

    启动Visual Studio并从“ 开始”页面选择“ 新建项目”或者,从文件菜单中选择新建,然后选择项目

    在“ 模板 ”窗格中,选择“已安装的模板”并展开Visual C#节点。Visual C#下,选择Web在项目模板列表中,选择ASP.NET Web应用程序。将项目命名为“ProductsApp”,然后单击“确定”

    在“ 新建ASP.NET项目 ”对话框中,选择“ 空”模板。在“添加文件夹和核心参考”下,查看Web API。单击确定

    注意

    您还可以使用“Web API”模板创建一个Web API项目。Web API模板使用ASP.NET MVC提供API帮助页面。我正在使用本教程的空模板,因为我想显示没有MVC的Web API。一般来说,你不需要知道ASP.NET MVC来使用Web API。

    添加模型

    一个模型是代表你的应用程序中的数据的对象。ASP.NET Web API可以自动将您的模型序列化为JSON,XML或其他格式,然后将序列化数据写入HTTP响应消息的正文。只要客户端可以读取序列化格式,就可以反序列化对象。大多数客户端可以解析XML或JSON。此外,客户端可以通过在HTTP请求消息中设置Accept头来指示所需的格式。

    我们先来创建一个代表产品的简单模型。

    如果解决方案资源管理器尚未显示,请单击查看菜单,然后选择解决方案资源管理器在解决方案资源管理器中,右键单击Models文件夹。从上下文菜单中,选择添加,然后选择

    将类命名为“产品”。将以下属性添加到Product类中。

    namespace ProductsApp.Models
    {
        public class Product
        {
            public int Id { get; set; }
            public string Name { get; set; }
            public string Category { get; set; }
            public decimal Price { get; set; }
        }
    }

    添加控制器

    在Web API中,控制器是处理HTTP请求的对象。我们将添加一个控制器,可以返回产品列表或由ID指定的单个产品。

    注意

    如果您使用ASP.NET MVC,您已经熟悉了控制器。Web API控制器类似于MVC控制器,但继承ApiController类而不是Controller类。

    解决方案资源管理器中,右键单击Controllers文件夹。选择添加,然后选择控制器

    在“ 添加脚手架 ”对话框中,选择“ Web API控制器” - “空”。单击添加

    在“ 添加控制器 ”对话框中,命名控制器“ProductsController”。单击添加

    脚手架在Controllers文件夹中创建一个名为ProductsController.cs的文件。

    注意

    您不需要将控制器放入名为Controllers的文件夹中。文件夹名称只是组织源文件的一种方便的方法。

    如果此文件尚未打开,请双击该文件将其打开。用以下代码替换此文件中的代码:

    using ProductsApp.Models;
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Net;
    using System.Web.Http;
    
    namespace ProductsApp.Controllers
    {
        public class ProductsController : ApiController
        {
            Product[] products = new Product[] 
            { 
                new Product { Id = 1, Name = "Tomato Soup", Category = "Groceries", Price = 1 }, 
                new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M }, 
                new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M } 
            };
    
            public IEnumerable<Product> GetAllProducts()
            {
                return products;
            }
    
            public IHttpActionResult GetProduct(int id)
            {
                var product = products.FirstOrDefault((p) => p.Id == id);
                if (product == null)
                {
                    return NotFound();
                }
                return Ok(product);
            }
        }
    }

    为了保持这个例子的简单,产品被存储在控制器类的固定数组中。当然,在实际应用中,您可以查询数据库或使用其他外部数据源。

    控制器定义了返回产品的两种方法:

    • GetAllProducts方法将整个产品列表作为IEnumerable <Product>类型返回。
    • GetProduct方法通过其ID来查找单个产品。

    而已!你有一个工作的Web API。控制器上的每个方法对应于一个或多个URI:

    控制器方法 URI
    GetAllProducts / API /产品
    GetProduct / api / products / id

    对于该GetProduct方法,URI中的id是占位符。例如,要获得ID为5的产品,URI为api/products/5

    有关Web API如何将HTTP请求路由到控制器方法的更多信息,请参阅ASP.NET Web API中的路由

    使用Javascript和jQuery调用Web API

    在本节中,我们将添加一个使用AJAX调用Web API的HTML页面。我们将使用jQuery来进行AJAX调用,并且还可以使用结果更新页面。

    在解决方案资源管理器中,右键单击项目,然后选择添加,然后选择新建项

    添加新项目对话框中,选择Visual C#Web节点,然后选择HTML页面项目。将页面命名为“index.html”。

    用以下内容替换此文件中的所有内容:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>Product App</title>
    </head>
    <body>
    
      <div>
        <h2>All Products</h2>
        <ul id="products" />
      </div>
      <div>
        <h2>Search by ID</h2>
        <input type="text" id="prodId" size="5" />
        <input type="button" value="Search" οnclick="find();" />
        <p id="product" />
      </div>
    
      <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
      <script>
        var uri = 'api/products';
    
        $(document).ready(function () {
          // Send an AJAX request
          $.getJSON(uri)
              .done(function (data) {
                // On success, 'data' contains a list of products.
                $.each(data, function (key, item) {
                  // Add a list item for the product.
                  $('<li>', { text: formatItem(item) }).appendTo($('#products'));
                });
              });
        });
    
        function formatItem(item) {
          return item.Name + ': $' + item.Price;
        }
    
        function find() {
          var id = $('#prodId').val();
          $.getJSON(uri + '/' + id)
              .done(function (data) {
                $('#product').text(formatItem(data));
              })
              .fail(function (jqXHR, textStatus, err) {
                $('#product').text('Error: ' + err);
              });
        }
      </script>
    </body>
    </html>

    有几种方法来获取jQuery。在这个例子中,我使用了Microsoft Ajax CDN。您还可以从http://jquery.com/下载它,ASP.NET“Web API”项目模板也包括jQuery。

    获取产品列表

    要获取产品列表,请发送HTTP GET请求到“/ api / products”。

    jQuery getJSON函数发送一个AJAX请求。对于响应包含JSON对象的数组。该done函数指定在请求成功时调用的回调。在回调中,我们使用产品信息更新DOM。

    $(document).ready(function () {
        // Send an AJAX request
        $.getJSON(apiUrl)
            .done(function (data) {
                // On success, 'data' contains a list of products.
                $.each(data, function (key, item) {
                    // Add a list item for the product.
                    $('<li>', { text: formatItem(item) }).appendTo($('#products'));
                });
            });
    });

    通过ID获取产品

    要通过ID获取产品,请将HTTP GET请求发送到“/ api / products / id ”,其中id是产品ID。

    function find() {
        var id = $('#prodId').val();
        $.getJSON(apiUrl + '/' + id)
            .done(function (data) {
                $('#product').text(formatItem(data));
            })
            .fail(function (jqXHR, textStatus, err) {
                $('#product').text('Error: ' + err);
            });
    }

    我们仍然呼吁getJSON发送AJAX请求,但这次我们把ID放在请求URI中。此请求的响应是单个产品的JSON表示。

    运行应用程序

    按F5开始调试应用程序。网页应如下所示:

    2

    要通过ID获取产品,请输入ID并单击搜索:

    如果您输入的ID无效,则服务器返回HTTP错误:

    使用F12查看HTTP请求和响应

    当您使用HTTP服务时,查看HTTP请求和请求消息非常有用。您可以使用Internet Explorer 9中的F12开发人员工具来执行此操作。从Internet Explorer 9中,按F12打开工具。单击网络选项卡,然后按开始捕获。现在回到网页,按F5重新加载网页。Internet Explorer将捕获浏览器和Web服务器之间的HTTP流量。摘要视图显示页面的所有网络流量:

    找到相对URI“api / products /”的条目。选择此条目,然后单击转到详细视图在详细视图中,有选项卡来查看请求和响应标题和主体。例如,如果您单击请求标题选项卡,您可以看到客户端在Accept标头中请求“application / json”。

    如果您单击响应体选项卡,您可以看到产品列表如何序列化为JSON。其他浏览器具有相似的功能。另一个有用的工具是Fiddler,一个Web调试代理。您可以使用Fiddler查看您的HTTP流量,还可以编写HTTP请求,从而可以完全控制请求中的HTTP头。


    展开全文
  • Web API系列教程】1.1 — ASP.NET Web API入门

    万次阅读 多人点赞 2016-02-26 17:12:25
    前言HTTP不仅仅服务于web页面,同时也是构建暴露服务和数据的API的强大平台。HTTP有着简单、灵活和无处不在的特点。你能想到的几乎所有平台都包含有一个HTTP库,所以HTTP服务可以遍及广泛的客户端,包括浏览器、移动...

    前言

    HTTP不仅仅服务于web页面,同时也是构建暴露服务和数据的API的强大平台。HTTP有着简单、灵活和无处不在的特点。你能想到的几乎所有平台都包含有一个HTTP库,所以HTTP服务可以遍及广泛的客户端,包括浏览器、移动设备和传统桌面应用程序。

    ASP.NET Web API是一个在.NET框架上构建web API的框架。在本教程中,你将使用ASP.NET Web API来创建一个返回产品列表的web API。

    创建Web API项目

    在本教程中,你将使用ASP.NET Web API来创建一个返回产品列表的web API。前端页面使用jQuery来显示结果。

    这里写图片描述

    开启Visual Studio并在开始页面选择New Project。或者在File目录下选择New,然后选择Project。

    在Template面板中,选择Installed Templates,然后展开Visual C#节点。在Visual C#节点下,选择Web。在项目模板列表中,选择ASP.NET Web Application。命名项目为“ProductsApp”并点击OK。

    这里写图片描述

    在NEW ASP.NET Project对话框中,选择Empty模板。在”Add folders and core references for”,选中Web API。点击OK。

    注释:你也可以用“Web API”模板来创建Web API。Web API模板使用了ASP.NET MVC来提供API的帮助页面。我在本教程中使用Empty模板是因为我希望不用MVC来展示Web API。通常,你不必了解ASP.NET MVC就能使用Web API。

    添加模型

    模型是在你的应用程序中表示数据的对象。ASP.NET Web API能够将你的模型自动序列化成JSON、XML或其他格式,然后将其序列化数据写入到HTTP响应消息的body中。只要客户端能够读取序列化格式,它就能够反序列化出对象。几乎所有客户端都能解析XML或JSON。而且,客户端还能通过在HTTP请求的Accept header中设置来指明它想要的格式。

    让我们来创建一个表示产品的简单模型吧。

    如果Solution Explorer没有显示出来,点击View菜单,然后选择Solution Explorer。在Solution Explorer中,右击Models文件夹。从上下文菜单中选择Add,然后选择Class。

    这里写图片描述

    命名该类为“Product”。添加以下属性到Product类中。

    namespace ProductsApp.Models
    {
        public class Product
        {
            public int Id { get; set; }
            public string Name { get; set; }
            public string Category { get; set; }
            public decimal Price { get; set; }
        }
    }

    添加控制器

    在Web API中,控制器(controller)是处理HTTP请求的对象。我们将添加一个能够根据ID来返回多个或一个产品的控制器。

    备注:如果你还没有使用过ASP.NET MVC,你应该已经对控制器很熟悉了。Web API的控制器和MVC的控制器很相近,但是它继承的是ApiController而不是Controller。

    在Solution Explorer中,右击Controllers文件夹。选择Add,然后选择Controller。

    这里写图片描述

    在Add Scaffold对话框中,选择Web API Controller – Empty。点击Add。

    这里写图片描述

    在Add Controller对话框,给控制器命名为”ProductsController”。点击Add。

    这里写图片描述

    接下来便会在Controllers文件夹下创建一个名为ProductsController.cs的文件。

    这里写图片描述

    备注:其实你不必非得把控制器添加到Controllers文件夹下。文件夹名称只是为了更方便你组织源文件。

    如果文件没有打开,那就双击文件打开它。在文件中替换成以下代码:

    using ProductsApp.Models;
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Net;
    using System.Web.Http;
    
    namespace ProductsApp.Controllers
    {
        public class ProductsController : ApiController
        {
            Product[] products = new Product[] 
            { 
                new Product { Id = 1, Name = "Tomato Soup", Category = "Groceries", Price = 1 }, 
                new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M }, 
                new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M } 
            };
    
            public IEnumerable<Product> GetAllProducts()
            {
                return products;
            }
    
            public IHttpActionResult GetProduct(int id)
            {
                var product = products.FirstOrDefault((p) => p.Id == id);
                if (product == null)
                {
                    return NotFound();
                }
                return Ok(product);
            }
        }
    }
    

    为了让示例简单化,products被存储在控制器类中的固定数组中。当然,在实际应用程序中,你可能想要查询数据库或使用其他外部数据源。

    控制器定义了两个返回产品的方法:
    1. GetAllProducts方法将整个产品列表作为IEnumerable类型返回。
    2. GetProduct方法通过它的ID来查找单个产品。

    没错,你已经有一个可以使用的web API了。控制器上的每个方法都对应一个或多个URI:

    Controlle Method URI
    GetAllProducts /api/products
    GetProduct /api/products/id

    对于GetProduct方法,URI中的id是一个占位符。例如,为了得到一个ID为5的产品,URI是api/products/5。

    使用JavaScript和jQuery来调用Web API

    在本节中,我们将添加一个使用AJAX来调用Web API的HTML页面。我们将使用jQuery来产生AJAX调用并用返回结果来更新页面。

    在Solution Explorer中,右击项目并选择Add,然后选择New Item。

    这里写图片描述

    在Add New Item对话框中,选择Visual C#下的Web节点,然后选择HTML Page选项。命名页面为“index.html”。

    这里写图片描述

    用以下代码替换文件中的全部:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>Product App</title>
    </head>
    <body>
    
      <div>
        <h2>All Products</h2>
        <ul id="products" />
      </div>
      <div>
        <h2>Search by ID</h2>
        <input type="text" id="prodId" size="5" />
        <input type="button" value="Search" onclick="find();" />
        <p id="product" />
      </div>
    
      <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
      <script>
        var uri = 'api/products';
    
        $(document).ready(function () {
          // Send an AJAX request
          $.getJSON(uri)
              .done(function (data) {
                // On success, 'data' contains a list of products.
                $.each(data, function (key, item) {
                  // Add a list item for the product.
                  $('<li>', { text: formatItem(item) }).appendTo($('#products'));
                });
              });
        });
    
        function formatItem(item) {
          return item.Name + ': $' + item.Price;
        }
    
        function find() {
          var id = $('#prodId').val();
          $.getJSON(uri + '/' + id)
              .done(function (data) {
                $('#product').text(formatItem(data));
              })
              .fail(function (jqXHR, textStatus, err) {
                $('#product').text('Error: ' + err);
              });
        }
      </script>
    </body>
    </html>
    

    有好几个方法去得到jQuery。在本例中,我使用Microsoft Ajax CDN。你也可以在http://jquery.com/下载它,让ASP.NET “Web API”项目包含jQuery。

    得到产品列表

    为了得到Products列表,可以发送一个HTTP的GET请求到“/api/products”。

    jQuery的getJSON函数会发送AJAX请求。其中包含了JSON对象数组。done函数指定了一个当请求成功时触发的回调。在回调中,我们用产品信息更新DOM。

    $(document).ready(function () {
        // Send an AJAX request
        $.getJSON(apiUrl)
            .done(function (data) {
                // On success, 'data' contains a list of products.
                $.each(data, function (key, item) {
                    // Add a list item for the product.
                    $('<li>', { text: formatItem(item) }).appendTo($('#products'));
                });
            });
    });
    

    通过ID得到产品

    如果想要通过ID来取得产品,可以发送HTTP的GET请求到”/api/products/id“,其中id就是产品的ID。

    function find() {
        var id = $('#prodId').val();
        $.getJSON(apiUrl + '/' + id)
            .done(function (data) {
                $('#product').text(formatItem(data));
            })
            .fail(function (jqXHR, textStatus, err) {
                $('#product').text('Error: ' + err);
            });
    }
    

    我们仍然使用getJSON来发送AJAX请求,但是这次我们将ID放到URI请求中。它的响应会是一个代表了单个产品的JSON对象。

    运行应用程序

    按F5开始调试应用程序,web页面看起来会是下面这样:

    这里写图片描述

    为了通过ID获得产品,输入ID并点击Search。

    这里写图片描述

    如果你输入了一个无效的ID,那么服务器就会返回HTTP错误消息。

    这里写图片描述

    使用F12查看HTTP请求和响应

    当你工作于HTTP服务时,如果能够查看HTTP请求和响应的详细无疑是非常有帮助的。你可以在IE9中使用F12开发者工具来做这些操作。在IE9中,按F12来打开工具。点击Network面板,并点击Start Capturing。现在返回到web页面,并按F5来重新加载web页面。IE将会捕捉到浏览器和web服务器之间的HTTP传输。下图显示了一个页面的所有HTTP传输。

    这里写图片描述

    定位到相对URI”api/products/“。选中并点击Go to detailed view。在详细视图中,这里多个面板用于查看请求和响应的header和body。

    例如,如果你点击Request headers,你就会看到客户端在Accept header请求了”application/json“。

    这里写图片描述

    如果你点击了Response body,你就会看到产品列表如何被序列化成JSON。其他浏览器也有相似的功能。另一个有用的工具是Fiddler,它是一个web调试代理工具。你可以使用Fiddler来查看HTTP传输,也可以合成HTTP请求,后者能够给予你在请求上对于HTTP头部的完全控制。

    展开全文
  • .NET CORE WebAPI 增加默认页面功能

    千次阅读 2019-07-12 09:22:09
    因为.NET CORE WebAPI 是基于MVC 但是它主要是提供数据结构支持不提供VIEW操作,所以默认是不具备默认页面显示功能的;如果需要显示默认页面请增加代码到 Startup 类中。 核心配置代码 public class Startup { ...

    目录

    功能描述

    核心配置代码

    核心代码


    功能描述

    因为.NET CORE WebAPI 是基于MVC 但是它主要是提供数据结构支持不提供VIEW操作,所以默认是不具备默认页面显示功能的;如果需要显示默认页面请增加代码到 Startup 类中。

    核心配置代码

     public class Startup
        {
            public Startup(IConfiguration configuration)
            {
                Configuration = configuration;
            }
    
            public IConfiguration Configuration { get; }
    
            // This method gets called by the runtime. Use this method to add services to the container.
            public void ConfigureServices(IServiceCollection services)
            {
                services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
            }
    
            // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
            public void Configure(IApplicationBuilder app, IHostingEnvironment env)
            { 
                DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
                defaultFilesOptions.DefaultFileNames.Clear();
                defaultFilesOptions.DefaultFileNames.Add("index.html");
                 
                //访问HTML 静态页面
                app.UseStaticFiles();
    
                if (env.IsDevelopment())
                {
                    app.UseDeveloperExceptionPage();
                }
                else
                {
                    app.UseHsts();
                }
    
                //跨域
                app.UseCors(configurePolicy => configurePolicy.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader().AllowCredentials());
                //使用 https 重定向功能
                app.UseHttpsRedirection();
                //使用 MVC
                app.UseMvc();
    
            }

    核心代码

     DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
                defaultFilesOptions.DefaultFileNames.Clear();
                defaultFilesOptions.DefaultFileNames.Add("index.html");
                 
                //访问HTML 静态页面
                app.UseStaticFiles();

     

    展开全文
  • .NET Web API 搭建Swagger

    千次阅读 2019-05-11 11:44:27
    3.生成web api项目后,添加controller文件 4.自动回生成content、views等文件夹及文件 5.可直接运行,程序异常 6.Global.asax添加配置 代码如下: protected void Application_...

    一、创建Net Web API项目

    1.新建web应用程序

    2.选择空模板,并且勾选web api 

    3.生成web api项目后,添加controller文件

     

    4.自动回生成content、views等文件夹及文件

    5.可直接运行,程序异常

    6.Global.asax 添加配置

    代码如下:

    protected void Application_Start()
    {
        //注册ASP.NET MVC应用程序中的所有区域。
        AreaRegistration.RegisterAllAreas();
    
        //配置WebApi
        GlobalConfiguration.Configure(WebApiConfig.Register);
    
        //注册过滤器
        FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
    
        //注册路由配置
        RouteConfig.RegisterRoutes(RouteTable.Routes);
    }

    7.修改路由配置,制定默认controller、action

    代码如下:

    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
    
        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            //defaults: new { action = "Index", id = UrlParameter.Optional }
        );
    }

    8.生成默认view

    9.重新编译,运行程序。成功显示home的index页面

     

    二、引入Swagger

    1.打开NuGet程序包

    2.“浏览”页签下,搜索swagger, 找到swashbuckle,右侧选择webapi项目,进行安装。

    3.找到swagger.net.ui,右侧选择webapi项目,进行安装。

    4.安装完成后,生成相关配置文件,可直接关闭掉nuget,

     

    三、配置Swagger

     

    1.修改默认页(前面步骤中生成的HomeController的index页面仅仅是测试用,到此步骤也可以删除掉)

    代码如下:

    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            //return View();
            return Redirect("~/swagger/ui/index"); 
        }
    }

    2.运行程序,出现报错,因为还缺少配置

    3.打开应用程序属性

    选择“生成”,勾选xml文档,这个xml里面会自动配置swagger

    4.打开SwaggerNet.cs,屏蔽如下两行代码。

    5.重新运行,看到下面页面则代表swagger配置成功。

     

    四、编写接口及调试

    1.新建测试model

    代码如下:

    namespace WebApi.Models
    {
        public class UserInfo
        {
            public int UserId { get; set; }
            public string UserName { get; set; }
        }
    
        ///
        public class UserInfoRestule : UserInfo
        {
            public int Age { get; set; }
            public string Email { get; set; }
        }
    }

    2.新建一个测试controller

    代码如下:

    namespace WebApi.Controllers
    {
        public class TestAPIController : ApiController
        {
            [HttpPost]
            public IHttpActionResult SetUserInfo(UserInfo dto)
            {
                UserInfoRestule info = new UserInfoRestule();
                info.UserId = dto.UserId;
                info.UserName = dto.UserName;
                info.Age = 18;
                info.Email = "xxxxx@xx.com";
                return Json<UserInfoRestule>(info);
            }
        }
    }

    3.重新运行,看到新建的接口。

    4.点击“TestAPI”,再点击“api/TestAPI”可打开接口详细内容。

    5.接口测试。得到后台返回响应,则接口陈宫

     

    五、注意说明

    接口地址为http://localhost:64530/api/TestAPI

     

     

    可利用Postman做测试

     

    展开全文
  • 可以先去控制面板中的IIS等应该选上的选项检查一遍,然后执行IIS注册 C:\Windows\Microsoft.NET\Framework\v4.0.30319>aspnet_regiis.exe -i 
  • 入门 ASP.NET Web API 2 (C#)

    万次阅读 2013-12-09 23:45:34
    HTTP 不只是为了生成 web 页面。它也是一个强大的建设公开服务和数据的 Api的平台。 HTTP 的特性:简单、 灵活和无处不在。... ASP.NET Web API 是用于生成基于.NET framework的web框架--- web Api。 在本
  • WebAPI请求——js调用

    万次阅读 2016-04-19 10:32:24
    http://www.cnblogs.com/babycool/p/3922738.html ...ASP.NET MVC学习系列(二)-WebAPI请求 ... MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理。 这里我
  • 页面操作权限验证是B/S系统的基础功能,一个功能复杂的业务应用系统,通过角色授权来控制用户访问,本文通过Form认证,Mvc的Controller基类及Action的权限验证来实现Web系统登录,Mvc前端权限校验以及WebApi服务端...
  • ASP.NET WebAPI 使用Swagger在线接口文档

    千次阅读 2018-06-21 14:19:57
    关于 SwaggerSwagger能成为最受欢迎的REST APIs文档生成工具之一,有以下几个原因:Swagger 可以生成一个具有互动性的API控制台,开发者可以用来快速学习和尝试API。Swagger 可以生成客户端SDK代码用于各种不同的...
  • ASP.NET WEB API入门实例

    万次阅读 2017-03-17 11:57:43
    1.WebApi是什么  ASP.NET Web API 是一种框架,用于轻松构建可以由多种客户端(包括浏览器和移动设备)访问的 HTTP 服务。ASP.NET Web API 是一种用于在 .NET Framework 上构建 RESTful 应用程序的理想平台。 ...
  • Maven新建webapp项目index.jsp报错

    万次阅读 多人点赞 2016-08-13 12:13:58
    最近用eclipse新建了一个maven项目,结果刚新建完成index.jsp页面就报错了,先把错误信息贴出来看看 后来就找资料,结果发现两种解决办法,希望可以帮助用得上的人! 第一种:直接在pom.xml文件中添加...
  • WebAPI使用加测试教程

    千次阅读 热门讨论 2018-04-16 16:18:50
    前言本文章是关于WebAPI的一些基础使用,和大家一起分享 一、 创建WebAPI项目  1. 新建项目 文件->新建->项目选择模板中的Web API 2. 新建Model类 右击Model->添加->类 测试时可以添加如下代码using System; ...
  • Asp.net WebApi 项目示例(增删改查)

    万次阅读 热门讨论 2014-06-25 16:42:33
    1.页面运行效果
  • c# WebApi之身份验证:Basic基础认证

    千次阅读 2017-11-27 14:58:22
    为什么需要身份认证身份认证是为了提高接口访问的安全性,如果没有身份验证,那么任何匿名用户只要知道服务器的url,就可以随意访问服务器,从而访问或者操作数据库,这会是很恐怖的事。...用户登录,登录成功后将生成...
  • 微信小程序内嵌H5页面

    万次阅读 2018-06-06 23:49:29
    web-view&gt; 标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名一致,否则在真机上是打不开的。如果开发工具上勾选了‘不校验域名’,在开发的时候还是能打开的,但也没用,线上是...
  • c# WebApi之解决跨域问题:Cors

    千次阅读 2017-11-27 14:57:49
    二、CORS解决跨域问题跨域资源共享( CORS )机制允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行。它解决跨域问题的原理是通过向http的请求报文和响应报文里面加入相应的标识告诉浏览器它能...
  • 开启静态网页 Startup.Configure: app.UseStaticFiles(); 设置主页 Startup.Configure: ...DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();...defaultFilesOptions.DefaultFileNames.Clear();...
  • Swagger UI 使用

    万次阅读 2016-09-10 08:53:05
    简介,基于Swagger UI其实是纯static的web程序,仅仅在页面加载的时候,调用http连接,获取yaml字符串或者json字符串,这里我将yaml文件和放到静态项目中,并使用tomcat启动,下面来看看怎么做的
  • WebAPI测试接口工具-WebApiTestClient

    千次阅读 2018-02-19 22:00:50
    (1)、将WebApi的接口放到了浏览器里面,以可视化的方式展现出来,比如我们通过http://localhost:11095/Help这个地址就能在浏览器里面看到这个服务里面所有的API接口以及接口的详细说明。 (2)、能够详细查看API...
1 2 3 4 5 ... 20
收藏数 69,001
精华内容 27,600
关键字:

webapi 添加index页面