?WPF應(yīng)用端是我們《SqlSugar開(kāi)發(fā)框架》多端界面中的一部分，和Winform前端框架、Vue3+ElementPlus前端、UniApp+Thorn移動(dòng)端，組成一個(gè)完整的整體框架，后端服務(wù)是基于SqlSugar的基礎(chǔ)ORM的.netcore框架，提供Web API服務(wù)供各個(gè)前端使用，底層支持多種數(shù)據(jù)庫(kù)，包括SqlServer、Oracle、Mysql、PostgreSQL、SQLite等數(shù)據(jù)庫(kù)，通過(guò)配置即可切換為其他數(shù)據(jù)庫(kù)。本篇隨筆介紹SqlSugar開(kāi)發(fā)框架之WPF應(yīng)用端功能。

WPF應(yīng)用端開(kāi)發(fā)基于CommunityToolkit.Mvvm 、lepoco/wpfui 、HandyControl幾個(gè)基礎(chǔ)框架的整合，系統(tǒng)功能參考SqlSugar開(kāi)發(fā)框架的Winform前端界面。

1、登錄界面

?

提供多套登陸界面供選擇

系統(tǒng)登錄后，可以在菜單功能上進(jìn)行用戶密碼的修改，修改密碼界面如下所示。

?

2、用戶管理

系統(tǒng)登錄成功后，進(jìn)入主框架界面，UI框架包含左側(cè)的菜單導(dǎo)航，右側(cè)內(nèi)容列表頁(yè)面，其中列表頁(yè)面包含一些樹(shù)形類別，查詢條件、列表展示及分頁(yè)處理，而列表信息可以進(jìn)行查詢、新增、導(dǎo)入導(dǎo)出、編輯、刪除/批量刪除等操作。?

用戶信息，除了可以通過(guò)常規(guī)的條件查詢外，還可以根據(jù)部門(mén)、角色進(jìn)行快速的查詢定位。

新增用戶信息界面如下所示。

編輯用戶信息界面如下所示。

其中可操作功能是控制用戶可訪問(wèn)的那些權(quán)限功能點(diǎn)，如下所示。

其中可訪問(wèn)菜單，是該用戶所屬角色包含的菜單項(xiàng)目。

導(dǎo)出到Excel，首先需要彈出選擇目錄的對(duì)話框進(jìn)行選取目錄，然后用于生成Excel的文件，如下界面所示。

導(dǎo)出Excel的內(nèi)容如下界面所示。另外導(dǎo)出文檔的內(nèi)容，我們可以用于導(dǎo)入的數(shù)據(jù)模板的。

導(dǎo)出PDF的文檔效果如下所示。

?Excel數(shù)據(jù)的導(dǎo)入，可以降低批量處理數(shù)據(jù)的難度和繁瑣的界面一個(gè)個(gè)錄入，這種是一種常見(jiàn)的操作方式，我們主要提供固定的模板給客戶下載錄入數(shù)據(jù)，然后提交進(jìn)行批量的導(dǎo)入即可。

導(dǎo)入的界面處理，我們這里涉及一個(gè)通用的導(dǎo)入界面（和WInform端的界面類似），這樣我們每個(gè)不同的業(yè)務(wù)導(dǎo)入處理都可以重用，只需要設(shè)置一些不同的屬性，以及一些事件的處理即可，如下是通用的界面效果。

?

3、機(jī)構(gòu)管理

機(jī)構(gòu)管理，管理系統(tǒng)用戶的公司、部門(mén)等機(jī)構(gòu)信息，機(jī)構(gòu)是一個(gè)樹(shù)形列表，同時(shí)也提供左側(cè)樹(shù)形快速導(dǎo)航。

新增機(jī)構(gòu)如下界面所示。

編輯機(jī)構(gòu)信息如下界面所示。

其中可以對(duì)機(jī)構(gòu)包含的用戶，進(jìn)行選擇處理，選擇用戶界面如下所示。

?

3、角色管理

角色管理界面如下所示。

其中新增角色界面如下所示。

?編輯角色界面如下所示。

其中角色可以選擇包含用戶、包含機(jī)構(gòu)，這些選擇的用戶或者機(jī)構(gòu)同時(shí)具備了角色的控制功能和菜單。用戶選擇前面已經(jīng)介紹，機(jī)構(gòu)選擇界面如下所示。

