亲宝软件园·资讯

展开

快速入门ASP.NET Core这篇就够了 快速入门ASP.NET Core看这篇就够了

依乐祝 人气:0

本来这篇只是想简单介绍下ASP.NET Core MVC项目的（毕竟要照顾到很多新手朋友），但是转念一想不如来点猛的（考虑到急性子的朋友），让你通过本文的学习就能快速的入门ASP.NET Core。既然是快速入门所以过多过深的内容我这里就一笔带过了！然后在后面的一些列文章中再慢慢的对其中的概念进行阐述。

.NET Core是什么

很多朋友看到.NET Core就认为是ASP.NET Core，其实这是有误区的，因为.NET Core 是开放源代码的通用开发平台 （是一个“平台”），基于这个开放平台我们可以开发像ASP.NET Core应用程序， Windows 10 通用 Windows 平台 (UWP),Tizen等等,而我们系列教程就是用.NET Core开发ASP.NET Core应用程序。而且由 Microsoft官方团队 和 .NET社区成员共同在 GitHub 上进行维护。 它跨平台（支持 Windows、macOS 和 Linux），并且可用于生成设备、云和 IoT 应用程序。

.NET Core 还具有以下特性：

什么是ASP.NET Core

ASP.NET Core 是一个由微软创建的，用于构建 web 应用、API、微服务 的 web 框架。它使用常见的模式，诸如 MVC（Model-View-Controller）、依赖注入，和一个由中间件构成的请求处理管道。它基于 Apache 2.0 许可证开放源码，就是说，源代码可以自由获取，并且欢迎社区成员以 缺陷修复 和 新功能提交 的方式进行贡献。

ASP.NET Core 运行在微软的 .NET 运行时库上，类似于 Java 的 虚拟机（JVM）或者 Ruby 的解释器。有几种语言（C#，Visual Basic，F#）可以用来编写 ASP.NET Core 程序。C# 是最常见的选择，当然我大多数人都是采用C#来进行开发的。你可以在 Windows、Mac，和 Linux 上构建并运行 ASP.NET Core 应用。

为什么要用ASP.NET Core开发应用程序

现存的 web 框架选项已经很多了：Node/Express、Spring、Ruby on Rails、Django、Laravel 等等，数不胜数。ASP.NET Core 又有什么可取之处呢？为什么要用ASP.NET Core开发应用程序呢？

数百万开发人员使用过（并将继续使用）ASP.NET 4.x创建 Web 应用。 ASP.NET Core 是重新设计的 ASP.NET 4.x，更改了体系结构，形成了更精简的模块化框架。

ASP.NET Core 同时具有如下优点：

NET Core环境搭建

在继续进行ASP.NET Core代码的编写前，我们需要安装 .NET Core的运行环境。这部分我们就一步一步的进行 .NET Core的环境搭建吧。

        1.首先你可以Google搜索一下.NET Core,如果没错的话第一个就是微软的官方下载地址，当然你可以点击这里进行下载 （目前sdk最新的是v2.1.500，runtime最新的版本是v2.1.6 ）进行开发的话下载SDK即可。

        2.双击你下载好的sdk然后傻瓜式的一步一步的进行安装即可，微软的软件的安装太简单的，以至于我如果再细说你们都会嫌我啰嗦了。所以，这里我只贴一张安装成功的图吧。

        3.接下来按住 Shift+鼠标右键，然后选择“在此处打开Powershell窗口”或者“在此处打开命令行窗口”。然后输入dotnet --info 查看下我们已经安装的.NET Core 的信息，当前运行的环境，已经以往安装的版本信息，我的版本比较多，因为我用了很长时间了。如果你第一次安装可能只有一个。出现下面第二张图的界面也就说明我们的.net core开发环境已经就绪了！下面就让我们撸起袖子开始干吧。

快速创建一个ASP.NET Core项目并进行实战演练

这里为了照顾到更多的小伙伴，我就不实用CLI命令行来创建ASP.NET Core项目了，还是中规中矩的使用VS2017吧！什么vs2017需要激活码？那你可以使用社区版的啊！社区版的话，学习已经够用了！废话说了一堆，我们开始吧！

        1.首先第一步肯定是打开你的VS2017了，然后点击左上角“文件”-》“新建”-》“项目”（或者你嫌麻烦，可以使用Ctrl+Shift+N这个快捷键），打开如下的创建新项目对话框，然后按照如图所示进行选择并点击确定吧（什么？你居然没创建成功？那么我觉得你是在侮辱我了）：

        2.哈哈，上图点击确定后并没有创建成功，而是会弹出下一个对话框，如下所示，他会让你选择目标框架是.NET Core还是.NET Framework;是选择创建一个空的解决方案还是创建一个带有模板的web项目！至于各自的区别，有兴趣的朋友可以每个都创建一下然后对比下各自的区别哦！这里我们按照下图所示选择MVC的web应用程序：

        3.创建成功后，看到如下的结构，标准的MVC结构，不过跟.net framework时代的MVC又有所不同。wwwroot：网站的静态文件目录（为什么在这里就能加载呢？大家可以先思考下）

appsettings.json：配置文件，比如数据库连接字符串等等配置信息。

Program.cs：程序入口文件（里面有个Main方法）；

Startup.cs启动配置文件 ;

依赖项：管理项目所依赖的第三方组件的安装，配置，升级

Controller：控制器

