WPF應用端是我們《SqlSugar開發框架》多端界面中的一部分，和Winform前端框架、Vue3+ElementPlus前端、UniApp+Thorn移動端，組成一個完整的整體框架，後端服務是基於SqlSugar的基礎ORM的.netcore框架，提供Web API服務供各個前端使用，底層支持多... ...
WPF應用端是我們《SqlSugar開發框架》多端界面中的一部分，和Winform前端框架、Vue3+ElementPlus前端、UniApp+Thorn移動端，組成一個完整的整體框架，後端服務是基於SqlSugar的基礎ORM的.netcore框架，提供Web API服務供各個前端使用，底層支持多種資料庫，包括SqlServer、Oracle、Mysql、PostgreSQL、SQLite等資料庫，通過配置即可切換為其他資料庫。本篇隨筆介紹SqlSugar開發框架之WPF應用端功能。
WPF應用端開發基於CommunityToolkit.Mvvm 、lepoco/wpfui 、HandyControl幾個基礎框架的整合，系統功能參考SqlSugar開發框架的Winform前端界面。
1、登錄界面
提供多套登陸界面供選擇
系統登錄後，可以在菜單功能上進行用戶密碼的修改，修改密碼界面如下所示。
2、用戶管理
系統登錄成功後，進入主框架界面，UI框架包含左側的菜單導航，右側內容列表頁面，其中列表頁麵包含一些樹形類別，查詢條件、列表展示及分頁處理，而列表信息可以進行查詢、新增、導入導出、編輯、刪除/批量刪除等操作。
用戶信息，除了可以通過常規的條件查詢外，還可以根據部門、角色進行快速的查詢定位。
新增用戶信息界面如下所示。
編輯用戶信息界面如下所示。
其中可操作功能是控制用戶可訪問的那些許可權功能點，如下所示。
其中可訪問菜單，是該用戶所屬角色包含的菜單項目。
導出到Excel，首先需要彈出選擇目錄的對話框進行選取目錄，然後用於生成Excel的文件，如下界面所示。
導出Excel的內容如下界面所示。另外導出文檔的內容，我們可以用於導入的數據模板的。
導出PDF的文檔效果如下所示。
Excel數據的導入，可以降低批量處理數據的難度和繁瑣的界面一個個錄入，這種是一種常見的操作方式，我們主要提供固定的模板給客戶下載錄入數據，然後提交進行批量的導入即可。
導入的界面處理，我們這裡涉及一個通用的導入界面（和WInform端的界面類似），這樣我們每個不同的業務導入處理都可以重用，只需要設置一些不同的屬性，以及一些事件的處理即可，如下是通用的界面效果。
3、機構管理
機構管理，管理系統用戶的公司、部門等機構信息，機構是一個樹形列表，同時也提供左側樹形快速導航。
新增機構如下界面所示。
編輯機構信息如下界面所示。
其中可以對機構包含的用戶，進行選擇處理，選擇用戶界面如下所示。
3、角色管理
角色管理界面如下所示。
其中新增角色界面如下所示。
編輯角色界面如下所示。
其中角色可以選擇包含用戶、包含機構，這些選擇的用戶或者機構同時具備了角色的控制功能和菜單。用戶選擇前面已經介紹，機構選擇界面如下所示。
其中可以操作功能，可以設置該角色包含哪些功能點，這些功能點，可以綁定按鈕等界面元素的啟用或禁用狀態。
可以訪問數據，用來控制用戶角色的數據許可權的集合。
可以訪問菜單控制用戶角色能夠顯示的菜單信息。
4、功能管理
功能管理列表界面如下所示。
新建功能點的界面如下所示。
為了快速添加模塊組的功能點，我們可以通過批量添加方式創建功能，如下界面所示。
5、菜單管理
系統動態菜單由菜單管理界面統一維護，然後分配給對應的角色使用的。菜單列表界面如下所示。
新增菜單界面如下所示。
菜單圖標可以通過選擇設置系統圖標，選擇圖標的界面如下所示。
菜單編輯界面如下所示，其中WPF窗體類型，就是我們窗體的命名空間+列表界面類名稱，如：WHC.SugarProject.WpfUI.Views.Pages.CustomerListPage。
6、系統類型管理
系統類型是區分一個前端菜單、功能點的重要標識，因此需要維護一個獨立的系統類型信息，列表界面如下所示。
新增系統類型界面如下所示。
編輯界面類似，不在重覆。
7、系統黑白名單處理
系統黑白名單控制系統用戶登錄的IP地址段，如果設置黑名單，則會禁止相應的IP端用戶進行登錄。列表界面如下所示。
新增或者編輯界面如下所示。
8、用戶登錄日誌
系統登錄日誌記錄用戶賬號的登錄記錄信息，如下界面所示。
單擊可以查看詳細的登錄日誌信息。
9、用戶操作日誌
設置用戶的操作信息處理後，系統可以記錄用戶的操作日誌信息，如下界面列表所示。
單擊可以查看詳細的操作信息。
10、系統字典管理
系統字典統一管理系統各個終端中用到一些列表參考信息，一般用於下拉列表的數據綁定操作。系統字典管理包括字典大類和字典項目管理，如下界面所示。
可以在樹形類表右鍵彈出右鍵菜單進行操作字典大類，如下所示。
新增或者編輯字典大類如下界面所示。
添加字典項目如下界面所示。
初始化字典項目的時候，也可以一次性進行批量錄入處理，如下界面所示。
11、系統參數管理
系統參數管理包括參數目錄（大類）管理、參數項目管理，界面如下所示。
在參數目錄中，可以右鍵創建新的參數目錄，如下界面所示。
創建參數目錄如下界面所示。
系統參數項目管理相關的列表信息供系統使用，新增或者編輯參數信息界面如下所示。
12、測試功能頁面
為了方便學習和使用一些系統界面或者界面樣式，以及研究UI的設計，我們收集一些比較美觀的WPF界面設計供參考。
直接編輯DataGrid界面例子
簡單客戶信息界面
13、代碼生成工具快速生成WPF前端界面
在經過基於SqlSugar框架的WPF應用端系統界面及模塊的不斷優化和重構後，視圖界面及視圖模型等代碼已趨穩定，因此完成前面的介紹後，現在開始統一基於代碼生成工具Database2Sharp進行WPF應用端界面代碼的快速生成了，代碼除了和WPF應用端的基類保持一致處理外，並添加一些註釋代碼，整合使用一些自定義的控制項，以便更好的展示和簡化代碼處理。
WPF應用端的基礎介面，和Winform端、Vue3+ElementPlus前端一樣，都是調用SqlSugar開發框架中的相關業務介面，如果對我們的SqlSugar框架還有疑問，可以參考我的隨筆集《SqlSugar開發框架》進行系列的學習或瞭解。
要瞭解項目的快速生成，需要從我們官網下載《代碼生成工具Database2Sharp》工具後進行使用，該工具支持多種框架的項目開發，我們這裡以SqlSugar開發框架中的【SqlSugar框架WPF界面生成】的項目生成為例介紹。
我們首先需要使用PowerDesigner或者同類工具進行表的建模，如下所示。
創建好相關的客戶信息表後，先展開資料庫列表，並從資料庫列表右鍵選擇對應的【SqlSugar框架WPF界面生成】或者在工具欄中快速選擇操作，如下界面所示。
或者從工具欄中選擇對應的功能入口。
在彈出的對話框中選擇對應的表進行框架代碼和【WPF界面生成】，從資料庫列表中選擇表進行測試生成，如下界面所示。
我們可以從上面的列表中，定義查詢條件、列表顯示的內容，以及編輯界面所需要編輯顯示的內容等信息。然後一鍵生成即可生成相應的WPF應用端的視圖模型，以及視圖界面和後臺代碼。
我們以簡單的T_Customer表為例，展示生成的界面代碼，生成後，會在目錄中創建ViewModels和Views/Pages目錄，其中包含視圖模型和視圖界面代碼及後臺代碼。
視圖模型包含列表的視圖模型和編輯界面的視圖模型，如下兩個文件所示。
由於繼承了相關的基類信息，我們基本上有這些操作就可以完成常規的CRUD以及樹形列表的展示處理了，如果需要更多的操作，可以擴展相關的代碼，同樣界面代碼和界面後臺代碼配套，統一生成相關的查詢、列表、分頁、導入導入、編輯顯示等處理效果。生成的列表界面、編輯界面及其對應的界面後端代碼，一共四個文件即可。
前面生成的文件（包括視圖模型和視圖界面代碼），和你項目的命名空間保持一致，然後複製到項目上進行增量式的合併即可。
合併的具體位置根據實際情況放置即可，如視圖模型放到視圖模型的大目錄上，界面代碼放到視圖目錄上即可，如下界面所示。
編譯上面的合併代碼，如果順利編譯後，我們還需要添加相應的系統功能菜單到系統上，才能進行分配使用。
其中WPF窗體類型，就是我們窗體的命名空間+列表界面類名稱，如：WHC.SugarProject.WpfUI.Views.Pages.CustomerListPage。
分配完成後，系統用戶重新登錄，就可以看到相應增加的菜單功能入口了，單擊菜單就可以打開Page列表頁面，如果需要新增，則會彈出對話框進行輸入。
專註於代碼生成工具、.Net/.NetCore 框架架構及軟體開發，以及各種Vue.js的前端技術應用。著有Winform開發框架/混合式開發框架、微信開發框架、Bootstrap開發框架、ABP開發框架、SqlSugar開發框架等框架產品。
轉載請註明出處：撰寫人：伍華聰 http://www.iqidi.com
