如何将 SQL 表中的行数显示到 HTML 容器

Posted 2023-04-12

【中文标题】如何将 SQL 表中的行数显示到 HTML 容器

【英文标题】：How to display number of rows in SQL Table to an HTML container

【发布时间】：2021-01-14 15:23:11

【问题描述】：

我正在使用 ASP.Net 和 MVC 制作一个 Bug Tracker 应用程序。每当创建票证时，它就会被添加到我的 Tickets.sql 数据库中。在我的应用程序的 VIEW dashboard.cshtml 上，我希望能够显示工单数据库中的工单数量。但是我在尝试实现该功能时遇到了困难。我也不知道该怎么做。我将不胜感激有关此过程和了解我需要做什么的帮助。

我的仪表板显示应在何处显示工单数量：

<div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3>Unresolved Tickets</h3>
                </div>
                <div id="num-unresolved-tickets" class="panel-body">
                    <h2 class="text-center">
                        <?php>
                            $SELECT COUNT(ID) AS UserId FROM Tickets;
                        </?php>
                    </h2>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3>Resolved Tickets</h3>
                </div>
                <div id="num-resolved-tickets" class="panel-body">
                    <h2 class="text-center">4</h2>
                </div>
            </div>
        </div>

【问题讨论】：

你能告诉我们你卡在哪里了吗？您需要共享试图显示计数的代码。没有看到您的代码，我们不知道问题是什么以及如何解决。

@ChetanRanpariya 对不起，我对 *** 有点陌生。我刚刚发布了我正在处理的代码的 sn-p。我认为它涉及某种 PHP 或 Node.Js 来连接到我的数据库。但我认为如果我使用一些 PHP，Visual Studios 会为我完成这项工作并为我获取信息。就像我说的，我对这类东西不是很熟悉。

@ChristianMartinez，如果适合你，请检查我的回答。如果您的问题已经解决，您可以点击“✔”将相应的回复标记为答案。

【参考方案1】：

根据我的研究，我们很难直接从cshtml中的数据库中获取数据。

我们可以使用c#代码执行SqlCommand来显示cshtml中的数据。

首先，我们需要添加以下类来处理SqlConnection和SqlCommand。

public class SqlHelper
    

        private SqlConnection con;
        //To Handle connection related activities    
        private void connection()
        
            string constr = "CONNSTR";
            con = new SqlConnection(constr);

        

        public string ExecuteSql(string sql)
        
            connection();
            SqlCommand command = new SqlCommand(sql,con);
            con.Open();
            SqlDataReader reader = command.ExecuteReader();
  
            while (reader.Read())
            
                return reader.GetName(0)+ ": "+reader[0].ToString();
               
            
            con.Close();
            return string.Empty;
        
    

其次，我们可以调用控制器中的方法。

public ActionResult Index()
        
            string sql = "SELECT COUNT(ID) AS UserId FROM Tickets";
            SqlHelper helper = new SqlHelper();
            ViewBag.Message = helper.ExecuteSql(sql);
            return View();
        

三、请设置如下cshtml。

<h2>Index</h2>
<div id="num-unresolved-tickets" class="panel-body">
    <h2 class="text-center">
        <b style="color:red"> @ViewBag.Message</b>
    </h2>
</div>

终于可以得到正确的结果了。