MVC + EFCore 項目實戰 - 數倉管理系統8 - 數據源管理下--數據源預覽

来源:https://www.cnblogs.com/miro/archive/2020/07/28/13389029.html

上篇我們完成了數據源保存功能,並順便看了保存後的數據源列表展示功能。 本篇我們開始開發預覽功能,用戶預覽主要步驟: 1、點擊數據源卡片預覽按鈕 2、查看數據源包含的表 3、點擊表名,預覽表中數據 一、前端結構及樣式 效果如下圖(靜態html示意圖): 左側是數據源及包含的表。 右上為篩選條件(篩選條 ...


上篇我們完成了數據源保存功能,並順便看了保存後的數據源列表展示功能。

本篇我們開始開發預覽功能,用戶預覽主要步驟:

1、點擊數據源卡片預覽按鈕

2、查看數據源包含的表

3、點擊表名,預覽表中數據

 

一、前端結構及樣式

效果如下圖(靜態html示意圖):

左側是數據源及包含的表。

右上為篩選條件(篩選條件功能先不開發,預留)。

右下為點擊表之後顯示的預覽數據。

二、前端交互

先在DWController中新建Action及配套的視圖

 

我們來開發視圖DBPreview.cshtml 的html結構:

對照效果圖,以2:10的比例分成兩列:

 

展開代碼,左側數據源和表:

右上篩選條件:

右下是數據表格:

靜態的html結構就完成了,下麵我們來填充功能。

 

三、後臺邏輯

先來填充上圖方框中的值。

 

步驟:

1、頁面載入時接收一個DataSourceBase類型的對象,通過此對象獲取 數據源名稱 和 數據源類別。

2、前端根據 數據源類別 和 數據源名稱 動態查詢,獲取相關連接字元串。

3、以SQL SERVER為例,根據連接字元串獲取相應資料庫下包含的表。

 

下麵來依次完成。

打開 controller, 添加資料庫連接相關功能。

修改我們的action, 完成步驟1、2,傳遞一個DataSourceBase類型的Model到View

* 用DataSourceBase而不用DSSQLServer,因為可能會有其他類型的數據源,View不知道Action會傳什麼類型的數據源過去。

 

接著我們在View中增加第3步,取得目標資料庫下包含的表。

 

說明一下,上圖中多了一個SQLHelper,後面因為會有比較複雜的多表操作,因此我們新建個SQLHelper類,複雜的操作我們直接用原生SQL來完成。

我們簡單複習下ADO.NET操作資料庫的步驟。

1、用連接字元串初始化 SqlConnection 對象。

2、打開連接

3、執行語句,返回結果。

按操作類別分兩類:

查詢 返回個數據集合,我們這裡用 DataTable;增刪改 返回受影響的行數。

按執行載體的形式分兩類:

執行文本SQL語句和執行存儲過程。

另外,為了方便我們一般還會將語句或存儲過程分為帶參數和不帶參數兩種。

 

我們用SQLHelper將這幾個步驟封裝,限於篇幅就不展開了,大家可以去源碼中自行查看,有疑問可以給我留言。下圖給出SQLHelper的結構概況。

 

回到數據源展示部分的html結構,我們將原來的固定值替換。

下圖中方框處為替換值,方框上面註釋代碼為原來的值。

替換完後的展示效果:

 

總結

本次我們先完成了查看數據源信息及數據源包含的表。

另外,我們回顧了直接操作ADO.NET的基本步驟,並將步驟封裝成了SQLHelper.

雖然EFCore 可以完成大部分資料庫的操作,但SQLHelper是一個很好的補充,可以代替EFCore不擅長的部分。

 

限於篇幅,我們在下一篇中完成點擊表名,預覽表中數據。

預覽表數據的主要問題是:表結構是動態的,我們需要根據不同表的結構動態展示表欄位及包含的數據,具體做法且聽下回分解。

 

歡迎在評論區留言打卡,happy coding :)

 

 

P.S. 相關文章

MVC + EFCore 項目實戰 - 數倉管理系統7 - 數據源管理中--新增數據源

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

MVC + EFCore 項目實戰 - 數倉管理系統5 – 菜單配置及里程碑劃分

MVC + EFCore 項目實戰 - 數倉管理系統4 – 需求分解

MVC + EFCore 項目實戰 - 數倉管理系統3 - 完成整體樣式風格配置

MVC + EFCore 項目實戰 - 數倉管理系統2- 搭建基本框架配置EFCore

MVC + EFCore 項目實戰 - 數倉管理系統1


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

