MVC + EFCore 項目實戰 - 數倉管理系統6 – 數據源管理上--使用view component完成卡片列表

来源:https://www.cnblogs.com/miro/archive/2020/07/21/13353001.html
-Advertisement-
Play Games

上次課程我們完成了菜單的配置和開發里程碑的劃定。 按照計劃,我們先來開發數據倉庫管理中的數據源管理(對應菜單為:數據倉庫管理 / 數據源),首批支持的數據源是SQL SERVER資料庫。 一、數據源管理功能任務分解 我們將這部分需求分解成以下幾個任務: 1、新建數據源 主要功能是配置一個連接字元串, ...


上次課程我們完成了菜單的配置和開發里程碑的劃定。

按照計劃,我們先來開發數據倉庫管理中的數據源管理(對應菜單為:數據倉庫管理 / 數據源),首批支持的數據源是SQL SERVER資料庫。

一、數據源管理功能任務分解

我們將這部分需求分解成以下幾個任務:

1、新建數據源

主要功能是配置一個連接字元串,根據此連接字元串可以讀取相應的資料庫,即我們的數據倉庫。

2、數據源列表

列出所有已建好的數據源。

3、預覽數據

根據上一條,選擇相應的數據源,我們可以顯示該數據源下所有的 表/視圖,點擊 表/視圖 後可以查詢數據。

 

二、數據源管理功能開發

對應任務分解,我們依次來開發。

 

1、數據源列表

開發前後臺邏輯代碼前,我們先設計好數據源的表結構。

做個簡單的分離,新建一個類庫 DWMS.Domain, 專門存放表對應的類。

先來規劃數據源相關的類。

新建 DataSourceBase,用來存放所有數據源的共有欄位。

 

新建DSSQLServer繼承 DataSourceBase ,用來存儲SQL SERVER 類型的數據源配置。

 

在 DefaultContext 中同步增加一下,另外 appsettings.json 將資料庫名由 DWMS 改成 DWMS1,重新生成資料庫。

* 開發階段會有頻繁的表變動,簡便起見,我們給資料庫名+1,通過增加數字來形成新的資料庫。

我們先完成數據源列表的顯示。

我們就不用平常的table了,用卡片來顯示列表。

如上圖,先做一個靜態的卡片。

我們到官網上找到card的樣式稍加修改,完成上圖的卡片。

 

 

 

接著,我們將靜態的卡片替換成一個 view component, 來迴圈產生數據源卡片。

一個 view component 由兩部分組成:類(繼承 ViewComponent)和 渲染視圖,我們先來創建這個類

創建ViewComponents 文件夾,在該文件夾下添加一個類 DSViewComponent.cs

再來創建view component視圖

新建兩個文件夾: Views/Shared/Components 和Views/Shared/Components/DS (約定大於配置,命名必須和之前的類DSViewComponent去掉尾碼後一樣,即 DS),併在該文件新建Razor view Views/Shared/Components/DS/Default.cshtml

我們將之前卡片的樣式粘貼過來做修改。

接收一個DSSQLServer類型的列表,然後用foreach迴圈羅列出來。

 

 

 

 

 

最後來調用

打開Views/DW/Index.cshtml ,在靜態卡片後面添加如下調用代碼:

因為現在還沒有數據源,目前展示還是空的,我們就不浪費時間造數據了,等完成新建數據源功能後再來看這塊展示效果。

 

 

三、總結

本次我們完成了數據源管理功能的任務分解並利用view componet完成了數據源展示的功能。

我們遵循敏捷開發的方式,一次完成一個功能的所有部分(數據源的表設計、後端邏輯代碼、前端展示),通過增量和迭代的方式先完成了數據源展示功能。

限於篇幅,我們將會在下一篇中完成新增數據源,並驗證本篇的展示功能。

 

歡迎大家給我留言,happy coding :)

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 今天,發佈了.NET 5.0 Preview7。這是倒數第二個預覽版本(在轉移到RC之前)。此時,大多數功能應該已經非常接近完成了。Single file和ARM64 intrinsics是兩個花費了最長時間來完成的功能,當然Preview 8中已經在正軌上了。請參閱 .NET 5.0 Previe ...
  • 公司項目已經開發好幾年了,用的WPF開發的,期間遇到好多問題,都是些小細節。很久沒有寫博客了,以後有時間還是需要寫寫博客啊!作為分享也好、記錄也好,利人利己嘛。 今天主要說一下顯示線條的問題,因為我們做的是設計軟體,會用到對齊線啥的,關鍵是頁面有放大縮小。(可參考ps或AI這些專業設計軟體的參考線) ...
  • #1 linq介紹 ##1.1 linq產生背景 一個應用服務後臺程式,肯定會需要格式各樣的數據檢索跟操作,而這些數據在過去的這些年裡一般都會包含在關係型資料庫或者xml文件中。 .Net3.5版本發行之前,傳統的數據源訪問方式就是直接對資料庫或者xml文件進行檢索操作。在.Net3.5 Visua ...
  • 最近一個同事遇到進度條載入不出來問題,即使偶爾載入出來了卻不顯示進度, 看到這個問題想到的肯定是把UI線程給占住了, 由於使用了幾個框架,簡單查看框架後,在框架中改為線程調用 問題解決了, 但是在思考一個問題,框架中的代碼我是能夠看到也可以修改,如果是不能更改的框架怎麼辦? 研究了一下,在需要用的地 ...
  • 效果圖預覽 新建UserControl <Border Background="#F3F6F9" Height="50" Width="400" CornerRadius="10" HorizontalAlignment="Stretch"> <Grid Height="Auto"> <Grid.C ...
  • 分散式系統中,有一些需要使用全局唯一ID的場景,這種時候為了防止ID衝突可以使用36位的UUID,但是UUID有一些缺點,首先他相對比較長,另外UUID一般是無序的。有些時候我們希望能使用一種簡單一些的ID,並且希望ID能夠按照時間有序生成。而twitter的snowflake解決了這種需求,最初T... ...
  • <Button Name="button" Content="Hello" Height="100" Width="200" Click="button_Click_2"> <Button.ContentTemplate> <DataTemplate> <Viewbox> <TextBlock>My ...
  • 最近用FFmpeg處理視頻, 提示“”當代碼嘗試讀取或寫入無法訪問的記憶體“”,然後程式退出。已經設置全局異常也沒有捕獲到。 C#調用非托管方法程式容易奔潰,原因是非退托管代碼報的異常未能被捕獲到。記錄一下兩種解決方法: 一、使用配置文件相容以前代碼 為了與舊代碼相容,在app.config添加leg ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...