其中可以操作功能，可以設(shè)置該角色包含哪些功能點(diǎn)，這些功能點(diǎn)，可以綁定按鈕等界面元素的啟用或禁用狀態(tài)。

可以訪問(wèn)數(shù)據(jù)，用來(lái)控制用戶角色的數(shù)據(jù)權(quán)限的集合。

可以訪問(wèn)菜單控制用戶角色能夠顯示的菜單信息。

?

4、功能管理

?功能管理列表界面如下所示。

新建功能點(diǎn)的界面如下所示。

為了快速添加模塊組的功能點(diǎn)，我們可以通過(guò)批量添加方式創(chuàng)建功能，如下界面所示。

?

5、菜單管理

系統(tǒng)動(dòng)態(tài)菜單由菜單管理界面統(tǒng)一維護(hù)，然后分配給對(duì)應(yīng)的角色使用的。菜單列表界面如下所示。

新增菜單界面如下所示。

菜單圖標(biāo)可以通過(guò)選擇設(shè)置系統(tǒng)圖標(biāo)，選擇圖標(biāo)的界面如下所示。

菜單編輯界面如下所示，其中WPF窗體類型，就是我們窗體的命名空間+列表界面類名稱，如：WHC.SugarProject.WpfUI.Views.Pages.CustomerListPage。

?

?

6、系統(tǒng)類型管理

?系統(tǒng)類型是區(qū)分一個(gè)前端菜單、功能點(diǎn)的重要標(biāo)識(shí)，因此需要維護(hù)一個(gè)獨(dú)立的系統(tǒng)類型信息，列表界面如下所示。

新增系統(tǒng)類型界面如下所示。

?編輯界面類似，不在重復(fù)。

?

7、系統(tǒng)黑白名單處理

系統(tǒng)黑白名單控制系統(tǒng)用戶登錄的IP地址段，如果設(shè)置黑名單，則會(huì)禁止相應(yīng)的IP端用戶進(jìn)行登錄。列表界面如下所示。

?新增或者編輯界面如下所示。

?

8、用戶登錄日志

?系統(tǒng)登錄日志記錄用戶賬號(hào)的登錄記錄信息，如下界面所示。

單擊可以查看詳細(xì)的登錄日志信息。

??

9、用戶操作日志

設(shè)置用戶的操作信息處理后，系統(tǒng)可以記錄用戶的操作日志信息，如下界面列表所示。

單擊可以查看詳細(xì)的操作信息。

?

10、系統(tǒng)字典管理

系統(tǒng)字典統(tǒng)一管理系統(tǒng)各個(gè)終端中用到一些列表參考信息，一般用于下拉列表的數(shù)據(jù)綁定操作。系統(tǒng)字典管理包括字典大類和字典項(xiàng)目管理，如下界面所示。

可以在樹(shù)形類表右鍵彈出右鍵菜單進(jìn)行操作字典大類，如下所示。

新增或者編輯字典大類如下界面所示。

添加字典項(xiàng)目如下界面所示。

?初始化字典項(xiàng)目的時(shí)候，也可以一次性進(jìn)行批量錄入處理，如下界面所示。

?

11、系統(tǒng)參數(shù)管理

系統(tǒng)參數(shù)管理包括參數(shù)目錄（大類）管理、參數(shù)項(xiàng)目管理，界面如下所示。

在參數(shù)目錄中，可以右鍵創(chuàng)建新的參數(shù)目錄，如下界面所示。

創(chuàng)建參數(shù)目錄如下界面所示。

系統(tǒng)參數(shù)項(xiàng)目管理相關(guān)的列表信息供系統(tǒng)使用，新增或者編輯參數(shù)信息界面如下所示。

?

12、測(cè)試功能頁(yè)面

?為了方便學(xué)習(xí)和使用一些系統(tǒng)界面或者界面樣式，以及研究UI的設(shè)計(jì)，我們收集一些比較美觀的WPF界面設(shè)計(jì)供參考。

?

?直接編輯DataGrid界面例子

簡(jiǎn)單客戶信息界面

?

13、代碼生成工具快速生成WPF前端界面

