1.本文學習 簡介
使用layui前端框架搭配MVC
使用EF Core ORM 快速建模
暫不做復雜分層
簡單增刪改查
開發環境:Visual Studio 2019、MicroSoft SQL Server 2008
2. 往期學習文章
實踐是檢驗真理的唯一標准，廢話不多說，直接進入今天代碼的實踐講解環節。
3. 構建數據模型
新建ASP.NET Core MVC項目
從Nuget中安裝EF core相關包
Microsoft.EntityFrameworkCore
Microsoft.EntityFrameworkCore.Design
Microsoft.EntityFrameworkCore.SqlServer
Microsoft.EntityFrameworkCore.Tools
控制台輸入命令，從數據庫中生成模型
Scaffold-DbContext -Force “Data Source=.; Initial Catalog=Student; Persist Security Info=True; User ID=sa; Password=123456;” Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models/DataModels
將生成的模型類輸出到Models下的DataModels
封裝數據庫連接字符串
注釋掉ef自動生成的數據庫上下文類StudentContext中重寫的OnConfiguring方法
轉而通過在配置文件appsettings.json中獲取連接字符串更為安全的形式，appsettings.json的配置如下：
使用依賴注入上下文對象的實現:
service.AddDbContext<StudentContext>(options=>{options.UseSqlServer(connectionString);})
4. 引入layui前端框架
從layui的官網下載前端包，解壓之后直接復制粘貼至項目的wwwroot下
5.構建業務邏輯
新建Service層，並新建學生服務類：StudentService用於實現學生的業務邏輯服務
依賴構造注入StudentContext上下文對象
下面依次完善功能：登錄，查詢、增加、刪除、修改
6.完善登錄方法
新建Student控制器，新建Login動作action，index方法返回Login的視圖，在Login動作方法當中，寫出簡單的邏輯，調用服務_dal的登錄方法，如若登錄賬號和密碼匹配，則將登錄人的用戶名儲存到session當中，並且使用數據傳遞對象ViewData["info"]點擊此處鏈接進入MVC數據傳遞相關文章用於向視圖返回數據，用戶登錄成功之后，顯示用戶名。
服務類當中的登錄方法如下圖：
測試登錄方法：這里我們運行dotnet watch run，以便監視項目的運行，這樣子項目源碼更改之后，就不必頻繁的進行保存、生成、運行來調試啦~
可以看到上圖中，項目已經成功地進行了監視，並且Started了。我們來看一下登錄頁面的前端頁面
有點簡陋，咳咳，湊合着用吧。查詢數據庫用戶表
我們選擇用戶wanghuahua，在頁面中輸入wanghuahua及密碼123456
點擊登錄，可以看到登錄成功!頁面成功地顯示出了王華華的用戶名！
7.完善查詢方法
構建學生管理頁面之查詢模塊。根據layui官網的示例和api簡單構建動態數據表格，前端視圖代碼如下：
url即為后端提供數據的接口，我們在服務類中完善查詢方法。
下面進行測試，別忘了在之前登陸頁面放置一個導向管理頁面的超鏈接
點擊超鏈接進入，如下圖，可見數據初始化表格成功！
完善一下，使其可以進行條件查詢
i
我們在前端頁面嘗試條件查詢
選擇終極一班，點擊查詢
結果如上圖所示，條件查詢成功！
8.完善刪除方法
開啟復選框{type:'checkbox'}
新增刪除按鈕，完成前端js驗證邏輯
完善后台刪除方法
測試一下，選中張三和如花，點擊刪除，顯示刪除成功！
9.完善編輯方法
為了快速演示，這里我選擇使用layui數據表格的行內編輯，且只允許年齡可編輯
完善前端js部分邏輯。使其可獲取到更改的部分並提交到后台
完善后台邏輯修改方法
測試一下，修改阿星的年齡，改為18，讓星爺永遠18，嘻嘻~
數據顯示，修改成功！
好了，至此，還剩一個添加部分，就留給你們啦~哈哈
歡迎留言交流，下期再見！
本示例代碼下載地址：https://github.com/huguangcheng/_NET-Core_Study
歡迎關注公眾號：dotNET學習天地 一起學習與成長！
歡迎留言交流，下期再見！