ASP.NET5系列教程(四):向视图中添加服务和发布应用到公有云-创新互联

向视图中添加服务

现在,ASP.NET MVC 6 支持注入类到视图中,和VC类不同的是,对类是公开的、非嵌套或非抽象并没有限制。在这个例子中,我们创建了一个简单的类,用于统计×××事件、已完成事件和平均优先级的服务。

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于做网站、成都网站制作、靖西网络推广、小程序开发、靖西网络营销、靖西企业策划、靖西品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联建站为所有大学生创业者提供靖西建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
1. 添加命名为Services 的文件夹,在该文件夹下添加名称为 StatisticsService.cs的类:

StatisticsService 类代码设计如下:

using System.Linq;
using System.Threading.Tasks;
using TodoList.Models;

namespace TodoList.Services
{
  public class StatisticsService
  {
    private readonly ApplicationDbContext db;

    public StatisticsService(ApplicationDbContext context)
    {
      db = context;
    }

    public async Task<int> GetCount()
    {
      return await Task.FromResult(db.TodoItems.Count());
    }

    public async Task<int> GetCompletedCount()
    {
      return await Task.FromResult(
          db.TodoItems.Count(x => x.IsDone == true));
    }

    public async Task<double> GetAveragePriority()
    {
      return await Task.FromResult(
          db.TodoItems.Average(x =>
                     (double?)x.Priority) ?? 0.0);
    }
  }
}
2. 更新Index 视图注入×××事项数据,在文件顶部添加以下代码声明注入的服务:

@inject TodoList.Services.StatisticsService Statistics

添加标记调用 StatisticsService:

<div>@Html.ActionLink("Create New Todo", "Create", "Todo") </div>
    </div>

    <div class="col-md-4">
        @await Component.InvokeAsync("PriorityList", 4, true)

      <h4>Stats</h4>
      <ul>
        <li>Items: @await Statistics.GetCount()</li>
        <li>Completed:@await Statistics.GetCompletedCount()</li>
        <li>Average Priority:@await Statistics.GetAveragePriority()</li>
      </ul>
    </div>
</div>

以下是该文件的完整代码:

@inject TodoList.Services.StatisticsService Statistics
@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h2>ASP.NET vNext</h2>
</div>

<div class="row">
    <div class="col-md-4">
        @if (Model.Count == 0)
        {
            <h5>No Todo Items</h5>
        }
        else
        {
            <table>
                <tr><th>TODO</th><th></th></tr>
                @foreach (var todo in Model)
                {
                    <tr>
                        <td>@todo.Title </td>
                        <td>
                            @Html.ActionLink("Details", "Details", "Todo", new { id = todo.Id }) |
                            @Html.ActionLink("Edit", "Edit", "Todo", new { id = todo.Id }) |
                            @Html.ActionLink("Delete", "Delete", "Todo", new { id = todo.Id })
                        </td>
                    </tr>
                }
            </table>
                            }
        <div>@Html.ActionLink("Create New Todo", "Create", "Todo") </div>
    </div>

    <div class="col-md-4">
        @await Component.InvokeAsync("PriorityList", 4, true)

      <h4>Stats</h4>
      <ul>
        <li>Items: @await Statistics.GetCount()</li>
        <li>Completed:@await Statistics.GetCompletedCount()</li>
        <li>Average Priority:@await Statistics.GetAveragePriority()</li>
      </ul>
    </div>
</div>

3. 在 Startup.cs 文件中注册StatisticsService 类:
// This method gets called by the runtime.
public void ConfigureServices(IServiceCollection services)
{
  // Add EF services to the services container.
  services.AddEntityFramework(Configuration)
      .AddSqlServer()
      .AddDbContext<ApplicationDbContext>();

  // Add Identity services to the services container.
  services.AddDefaultIdentity<ApplicationDbContext, ApplicationUser, IdentityRole>(Configuration);

  // Add MVC services to the services container.
  services.AddMvc();

  services.AddTransient<TodoList.Services.StatisticsService>();
}

以下是效果图:

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

发布应用到公有云

发布应用到公有云,你需要申请 Microsoft Azure 帐号,如果没有,可以通过以下链接注册:activate your MSDN subscriber benefits 或 sign up for a free trial.

1. 右键点击 TodoList 工程> 发布

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

2. 在发布对话框中,点击 Microsoft Azure Websites 并登陆公有云帐号。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

3. 点击 New。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

4. 输入site name 和region。如果你之前没有创建过数据服务器,需要新建,否则可以使用原有的数据库服务器。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云
数据库服务器是一个宝贵的资源。最好使用现有服务器进行测试和开发。然而由于没有密码校验机制,密码输入错误时不会有错误提示,只有在应用实际访问数据库时才会报错。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

5. 在Connection 标签中点击> Next。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

6. 在Settings 标签中,选择 KRE 版本。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

7. 点击 Publish。

8. 好了,至此你的应用就发布到公有云了,以下是效果图。

ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

原文链接:http://www.asp.net/vnext/overview/aspnet-vnext/vc#inj

系列文章目录:

  • ASP.NET 5系列教程 (一):领读新特性

  • ASP.NET 5系列教程 (二):Hello World

  • ASP.NET 5系列教程 (三):view components介绍

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

当前题目:ASP.NET5系列教程(四):向视图中添加服务和发布应用到公有云-创新互联
本文网址:https://www.cdcxhl.com/article46/deijhg.html

成都网站建设公司_创新互联,为您提供用户体验营销型网站建设网站设计公司定制开发网站收录App设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发