更多相關文章
  • 前言 JAVA起於1995年,經過20多年的發展,在眾多語言中脫穎而出,JAVA如今已經發展成為世界第一編程語言。而且越來越多的人加入到JAVA開發的大軍中。 2014年的數據:全球的軟體開發者數量達到1850萬,其中1100萬是專業的軟體開發人員,另外750萬是開發愛好者,其中我國程式員占比是很少 ...
  • #!/usr/bin/python3# -*- coding: UTF-8 -*-import pandas as pdimport numpy as npimport matplotlib.pyplot as pltdef main(): # 創建一個列表Series,pandas會創建整形指標 ...
  • 練習1:題目:有四個數字:1、2、3、4,能組成多少個互不相同且無重覆數字的三位數?各是多少?語句: # coding: utf-8 print ('題目:有四個數字:1、2、3、4,能組成多少個互不相同且無重覆數字的三位數?各是多少?')for aa in range(1, 5): for ab ...
  • 原文:https://almirai.live/Coding/Java/JavaWeb/Basics/type/ 數據類型 基本類型 類型 占用空間(Byte) 取值範圍 byte(位元組型) 1 -128~127 short(短整型) 2 −216~216−1 int(整型) 4 −231~231− ...
  • 提起AI,大家都會先想到Python,確實Python作為一門好幾十年的老語言,上一波的AI大流行使它煥發了青春。大家用Phtyon來做AI,最主要的原因無非就是編碼量更少,很多數學和AI相關的Api都是現成的。但是隨著ML.net的問世,我們現在可以在.netcore平臺上使用比Python更少的 ...
  • 環境: Vs 2015 .net 4.5.2 源碼: public static void toScreen() { ThreadStart ts = new ThreadStart(() =>//開線程 { Screen scr = Screen.PrimaryScreen; Rectangle ...
  • 效果圖片: 分步解析實現過程: 一.新建報表所需要的文件以及類: 1.新建一個WindowForm項目WindowsFormsReport; 2. 添加Entity文件夾,並添加StudentEntity.cs類; public class StudentEntity { /// <summary> ...
  • 一 使用背景: 通過Http 請求下載一個壓縮的文件到伺服器記憶體中(重點:不用保存到本地),然後通過代碼直接提取壓縮包的文件 二 實現思路:(註:需要提前安裝 ICSharpCode.SharpZipLib.dll) 1 通過Http請求下載壓縮文件到伺服器的記憶體中 2 讀取記憶體中壓縮的包的流(註意 ...
一周排行
  • 比如要拆分“呵呵呵90909086676喝喝999”,下麵當type=0返回的是中文字元串“呵呵呵,喝喝”,type=1返回的是數字字元串“90909086676,999”, private string GetStrings(string str,int type=0) { IList<strin ...
  • Swagger一個優秀的Api介面文檔生成工具。Swagger可以可以動態生成Api介面文檔,有效的降低前後端人員關於Api介面的溝通成本,促進項目高效開發。 1、使用NuGet安裝最新的包:Swashbuckle.AspNetCore。 2、編輯項目文件(NetCoreTemplate.Web.c ...
  • 2020 年 7 月 30 日, 由.NET基金會和微軟 將舉辦一個線上和為期一天的活動,包括 微軟 .NET 團隊的演講者以及社區的演講者。本次線上大會 專註.NET框架構建微服務,演講者分享構建和部署雲原生應用程式的最佳實踐、模式、提示和技巧。有關更多信息和隨時瞭解情況:https://focu... ...
  • #abp框架Excel導出——基於vue #1.技術棧 ##1.1 前端採用vue,官方提供 UI套件用的是iview ##1.2 後臺是abp——aspnetboilerplate 即abp v1,https://github.com/aspnetboilerplate/aspnetboilerp ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:碧茂大數據 PS:如有需要Python學習資料的小伙伴可以加下方的群去找免費管理員領取 input()輸入 Python提供了 input() 內置函數從標準輸入讀入一 ...
  • 從12年到20年,python以肉眼可見的趨勢超過了java,成為了當今It界人人皆知的編程語言。 python為什麼這麼火? 網路編程語言搜索指數 適合初學者 Python具有語法簡單、語句清晰的特點,這就讓初學者在學習階段可以把精力集中在編程對象和思維方法上。 大佬都在用 Google,YouT ...
  • 在社會上存在一種普遍的對培訓機構的學生一種歧視的現象,具體表現在,比如:當你去公司面試的時候,一旦你說了你是培訓機構出來的,那麼基本上你就涼了,那麼你瞞著不說,然後又通過了面試成功入職,但是以後一旦在公司被髮現有培訓經歷,可能會面臨被降薪,甚至被辭退,培訓機構出來的學生,在用人單位眼裡就是能力低下的 ...
  • from typing import List# 這道題看了大佬寫的代碼,經過自己的理解寫出來了。# 從最外圍的四周找有沒有為O的,如果有的話就進入深搜函數,然後深搜遍歷# 判斷上下左右的位置是否為Oclass Solution: def solve(self, board: List[List[s ...
  • import requests; import re; import os; # 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, li ...
  • import requests; import re; import os; import parsel; 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537. ...