SqlSugar開發(fā)框架-WPF應(yīng)用端WPF應(yīng)用端演示程序,基于SQLite數(shù)據(jù)庫,.net7, 測(cè)試賬號(hào):admin 密碼為空 |
SqlSugar開發(fā)框架-WPF應(yīng)用端WPF應(yīng)用端演示程序,基于SQLite數(shù)據(jù)庫,.net7, 測(cè)試賬號(hào):admin 密碼為空 |
WPF應(yīng)用端是我們《SqlSugar開發(fā)框架》多端界面中的一部分,和Winform前端框架、Vue3+ElementPlus前端、UniApp+Thorn移動(dòng)端,組成一個(gè)完整的整體框架,后端服務(wù)是基于SqlSugar的基礎(chǔ)ORM的.netcore框架,提供Web API服務(wù)供各個(gè)前端使用,底層支持多種數(shù)據(jù)庫,包括SqlServer、Oracle、Mysql、PostgreSQL、SQLite等數(shù)據(jù)庫,通過配置即可切換為其他數(shù)據(jù)庫。本篇介紹SqlSugar開發(fā)框架之WPF應(yīng)用端功能。
WPF應(yīng)用端開發(fā)基于CommunityToolkit.Mvvm 、lepoco/wpfui 、HandyControl幾個(gè)基礎(chǔ)框架的整合,系統(tǒng)功能參考SqlSugar開發(fā)框架的Winform前端界面。
1、WPF應(yīng)用端是我們《SqlSugar開發(fā)框架》多端界面中的一部分,和Winform前端框架、Vue3+ElementPlus前端、UniApp+Thorn移動(dòng)端,組成一個(gè)完整的整體框架。
2、后端服務(wù)是基于SqlSugar的基礎(chǔ)ORM的.netcore框架,提供Web API服務(wù)供各個(gè)前端使用,底層支持多種數(shù)據(jù)庫,包括SqlServer、Oracle、Mysql、PostgreSQL、SQLite等數(shù)據(jù)庫,通過配置即可切換為其他數(shù)據(jù)庫。
3、前端整合模塊包括用戶管理、組織機(jī)構(gòu)管理、角色管理、菜單管理、功能管理及權(quán)限分配,日志管理、字典管理、省市區(qū)管理、附件管理、業(yè)務(wù)編碼規(guī)則等管理功能,可動(dòng)態(tài)配置管理系統(tǒng)菜單。
4、集成通用字典管理模塊,方便對(duì)字典大類及對(duì)應(yīng)字典項(xiàng)目數(shù)據(jù)的管理;以及實(shí)現(xiàn)系統(tǒng)參數(shù)的維護(hù)管理。
5、客戶關(guān)系管理(CRM管理系統(tǒng))模塊,以客戶為中心,把科學(xué)的管理與信息技術(shù)結(jié)合起來,實(shí)現(xiàn)市場、銷售、服務(wù)協(xié)同工作統(tǒng)一管理。軟件界面美觀大方,易于使用,具有良好的操作性、美觀性和功能穩(wěn)定性等優(yōu)良特點(diǎn)。模塊內(nèi)容包括客戶往來、客戶管理、客戶服務(wù)、產(chǎn)品及銷售、通信管理、人員管理、報(bào)表數(shù)據(jù)、系統(tǒng)管理等主要內(nèi)容。
6、提供功能強(qiáng)大的流程配置及管理,可以自定義流程的過程及相關(guān)流程屬性數(shù)據(jù)。包括業(yè)務(wù)受理、我的審批工作、我的草稿、一般業(yè)務(wù)、流程模板、流程環(huán)節(jié)管理、所有申請(qǐng)單等,可實(shí)現(xiàn)流程步驟的回退、撤銷、跳轉(zhuǎn)、審批、會(huì)簽、閱辦等審批步驟處理。。
8、通過代碼生成工具Database2sharp配套工具實(shí)現(xiàn)業(yè)務(wù)模塊的快速開發(fā),可以快速生成框架底層代碼,以及WPF應(yīng)用端界面代碼,微調(diào)布局即可。
9、生成的WPF應(yīng)用端界面代碼, 包括業(yè)務(wù)數(shù)據(jù)的分頁查詢,數(shù)據(jù)的Excel導(dǎo)入和導(dǎo)出Excel/PDF的功能等,以及編輯查看界面的數(shù)據(jù)展示、保存和更新數(shù)據(jù)操作等功能。
10、WPF應(yīng)用端整合直接訪問數(shù)據(jù)庫和Web API的接口調(diào)用,可實(shí)現(xiàn)配置分布式的遠(yuǎn)程接口調(diào)用或者本地調(diào)用。
11、封裝一些選擇用戶、選擇機(jī)構(gòu)、字典下拉列表綁定、附件顯示等便利控件;提供眾多前端展示案例代碼參考,框架快速開發(fā)提供高效技術(shù)支持。
提供多套登陸界面供選擇
系統(tǒng)登錄后,可以在菜單功能上進(jìn)行用戶密碼的修改,修改密碼界面如下所示。
系統(tǒng)登錄成功后,進(jìn)入主框架界面,UI框架包含左側(cè)的菜單導(dǎo)航,右側(cè)內(nèi)容列表頁面,其中列表頁面包含一些樹形類別,查詢條件、列表展示及分頁處理,而列表信息可以進(jìn)行查詢、新增、導(dǎo)入導(dǎo)出、編輯、刪除/批量刪除等操作。
用戶信息,除了可以通過常規(guī)的條件查詢外,還可以根據(jù)部門、角色進(jìn)行快速的查詢定位。
新增用戶信息界面如下所示。
編輯用戶信息界面如下所示。
其中可操作功能是控制用戶可訪問的那些權(quán)限功能點(diǎ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è)錄入,這種是一種常見的操作方式,我們主要提供固定的模板給客戶下載錄入數(shù)據(jù),然后提交進(jìn)行批量的導(dǎo)入即可。
導(dǎo)入的界面處理,我們這里涉及一個(gè)通用的導(dǎo)入界面(和WInform端的界面類似),這樣我們每個(gè)不同的業(yè)務(wù)導(dǎo)入處理都可以重用,只需要設(shè)置一些不同的屬性,以及一些事件的處理即可,如下是通用的界面效果。
機(jī)構(gòu)管理,管理系統(tǒng)用戶的公司、部門等機(jī)構(gòu)信息,機(jī)構(gòu)是一個(gè)樹形列表,同時(shí)也提供左側(cè)樹形快速導(dǎo)航。
新增機(jī)構(gòu)如下界面所示。
編輯機(jī)構(gòu)信息如下界面所示。
其中可以對(duì)機(jī)構(gòu)包含的用戶,進(jìn)行選擇處理,選擇用戶界面如下所示。
角色管理界面如下所示。
其中新增角色界面如下所示。
編輯角色界面如下所示。
其中角色可以選擇包含用戶、包含機(jī)構(gòu),這些選擇的用戶或者機(jī)構(gòu)同時(shí)具備了角色的控制功能和菜單。用戶選擇前面已經(jīng)介紹,機(jī)構(gòu)選擇界面如下所示。
其中可以操作功能,可以設(shè)置該角色包含哪些功能點(diǎn),這些功能點(diǎn),可以綁定按鈕等界面元素的啟用或禁用狀態(tài)。
可以訪問數(shù)據(jù),用來控制用戶角色的數(shù)據(jù)權(quán)限的集合。
可以訪問菜單控制用戶角色能夠顯示的菜單信息。
功能管理列表界面如下所示。
新建功能點(diǎn)的界面如下所示。
為了快速添加模塊組的功能點(diǎn),我們可以通過批量添加方式創(chuàng)建功能,如下界面所示。
系統(tǒng)動(dòng)態(tài)菜單由菜單管理界面統(tǒng)一維護(hù),然后分配給對(duì)應(yīng)的角色使用的。菜單列表界面如下所示。
新增菜單界面如下所示。
菜單圖標(biāo)可以通過選擇設(shè)置系統(tǒng)圖標(biāo),選擇圖標(biāo)的界面如下所示。
菜單編輯界面如下所示,其中WPF窗體類型,就是我們窗體的命名空間+列表界面類名稱,如:WHC.SugarProject.WpfUI.Views.Pages.CustomerListPage。
系統(tǒng)類型是區(qū)分一個(gè)前端菜單、功能點(diǎn)的重要標(biāo)識(shí),因此需要維護(hù)一個(gè)獨(dú)立的系統(tǒng)類型信息,列表界面如下所示。
新增系統(tǒng)類型界面如下所示。
編輯界面類似,不在重復(fù)。
系統(tǒng)黑白名單控制系統(tǒng)用戶登錄的IP地址段,如果設(shè)置黑名單,則會(huì)禁止相應(yīng)的IP端用戶進(jìn)行登錄。列表界面如下所示。
新增或者編輯界面如下所示。
系統(tǒng)登錄日志記錄用戶賬號(hào)的登錄記錄信息,如下界面所示。
單擊可以查看詳細(xì)的登錄日志信息。
設(shè)置用戶的操作信息處理后,系統(tǒng)可以記錄用戶的操作日志信息,如下界面列表所示。
單擊可以查看詳細(xì)的操作信息。
系統(tǒng)字典統(tǒng)一管理系統(tǒng)各個(gè)終端中用到一些列表參考信息,一般用于下拉列表的數(shù)據(jù)綁定操作。系統(tǒng)字典管理包括字典大類和字典項(xiàng)目管理,如下界面所示。
可以在樹形類表右鍵彈出右鍵菜單進(jìn)行操作字典大類,如下所示。
新增或者編輯字典大類如下界面所示。
添加字典項(xiàng)目如下界面所示。
初始化字典項(xiàng)目的時(shí)候,也可以一次性進(jìn)行批量錄入處理,如下界面所示。
系統(tǒng)參數(shù)管理包括參數(shù)目錄(大類)管理、參數(shù)項(xiàng)目管理,界面如下所示。
在參數(shù)目錄中,可以右鍵創(chuàng)建新的參數(shù)目錄,如下界面所示。
創(chuàng)建參數(shù)目錄如下界面所示。
系統(tǒng)參數(shù)項(xiàng)目管理相關(guān)的列表信息供系統(tǒng)使用,新增或者編輯參數(shù)信息界面如下所示。
為了方便快速的使用系統(tǒng)附件,并達(dá)到統(tǒng)一界面的效果,我們?cè)O(shè)計(jì)一些自定義組件,用來快速、統(tǒng)一展示附件信息,WPF應(yīng)用端的附件列表展示界面如下所示。
為了方便學(xué)習(xí)和使用一些系統(tǒng)界面或者界面樣式,以及研究UI的設(shè)計(jì),我們收集一些比較美觀的WPF界面設(shè)計(jì)供參考。
直接編輯DataGrid界面例子
簡單客戶信息界面
在經(jīng)過基于SqlSugar框架的WPF應(yīng)用端系統(tǒng)界面及模塊的不斷優(yōu)化和重構(gòu)后,視圖界面及視圖模型等代碼已趨穩(wěn)定,因此完成前面的介紹后,現(xiàn)在開始統(tǒng)一基于代碼生成工具Database2Sharp進(jìn)行WPF應(yīng)用端界面代碼的快速生成了,代碼除了和WPF應(yīng)用端的基類保持一致處理外,并添加一些注釋代碼,整合使用一些自定義的控件,以便更好的展示和簡化代碼處理。
WPF應(yīng)用端的基礎(chǔ)接口,和Winform端、Vue3+ElementPlus前端一樣,都是調(diào)用SqlSugar開發(fā)框架中的相關(guān)業(yè)務(wù)接口,如果對(duì)我們的SqlSugar框架還有疑問,可以參考我的隨筆集《SqlSugar開發(fā)框架》進(jìn)行系列的學(xué)習(xí)或了解。
要了解項(xiàng)目的快速生成,需要從我們官網(wǎng)下載《代碼生成工具Database2Sharp》工具后進(jìn)行使用,該工具支持多種框架的項(xiàng)目開發(fā),我們這里以SqlSugar開發(fā)框架中的【SqlSugar框架WPF界面生成】的項(xiàng)目生成為例介紹。
我們首先需要使用PowerDesigner或者同類工具進(jìn)行表的建模,如下所示。
創(chuàng)建好相關(guān)的客戶信息表后,先展開數(shù)據(jù)庫列表,并從數(shù)據(jù)庫列表右鍵選擇對(duì)應(yīng)的【SqlSugar框架WPF界面生成】或者在工具欄中快速選擇操作,如下界面所示。
或者從工具欄中選擇對(duì)應(yīng)的功能入口。
在彈出的對(duì)話框中選擇對(duì)應(yīng)的表進(jìn)行框架代碼和【W(wǎng)PF界面生成】,從數(shù)據(jù)庫列表中選擇表進(jìn)行測(cè)試生成,如下界面所示。
我們可以從上面的列表中,定義查詢條件、列表顯示的內(nèi)容,以及編輯界面所需要編輯顯示的內(nèi)容等信息。然后一鍵生成即可生成相應(yīng)的WPF應(yīng)用端的視圖模型,以及視圖界面和后臺(tái)代碼。
我們以簡單的T_Customer表為例,展示生成的界面代碼,生成后,會(huì)在目錄中創(chuàng)建ViewModels和Views/Pages目錄,其中包含視圖模型和視圖界面代碼及后臺(tái)代碼。
視圖模型包含列表的視圖模型和編輯界面的視圖模型,如下兩個(gè)文件所示。
由于繼承了相關(guān)的基類信息,我們基本上有這些操作就可以完成常規(guī)的CRUD以及樹形列表的展示處理了,如果需要更多的操作,可以擴(kuò)展相關(guān)的代碼,同樣界面代碼和界面后臺(tái)代碼配套,統(tǒng)一生成相關(guān)的查詢、列表、分頁、導(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)增加的菜單功能入口了,單擊菜單就可以打開Page列表頁面,如果需要新增,則會(huì)彈出對(duì)話框進(jìn)行輸入。