Models：实体

Views：视图

由于篇幅有限，就不过多的讲解了。

        4.按下键盘的F5或者如下图所示点击运行按钮，看下效果吧！

        5.如果不出意外的话你将看到如下图所示的界面。

        6.看到没有，就这么简单我们就运行起来了一个ASP.NET Core的MVC站点。到这里是不是就已经结束了呢？骚年你想多了，因为我还要让你多会点东西。，所以这个第六条就是用来说废话的，然后作为一个分割。

        7.Models:在Models文件夹上右键新建两个类：一个Content类；一个ContentViewModel类 ,代码如下（这里就不教你怎么创建类了，如果跟你说了，那就是在侮辱你的智商了）：

namespace Sample01.Models
{
 /// <summary>
 /// 2018.11.19
 /// 祝雷
 /// 内容实体
 /// </summary>
 public class Content
 {
  /// <summary>
  /// 主键
  /// </summary>
  public int Id { get; set; }

  /// <summary>
  /// 标题
  /// </summary>
  public string title { get; set; }
  /// <summary>
  /// 内容
  /// </summary>
  public string content { get; set; }
  /// <summary>
  /// 状态 1正常 0删除
  /// </summary>
  public int status { get; set; }
  /// <summary>
  /// 创建时间
  /// </summary>
  public DateTime add_time { get; set; }
  /// <summary>
  /// 修改时间
  /// </summary>
  public DateTime modify_time { get; set; }
 }
}
namespace Sample01.Models
{
 /// <summary>
 /// 2018.11.19
 /// 祝雷
 /// Content视图模式
 /// </summary>
 public class ContentViewModel
 {
  /// <summary>
  /// 内容列表
  /// </summary>
  public List<Content> Contents { get; set; }
 }
}

        8.Controller:模型建好了，那么我们就新建一个控制器，然后再创建一些模拟的数据吧，代码如下：

namespace Sample01.Controllers
{
 /// <summary>
 /// 2018.11.19
 /// 祝雷
 /// Content控制器
 /// </summary>
 public class ContentController : Controller
 {
  /// <summary>
  /// 首页显示
  /// </summary>
  /// <returns></returns>
  public IActionResult Index()
  {
   var contents = new List<Content>();
   for (int i = 1; i < 11; i++)
   {
    contents.Add(new Content { Id=i,title=$"{i}的标题",content= $"{i}的内容",status=1, add_time=DateTime.Now.AddDays(-i)});
   }
   return View(new ContentViewModel { Contents=contents});
  }
 }
}

        9.Views:模型跟控制器都建好了，那我们就建一个视图来显示我们创建的数据吧！我们可以有很多种方式创建这个视图，这里给你介绍一种傻瓜式的，把鼠标放在Index大括号里面，然后鼠标右键选择创建视图，如下所示即可创建视图文件，位置在/Views/Content/Index.cshtml文件：

        10.我们按照如下的代码稍微改造下这个View：

@model ContentViewModel
@using Humanizer;
@{
 ViewData["Title"] = "内容列表";
}

<div class="panel panel-default todo-panel">
 <div class="panel-heading">@ViewData["Title"]</div>

 <table class="table table-hover">
  <thead>
   <tr>
    <td> <input type="checkbox" class="done-checkbox"></td>
    <td>序号</td>
    <td>标题</td>
    <td>内容</td>
    <td>添加时间</td>
   </tr>
  </thead>

  @foreach (var item in Model.Contents)
  {
  <tr>
   <td>
    <input type="checkbox" class="done-checkbox">
   </td>
   <td>@item.Id</td>
   <td>@item.title</td>
   <td>@item.content</td>
   <td>@item.add_time.Humanize()</td>

  </tr>
  }
 </table>
</div>

        11.然后修改下布局文件，位于 Views/Shared/_Layout.cshtml 的布局文件里面存放着所有视图的“基础”HTML。其中就包括导航栏，它被显示在每个页面的顶端。为了向导航栏添加新条目，我们需要再这个文件中增加我们的Content栏目，代码如下：

<li><a asp-area="" asp-controller="Content" asp-action="Index">Content</a></li>

        12.到这里代码基本完成，按下你的F5键，然后导航到Content看下效果吧：

        13.这里是真的结束了！

源代码

你以为我会上传源代码？骚年，想什么呢，这么简单，还是自己敲下吧！不要妄图做眼高手低的人哦！ 另外，如果你按照代码一步一步的敲出来，可能也不能运行成功，What？因为视图中有一个Nuget包需要你自己来添加，而我没指出来，目的就是要大家自己动手来解决一下哈！再啰嗦一句，不要做眼高手低的人哦！

总结

好了，又到了总结时间，本文首先给你讲解了什么是.NET Core?什么又是ASP.NET Core？接着带着你一步一步的配置了.NET Core的开发环境。最后又带着你一步一步的创建了一个ASP.NET Core的mvc项目，同时又通过一个实战教你如何在页面显示一个Content的列表。如果你跟着楼主一点一点的把代码敲起来，然后跑起来了！那么你会发现ASP.NET Core原来这么简单。什么？你觉得简单？那么下一篇文章，博主就带给你一些复杂的概念，什么依赖注入啊，配置文件的加载啊（分析下源码呗）等等！至此，快速入门ASP.NET Core看这篇就够了，圆满结束。

加载全部内容
相关教程
猜你喜欢
用户评论