C# 如何在asp.net中实现仪表板小部件?

C# 如何在asp.net中实现仪表板小部件?,c#,html,css,asp.net-core,C#,Html,Css,Asp.net Core,我下载了一个仪表板模板并创建了一个web应用程序。我想显示一个小部件,其中包含我的SQL数据库(lms)表(books)中的值(总图书数)。我有小部件的代码。我想知道如何编辑此文件并从数据库中获取价值。我是ASP.Net core的新手。我在demo.aspx.cs中没有任何代码 demo.aspx <%@ Page Title="" Language="C#" MasterPageFile="~/Librarian/librarian.Master" AutoEventWire

我下载了一个仪表板模板并创建了一个web应用程序。我想显示一个小部件,其中包含我的SQL数据库(lms)表(books)中的值(总图书数)。我有小部件的代码。我想知道如何编辑此文件并从数据库中获取价值。我是ASP.Net core的新手。我在demo.aspx.cs中没有任何代码

demo.aspx

     <%@ Page Title="" Language="C#" MasterPageFile="~/Librarian/librarian.Master" AutoEventWireup="true" CodeBehind="demo.aspx.cs" Inherits="LibraryManagementSystem.Librarian.demo" %>
我现在有这个。我需要从数据库中获取10468的值


阅读此链接可能会有所帮助。这与我的问题有些无关。谢谢你的帮助。
             <div class="col-md-6 col-lg-3">
                    <div class="card text-white bg-flat-color-1">
                        <div class="card-body pb-0">
                            <div class="dropdown float-right">
                                <button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button" id="dropdownMenuButton" data-toggle="dropdown">
                                    <i class="fa fa-cog"></i>
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <div class="dropdown-menu-content">
                                        <a class="dropdown-item" href="#">Action</a>
                                        <a class="dropdown-item" href="#">Another action</a>
                                        <a class="dropdown-item" href="#">Something else here</a>
                                    </div>
                                </div>
                            </div>
                            <h4 class="mb-0">
                                <span class="count">10468</span>
                            </h4>
                            <p class="text-light">Members online</p>

                            <div class="chart-wrapper px-0" style="height:70px;" height="70"/>
                                <canvas id="widgetChart1"></canvas>
                            </div>

                        </div>

                    </div>

                  </asp:Content>
   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Web;
   using System.Web.UI;
   using System.Web.UI.WebControls;

   namespace LibraryManagementSystem.Librarian
   {
       public partial class demo : System.Web.UI.Page
       {
           protected void Page_Load(object sender, EventArgs e)
           {

           }
       }
   }