在經(jīng)過(guò)基于SqlSugar框架的WPF應(yīng)用端系統(tǒng)界面及模塊的不斷優(yōu)化和重構(gòu)后，視圖界面及視圖模型等代碼已趨穩(wěn)定，因此完成前面的介紹后，現(xiàn)在開(kāi)始統(tǒng)一基于代碼生成工具Database2Sharp進(jìn)行WPF應(yīng)用端界面代碼的快速生成了，代碼除了和WPF應(yīng)用端的基類保持一致處理外，并添加一些注釋代碼，整合使用一些自定義的控件，以便更好的展示和簡(jiǎn)化代碼處理。

WPF應(yīng)用端的基礎(chǔ)接口，和Winform端、Vue3+ElementPlus前端一樣，都是調(diào)用SqlSugar開(kāi)發(fā)框架中的相關(guān)業(yè)務(wù)接口，如果對(duì)我們的SqlSugar框架還有疑問(wèn)，可以參考我的隨筆集《SqlSugar開(kāi)發(fā)框架》進(jìn)行系列的學(xué)習(xí)或了解。

要了解項(xiàng)目的快速生成，需要從我們官網(wǎng)下載《代碼生成工具Database2Sharp》工具后進(jìn)行使用，該工具支持多種框架的項(xiàng)目開(kāi)發(fā)，我們這里以SqlSugar開(kāi)發(fā)框架中的【SqlSugar框架WPF界面生成】的項(xiàng)目生成為例介紹。

我們首先需要使用PowerDesigner或者同類工具進(jìn)行表的建模，如下所示。

創(chuàng)建好相關(guān)的客戶信息表后，先展開(kāi)數(shù)據(jù)庫(kù)列表，并從數(shù)據(jù)庫(kù)列表右鍵選擇對(duì)應(yīng)的【SqlSugar框架WPF界面生成】或者在工具欄中快速選擇操作，如下界面所示。

或者從工具欄中選擇對(duì)應(yīng)的功能入口。

在彈出的對(duì)話框中選擇對(duì)應(yīng)的表進(jìn)行框架代碼和【W(wǎng)PF界面生成】，從數(shù)據(jù)庫(kù)列表中選擇表進(jìn)行測(cè)試生成，如下界面所示。

我們可以從上面的列表中，定義查詢條件、列表顯示的內(nèi)容，以及編輯界面所需要編輯顯示的內(nèi)容等信息。然后一鍵生成即可生成相應(yīng)的WPF應(yīng)用端的視圖模型，以及視圖界面和后臺(tái)代碼。

我們以簡(jiǎn)單的T_Customer表為例，展示生成的界面代碼，生成后，會(huì)在目錄中創(chuàng)建ViewModels和Views/Pages目錄，其中包含視圖模型和視圖界面代碼及后臺(tái)代碼。

視圖模型包含列表的視圖模型和編輯界面的視圖模型，如下兩個(gè)文件所示。

由于繼承了相關(guān)的基類信息，我們基本上有這些操作就可以完成常規(guī)的CRUD以及樹(shù)形列表的展示處理了，如果需要更多的操作，可以擴(kuò)展相關(guān)的代碼，同樣界面代碼和界面后臺(tái)代碼配套，統(tǒng)一生成相關(guān)的查詢、列表、分頁(yè)、導(dǎo)入導(dǎo)入、編輯顯示等處理效果。生成的列表界面、編輯界面及其對(duì)應(yīng)的界面后端代碼，一共四個(gè)文件即可。

前面生成的文件（包括視圖模型和視圖界面代碼），和你項(xiàng)目的命名空間保持一致，然后復(fù)制到項(xiàng)目上進(jìn)行增量式的合并即可。

合并的具體位置根據(jù)實(shí)際情況放置即可，如視圖模型放到視圖模型的大目錄上，界面代碼放到視圖目錄上即可，如下界面所示。

編譯上面的合并代碼，如果順利編譯后，我們還需要添加相應(yīng)的系統(tǒng)功能菜單到系統(tǒng)上，才能進(jìn)行分配使用。

其中WPF窗體類型，就是我們窗體的命名空間+列表界面類名稱，如：WHC.SugarProject.WpfUI.Views.Pages.CustomerListPage。

分配完成后，系統(tǒng)用戶重新登錄，就可以看到相應(yīng)增加的菜單功能入口了，單擊菜單就可以打開(kāi)Page列表頁(yè)面，如果需要新增，則會(huì)彈出對(duì)話框進(jìn)行輸入。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-711406.html

到了這里，關(guān)于SqlSugar框架之WPF應(yīng)用端功能介紹的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！