向视图中添加服务

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

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)
      <h3>Stats</h3>
      <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">
    <h1>ASP.NET vNext</h1>
</div>
<div class="row">
    <div class="col-md-4">
        @if (Model.Count == 0)
        {
            <h4>No Todo Items</h4>
        }
        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)
      <h3>Stats</h3>
      <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>();
}

以下是效果图:

发布应用到公有

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

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

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

3. 点击 New。

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


数据库服务器是一个宝贵的资源。最好使用现有服务器进行测试和开发。然而由于没有密码校验机制,密码输入错误时不会有错误提示,只有在应用实际访问数据库时才会报错。

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

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

7. 点击 Publish。

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

以上内容,介绍了如何向视图中添加服务和发布应用到公有云中,大家可以将这些知识运用到实际开发中。开发时还可以借助一些工具。ComponentOne Studio for ASP.NET 是ASP.NET平台上的一整套完备的开发工具包,用于在各种浏览器中创建和设计具有现代风格的Web应用程序。

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

系列文章目录:

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

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

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

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

  1. ASP.NET 5系列教程(七)完结篇-解读代码

     在本文中,我们将一起查看TodoController 类代码. [Route] 属性定义了Controller的URL 模板: [Route("api/[controller]&quo ...

  2. ASP .NET Core Web Razor Pages系列教程四:使用数据库进行交互 entity-framework(MySQL/MariaDB 版)

    系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客 系列教程代码的GitHub地址:ASP .Net Core Razor ...

  3. ASP .NET Core Web Razor Pages系列教程四:使用数据库进行交互(SqlServer 版)

    系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客 上一个教程:ASP .NET Core 系列教程三:自动生成Razor ...

  4. docker 打包镜像_Spring Boot2 系列教程(四十一)部署 Spring Boot 到远程 Docker 容器

    不知道各位小伙伴在生产环境都是怎么部署 Spring Boot 的,打成 jar 直接一键运行?打成 war 扔到 Tomcat 容器中运行?不过据松哥了解,容器化部署应该是目前的主流方案. 不同于传 ...

  5. 【ASP.NET Identity系列教程(三)】Identity高级技术

    注:本文是[ASP.NET Identity系列教程]的第三篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...

  6. 史上最详细的Android Studio系列教程四--Gradle基础

    史上最详细的Android Studio系列教程四--Gradle基础 转载于:https://www.cnblogs.com/zhujiabin/p/5125917.html

  7. ASP.NET MVC3 系列教程 - 目录

    I:ASP.NET MVC3 新增的功能 ASP.NET MVC3 系列教程 - Razor视图引擎基础语法 ASP.NET MVC3 系列教程 - View的变化 ASP.NET MVC3 系列教程 ...

  8. [沁恒单片机系列]一、Keil中添加沁恒单片机型号

    [沁恒单片机系列]一.Keil中添加沁恒单片机型号 1.前言 2.解决方法 1.前言 偶然了解到沁恒的CH552T带的USB单片机,价格非常美丽,性能也不错,主频高达24MHZ,官方提供的WCHSPT ...

  9. asp.NET自定义服务器控件内部细节系列教程四

    如大家要转载,请保留本人的版权: /* *Description:asp.NET自定义服务器控件内部细节系列教程 *Auther:崇崇-天真的好蓝 *MSN:chongchong2008@msn.co ...

最新文章

  1. MathExam任务一
  2. 9.03-Springboot要点记录
  3. VSCode中怎么改变文件夹的图标
  4. Java 高级—— IO 基础
  5. Linux下MySQL忘记root密码及解决办法
  6. 监督学习 | 集成学习 之AdaBoost、梯度提升及Slearn实现
  7. iPhone和SSH
  8. IOS开发中的几种设计模式
  9. ArcGIS Pro 简明教程(3)数据编辑
  10. Spring Data REST PATCH请求远程代码执行漏洞(CVE-2017-8046) 本地复现方法
  11. vs2008 SP1 安装问题小解决方案
  12. 微信小程序(引入Iconfont 阿里巴巴矢量图标库 )
  13. linux挂载ipsan存储,centos系统ISCSI挂载IPSAN存储
  14. 分享一些常用软件序列号及注册码
  15. LeetCode 714. 买卖股票的最佳时机含手续费
  16. linux解压apk文件,关于ipa和apk文件的解压
  17. node-sails后台搭建
  18. 新浪开放平台:解决获取access_token抛 21323 异常,以及接口调用
  19. MySQL 基础——MySQL 起步
  20. VS Code 空闲时的 CPU 使用率是 13%

热门文章

  1. java整形超过,Java整形溢出处理机制。
  2. 第一章计算机基础知识第一节,第一章 计算机基础知识 第一节
  3. android ip 黑白名单,GaussDB T 单机 IP黑白名单配置
  4. android筛选cookie,服务器无法从Android手机识别Cookie
  5. 晶体三极管如何工作的?不,我是问它的真实工作原理
  6. abb焊接机器人编程全解_焊接机器人的焊枪编程也是很重要的
  7. android触摸事件分发,Android 事件分发机制
  8. mysql连接池失效_连接池隔天失效之异常处理
  9. linux install命令文件夹,详解Linux系统中的install命令的用法
  10. java实型常量用十六进制表示_[Java入门笔记] Java语言基础(二):常量、变量与数据类型...