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

覺得我寫的對你有一些幫助的,請幫忙點點贊,關注一下,我會回關的