ASP.NET Core Web 应用程序傻瓜教程(详细图文解释)

一.首先我先说说.net core与.net farmwork 的区别(自己的见解):

1..net farmwork 它只能在windows系统上搭建项目,并且微软也没对它开源,

2.就是.net core可以跨平台  支持Windows，Linux和Mac OS平台开发

3.未来即.net core技术,.net core技术有较好的发展前景

总结:目前而言，.Net Framework是非常方便的平台，.Net Core的方便度尚不如.Net Framework。但是.Net Core的免费和跨平台特性，满足了很多小型面向业务型开发的公司的需求，是非常好的Java的替代品。

二:接下来就来创建一个属于自己的第一个.net core项目

1.首先找到我们要创建的项目(注意是c#语言,.net core项目):

2.点击下一步

3.然后点击创建(注意:版本号是2.1版本,平台是.net core开发平台,创建的是模型视图控制器)

4.再次点击创建,一个项目就创建完成了,至于创建项目下的文件及它的作用,我在这里就不一一介绍了,可以自行百度,创建好的项目如下图所示:

5.在models文件夹下创建一个类,Content类,代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace WebApplication5.Models
{
    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; }
    }
}

6.在控制器文件夹下创建一个控制器,名称叫:ContentController,在这里添加控制器的代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using WebApplication5.Models;

namespace WebApplication5.Controllers
{
    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 });
        }
    }
}

7.创建视图,视图创建好之后,添加如下代码:

@{
    ViewData["Title"] = "Index";
}

<h2>Index</h2>
<div class="panel panel-default todo-panel">
    <div class="panel-heading"></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</td>

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

8.以为这样就完成了吗?不,还没有,在view文件夹下的Shared的_Layout.cshtml页面导航栏下添加如下代码:

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

这行代码作用是为了我们的页面添加一个导航栏的选择项,显示出我们所要的效果,更直观的观看我们要实现的效果

9.完成以上步骤之后,你的第一个.net core web程序就创建好了,点击启动项目即可,出来的效果如下:

10.所有的步骤完成后,是不是以为你的效果就能实现了,中间添加视图时需要安装一个NuGet包,我这里没有写步骤,毕竟代码这一行,还是需要自己亲身实践才能学得会,找到问题并解决它也是一种能力.

一些代码我也是刚学习另一个博主的博客写出来的,原博主链接:  https://www.cnblogs.com/yilezhu/p/9985451.html

觉得我写的对你有一些帮助的,请帮忙点点赞,关注一下,我会回关的