當(dāng)前位置：首頁(yè) > 运维知识 > 数据库 >内容正文

数据库

使用Visual Studio新建一个控制器和视图，在控制器里获取数据库表的数据

發(fā)布時(shí)間：2023/12/20 数据库 28 豆豆

生活随笔收集整理的這篇文章主要介紹了使用Visual Studio新建一个控制器和视图，在控制器里获取数据库表的数据小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

使用工具：Visual Studio 2015? ?，? SQL server

? ? ? ? ? ? ? ? ? ? ??? ? ? ? ? ?? ??

1.在使用 Visual Studio 之前，我先帶著大家了解如何使用 Visual Studio 來(lái)創(chuàng)建一個(gè)視圖。

（1）當(dāng)我們打開 Visual Studio 2015后，在首頁(yè)點(diǎn)擊新建項(xiàng)目

（2）這時(shí)會(huì)有個(gè)彈窗，我們選擇Empty,勾選MVC 后點(diǎn)擊確定

（3）點(diǎn)擊確定后進(jìn)行首頁(yè) ，我們?cè)谟疫呎业?”解決方案資源管理器“ ，如果沒有就在單擊視圖，點(diǎn)擊解決方案資源管理器

（4）點(diǎn)擊解決方案資源管理器后，我們?cè)贑ontrollers里添加一個(gè)控制器?

注：Controllers文件夾是用來(lái)放置控制器的文件夾

（5）選擇 ” MVC S 控制器 - 空 “? ?，點(diǎn)擊添加?

修改名稱

（6）選中 Index() ,點(diǎn)擊鼠標(biāo)右鍵添加視圖

使用布局頁(yè)不用的打?，點(diǎn)擊添加，一個(gè)視圖就添加成功了。

成功添加視圖后，我們就來(lái)進(jìn)行下一步了。

2.在 Visual Studio?里獲取SQL里面的數(shù)據(jù) 。

? ? ??

?? 打開 Visual Studio 2015 后找到? Models（Modees ：數(shù)據(jù)庫(kù)里面的表會(huì)映射到這給文件夾里面來(lái)。）

（1）Models ———》添加 ———》新建項(xiàng)

（2）點(diǎn)擊數(shù)據(jù) ———》ADO.NET實(shí)體數(shù)據(jù)模型

（3）點(diǎn)擊來(lái)自數(shù)據(jù)庫(kù)的 EF 設(shè)計(jì)器——》確定

（4）點(diǎn)擊新建連接 ——》填寫服務(wù)器名稱 ——》登錄———》選擇數(shù)據(jù)庫(kù)名稱——》確定

（5）獲取成功

? ? ? ? ?

3.在視圖里建一個(gè)表格，放置數(shù)據(jù)

第一種方法：

（1）添加一個(gè)實(shí)例化，實(shí)體模型

public class LinqSelectController : Controller{// GET: LinqSelect//實(shí)例化實(shí)體模型Models.TestDBEntities myModel = new Models.TestDBEntities();public ActionResult Index(){return View();}

實(shí)例化：在面向?qū)ο蟮木幊讨?#xff0c;通常把用類創(chuàng)建對(duì)象的過(guò)程稱為實(shí)例化。

? ? ? ? ? ? ? ?類名對(duì)象名 = new 類名（參數(shù)1，參數(shù)2...參數(shù)n）;

? ? ? ? ? ? ? 如 Date date=new Date();就是用日期類創(chuàng)建了一個(gè)日期的對(duì)象，就叫對(duì)象的實(shí)例化。

? ? ? ? ? ? ? 多數(shù)語(yǔ)言中，實(shí)例化一個(gè)對(duì)象就是為對(duì)象開辟內(nèi)存空間，或者是不用聲明，直接使用

? ? ? ? ? ? ? new 構(gòu)造函數(shù)名（），建立一個(gè)臨時(shí)對(duì)象。

? ?

（2）查詢表格數(shù)據(jù)

/// <summary>/// 查詢表格數(shù)據(jù)/// </summary>/// <returns></returns>public ActionResult SelectStudent(){var student = from tbStudent in myModel.SYS_Studentselect tbStudent;return Json(student, JsonRequestBehavior.AllowGet);}

（3）在index視圖里搭建一個(gè)表格樣式

? ? HTML部分

? ? JS部分

$(document).ready(function () {$.get("/LinqSelect/SelectStudent", function (jsonData) {console.log(jsonData);var str = "";for (var i = 0; i < jsonData.length; i++) {str += '<tr><td>' + (i + 1) +'</td><td>' + jsonData[i].StudentName +'</td><td>' + jsonData[i].StudentSex +'</td><td>' + jsonData[i].StudentIDNum +'</td><td>' + jsonData[i].StudentTelphome +'</td><td>' + jsonData[i].StudentAddress + '</td></tr>';console.log(jsonData[i])$("#tbStudent tbody").append(str);}})})

注：布局使用了Bootstrap框架。

結(jié)果：

第二種方法：

使用 layui 框架編寫表單。

Html 代碼?

注：使用layui框架需要引入layui文件。

js部分：

? ??

樣式：

總結(jié)

以上是生活随笔為你收集整理的使用Visual Studio新建一个控制器和视图，在控制器里获取数据库表的数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。