asp.net core實體類生產CRUD後臺管理界面

Posted on by

前言介紹

喜歡小規模團隊的＂單打獨鬥＂，有的時候即使在大公司，也經常做著3-5個人團隊的小項目，相信很多人有類似的經歷。

本文介紹如何將項目中已存在的【實體類】，直接生產出 CRUD 後臺管理界面。

對於通用後臺管理系統的生成，除瞭單純的對單表 crud 操作外，我還喜歡利用導航屬性的操作，比如：

1、Song、Tag 多對多場景，添加/更新 Song 時可以把 Tag 一起保存；

2、列表頁，希望外鍵、多對多出現在過濾篩選條件；

3、列表頁，希望枚舉出現在過濾篩選條件；

4、刪除時，級聯刪除所有相關數據；

等等諸如此類的繁瑣操作，之所以說繁瑣，是因為這些工作技術不難，屬於嚴重的重復勞動。

在人員配備苛刻的環境下，選擇盡量靠工具提高生產效率，這樣我們才有更多的時間在上班摸魚。。。

演示功能

Domain 目錄下的文件是【實體類】

Program.cs 是 asp.net core 啟動代碼

using FreeSql;
using ojbk.Entities;
var fsql = new FreeSql.FreeSqlBuilder()
    .UseConnectionString(FreeSql.DataType.Sqlite, @"Data Source=test.db;Pooling=true;Max Pool Size=10")
    .UseAutoSyncStructure(true)
    .UseNoneCommandParameter(true)
    .UseMonitorCommand(cmd => Console.WriteLine(cmd.CommandText + "\r\n"))
    .Build();
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddControllersWithViews();
builder.Services.AddSingleton(fsql);
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();
var app = builder.Build();
if (app.Environment.IsDevelopment())
{
    app.UseSwagger();
    app.UseSwaggerUI();
}
app.UseAuthorization();
app.MapControllers();
app.UseDefaultFiles();
app.UseStaticFiles();
/******************************* 以下是核心代碼 **************************/
app.UseFreeAdminLtePreview("/",
    typeof(Config),
    typeof(Role),
    typeof(Menu),
    typeof(User),
    typeof(Department),
    typeof(Employee),
    typeof(Position),
    typeof(AppLog),
    typeof(LoginLog),
    typeof(OprationLog),
    typeof(IdleScheduler.TaskInfo),
    typeof(IdleScheduler.TaskLog)
);
app.Run();

既然 ORM 已經對實體進行瞭配置，利用已存在的條件便利的產生後臺管理功能，真是一大快事！！

它是 FreeSql 衍生出來的 .NETCore MVC 中間件擴展包 FreeSql.AdminLTE.dll，基於 AdminLTE 前端框架動態產生實體的增刪查改界面；

輸入：實體1、實體2、實體3

輸出：後臺管理的功能

隻需要傳入實體，就可以生產 curd 的管理功能，是不是有些騷啊~~~

先發幾張運行後的圖片嘗個鮮：

這是根據實體產生 curd 界面的 mvc 中間件，開發時預覽或簡單管理數據好方便啊。看完預覽圖不由得再感嘆一次 FreeSql 的易用性，那句口號：做 .NETCore 最方便的 ORM！ 沒有說錯。。。作者多次提及：“我們是簡約風格，沒那麼復雜的用法”，也驗證瞭這一點。。

機制設定

1、添加、修改數據

中件間產生的界面包括添加、修改數據的功能，普通實體的根據屬性的類型與 Html5 UI 一一映射；

比較特殊的映射規則：

c# 類型 Html5
佈爾 復選框
枚舉 下拉選擇
日期 日期控件
ManyToOne 導航屬性 下拉選擇
ManyToMany 導航屬性 多選器

等等。。。

什麼情況會產生【上傳文件】控件？

有興趣的可以瞭解源碼，目前沒有開放在外部配置。

2、列表查詢、過濾篩選

中件間為每個實體提供瞭分頁列表查詢，每頁為20條數據；

除此外，還提供瞭過濾條件的支持，規則是根據導航屬性（ManyToOne、ManyToMany）。比如【崗位】，內含有【部門 Department】、【員工 Employee】、【角色 Role】，則【崗位】列表頁會出現按【分類】篩選的UI，詳見上面的 demo 示意圖，或者下載 demo 運行；

3、刪除數據

中件間為每個實體提供瞭批量刪除的功能；

並且支持瞭復雜導航屬性關系的級聯刪除功能，而這個功能不依賴數據庫外鍵；

下載 Demo

我們一直習慣用 sqlite 做測試庫，測試完畢直接刪除目錄，不留垃圾數據，所以下面的 demo 不需要修改任何地方，運行時自動建庫、建表；

運行環境：.net6.0

點擊下載

第一步：

dotnet restore

第二步：

dotnet run

將監聽的地址復制，打開 chrome 瀏覽器粘貼訪問。

思考人生

一番驚喜過後，你應該會考慮實用性，這樣做有什麼價值，可用於什麼樣的場景？

這個擴展包簡單的輸入，產生巨量的功能反饋。但由於生成的代碼是 mvc + razor + jquery + AdminLTE，決定它很難在這個時代開花結果。

思路方向應該不會有問題，因為真的太方便瞭，如果生成後的代碼是 Service + Vue + ElementUI，並且還提供瞭默認通用權限、定時任務等功能，就問香不香？

期待有興趣志同道合的人改造。

github：

https://github.com/2881099/FreeSql.AdminLTE

以上就是asp.net core實體類生產CRUD後臺管理界面的詳細內容，更多關於asp.net core實體類生產CRUD的資料請關註WalkonNet其它相關文章！

推薦閱讀：