簡體   English   中英

ASP.NET MVC顯示SQL Server表數據

[英]ASP.NET MVC Display SQL Server table data

在學習SQL的第二個關鍵時刻,我一直在遵循教程,但是由於某種原因,我無法使表在頁面上顯示其數據。

在代碼的ready(function)部分,我嘗試使用3種不同的方式來調用列名(因為它們中有空格,這是我的愚蠢錯誤!),看哪一種有效,但我有一種感覺代碼的#CBR方面未正確聯系數據庫? 我錯過了明顯的事情嗎?

我從下面的“視圖”頁面和“控制器”中粘貼了代碼。

所有的幫助都很好! 並預先感謝! :)

@{
Layout = null;
}

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Safes</title>
<link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
/>
<link rel="stylesheet" 
href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" />
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
</head>
<body>
<div style="width:90%; margin:0 auto">
    <table id="CBR">
        <thead>
            <tr>
                <th>Safe ID</th>
                <th>Department ID</th>
                <th>Safe Owner ID</th>
            </tr>
        </thead>       
    </table>
</div>

<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script 
src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"> 
</script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>

<script>
    $(document).ready(function () {
        var otable = $('#CBR').DataTable({
            "ajax": {
                "url": '/home/GetSafe',
                "type": "get",
                "datatype": "json"
            },
            "columns": [
                { "data": "Safe ID", "autoWidth": true },
                { "data": "[Department ID]", "autoWidth": true },
                { "data": "User_ID", "autoWidth": true }
            ]
        })
    })
</script>

</body>
</html>

和控制器摘錄:

public ActionResult Safes()
    {
        ViewBag.Message = "Your Safe Page";

        return View();
    }

    public ActionResult GetSafe()
    {

        using (CBREntities dc = new CBREntities())
        {
            var safe = dc.Safes.OrderBy(a => a.User_ID).ToList();
            return Json(new { data = safe }, JsonRequestBehavior.AllowGet);
        }
    }

在此處輸入圖片說明

在此處輸入圖片說明

在此處輸入圖片說明

在此處輸入圖片說明

在此處輸入圖片說明

首先,使用以下代碼更改您的jquery腳本:

<script src="code.jquery.com/jquery-3.1.1.min.js"></script> 

似乎,您的服務器上沒有該文件。

其次,c#異常表明,您關閉了連接,並且無法從數據庫中選擇新項目。 嘗試使用連接。 有時,當您具有虛擬屬性時會發生這種情況(延遲加載)

    var safe = dc.Safes.OrderBy(a => a.User_ID).Select(s=>
new{SafeID=s.SafeID,
DepartmentID=s.DepartmentID, 
User_ID=s.User_ID}
).ToList();

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM