zoukankan      html  css  js  c++  java
  • ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云

    向视图中添加服务

    现在,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>();
    
    }

    以下是效果图:

    image

    发布应用到公有

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

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

    image

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

    image

    3. 点击 New。

    image

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

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

    image

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

    image

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

    image

    7. 点击 Publish。

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

    image

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

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

    系列文章目录:

  • 相关阅读:
    10、代码块、构造代码块、静态代码块及main方法之间的关系
    2.0、Hibernate框架的简单搭建
    1.0、Struts2的简单搭建方法
    5、Servlet的使用
    angular组件之间的通信
    angular项目中遇到的问题
    ng-zorro-mobile中遇到的问题
    angular管道操作符的使用
    angular路由配置以及使用
    搭建Angular环境
  • 原文地址:https://www.cnblogs.com/powertoolsteam/p/ASP_Net5_4.html
Copyright © 2011-2022 走看看