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

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

上篇我們完成了數據源列表展示功能(還未測試)。 本篇我們來新增數據源,並查看列表展示功能。 接上篇: 二、數據源管理功能開發 2、新增數據源 我們用模態對話框來完成數據源的新增,效果如下圖: 我們分兩部分講解:展示 和 邏輯。 展示: 我們用的前端UI是基於bootstrap的,因此bootstra ...


上篇我們完成了數據源列表展示功能(還未測試)。

本篇我們來新增數據源,並查看列表展示功能。

 

接上篇:

二、數據源管理功能開發

2、新增數據源

我們用模態對話框來完成數據源的新增,效果如下圖:

我們分兩部分講解:展示 和 邏輯。

 

展示:

我們用的前端UI是基於bootstrap的,因此bootstrap中的所有組件也都可以正常使用。

去bootstrap的官網找到模態對話框,粘貼相關UI稍作修改。

基本html結構如下。

通過按鈕來觸發對話框:

 

邏輯:

點擊按鈕 添加數據源 à 打開模態對話框 à 填寫表單

à點擊測試連接 à 保存進資料庫(需滿足條件:測試連接OK)

 

我們完成填寫表單後的點擊測試連接功能,分成三個步驟。

步驟1:前端獲取表單信息並通過ajax提交

對照上圖, SQL SERVER資料庫連接相關欄位包括:資料庫地址Host,埠號,資料庫名,用戶名,密碼。

提交部分代碼如下:

 

 

 

步驟2:後端新建web api 來處理提交過來的請求

我們不新建web api項目了,直接在controller裡面新建一個web api類型的controller即可。

為了便於區分,我們起名時加上首碼Api

另外我們把類上面的路由 [Route("api/[controller]")] 註釋掉,在每個action裡面自己指定路由,另外我們添加下構造函數,完成資料庫連接相關的準備。

 

新建一個action, 我們將接收過來的json格式的對象進行解析。

將解析後的字元串作為連接字元串初始化一個SqlConnection對象,然後我們打開這個連接對象,如果打開狀態正常,我們認為就連接上了。

 

步驟3:返回結果

如果連接是成功的我們返回一條連接成功的信息供前端展示。

顯示效果:

連接測試成功後,完成保存按鈕的功能,過程類似,下麵提兩點區別,其他就不展開細說了。

1、前端傳遞的數據對象中將每個欄位分別傳輸,這樣方便解析存儲。

2、後端連接成功後,構造相應的數據源對象,存儲即可。

 

我們保存後可以看到新的數據源已被保存。

 

 

 

三、總結

本次我們完成了數據源的保存功能。

從使用角度來說,代碼是有很多明顯的地方需要改善,例如 測試數據源連接和保存數據源連接 有著代碼冗餘;缺少一些必要的防呆措施,保存按鈕最好開始是不可用的,等測試連接成功後再可用 等。

這些問題,不影響主幹功能的使用,我們先不修改她,等最終核心功能完成後再去迭代償還這些"技術債"。我們以開發速度為第一優先順序,每個功能達到最小可用後即進行下一步的開發。

 

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

 


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

-Advertisement-
Play Games
更多相關文章
  • 從沒有被釋放的記憶體塊,可以獲得文件名、行號,泄漏多少位元組,會列印顯示出來。 ...
  • 服裝價格變動,觸發淘寶發佈活動和消費者購買衣服事件流 1 public class EventStandard 2 { 3 public class Clothes { 4 5 /// <summary> 6 /// 服裝編碼 7 /// </summary> 8 public string Id ...
  • 源碼還需優化,不喜勿噴。 微信官方文檔 : https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 前期準備: 1.微信開放平臺開發者資質認證 https://open.wei ...
  • 今天總結一下,調用第三方介面地址,以POST方式進行HTTP請求,並且入參為JSON格式方法: 引用:using System.Text;using System.Net;using System.IO; string url="http://";//第三方介面地址 paramStr //json字 ...
  • 1.首先使用VS創建WebAPI項目 (這裡有個幫助類,將此幫助類複製到項目里,有興趣可以學著寫) //文件上傳下載,導入導出輔助類 public class APIFileHelp { //此為限制文件格式 public string[] ExtentsfileName = new string[ ...
  • 今天總結一下 關於XML字元串轉DataTable 方法: 引用:using System.Xml; using Newtonsoft.Json;using System.Data; using System.Collections; 首先,定義一個xml字元串來接收傳過來的數據, string x ...
  • 今天總結一下關於DataTable,XML轉JSON的方法: 首先需要引入命名空間: using Newtonsoft.Json 1 public string DataTableToJsonWithStringBuilder(DataTable table) 2 { 3 var jsonStrin ...
  • 最近在做調用第三方介面,要求入參AES加密,並且秘鑰為16位的長度,在此記錄一下。 首先引用命名空間: using System.IO; using System.Text; using System.Security.Cryptography; 1 /// <summary> 2 /// AES加 ...
一周排行
    -Advertisement-
    Play Games
  • 隨著Aspire發佈preview5的發佈,Microsoft.Extensions.ServiceDiscovery隨之更新, 服務註冊發現這個屬於老掉牙的話題解決什麼問題就不贅述了,這裡主要講講Microsoft.Extensions.ServiceDiscovery(preview5)以及如何 ...
  • 概述:通過使用`SemaphoreSlim`,可以簡單而有效地限制非同步HTTP請求的併發量,確保在任何給定時間內不超過20個網頁同時下載。`ParallelOptions`不適用於非同步操作,但可考慮使用`Parallel.ForEach`,儘管在非同步場景中謹慎使用。 對於併發非同步 I/O 操作的數量 ...
  • 1.Linux上安裝Docken 伺服器系統版本以及內核版本:cat /etc/redhat-release 查看伺服器內核版本:uname -r 安裝依賴包:yum install -y yum-utils device-mapper-persistent-data lvm2 設置阿裡雲鏡像源:y ...
  • 概述:WPF界面綁定和渲染大量數據可能導致性能問題。通過啟用UI虛擬化、非同步載入和數據分頁,可以有效提高界面響應性能。以下是簡單示例演示這些優化方法。 在WPF中,當你嘗試綁定和渲染大量的數據項時,性能問題可能出現。以下是一些可能導致性能慢的原因以及優化方法: UI 虛擬化: WPF提供了虛擬化技術 ...
  • 引言 上一章節介紹了 TDD 的三大法則,今天我們講一下在單元測試中模擬對象的使用。 Fake Fake - Fake 是一個通用術語,可用於描述 stub或 mock 對象。 它是 stub 還是 mock 取決於使用它的上下文。 也就是說,Fake 可以是 stub 或 mock Mock - ...
  • 為.net6在CentOS7上面做準備,先在vmware虛擬機安裝CentOS 7.9 新建CentOS764位的系統 因為CentOS8不更新了,所以安裝7;簡單就一筆帶過了 選擇下載好的操作系統的iso文件,下載地址https://mirrors.aliyun.com/centos/7.9.20 ...
  • 經過前面幾篇的學習,我們瞭解到指令的大概分類,如:參數載入指令,該載入指令以 Ld 開頭,將參數載入到棧中,以便於後續執行操作命令。參數存儲指令,其指令以 St 開頭,將棧中的數據,存儲到指定的變數中,以方便後續使用。創建實例指令,其指令以 New 開頭,用於在運行時動態生成並初始化對象。方法調用指... ...
  • LiteDB 是一個輕量級的嵌入式 NoSQL 資料庫,其設計理念與 MongoDB 類似,但它是完全使用 C# 開發的,因此與 C# 應用程式的集成非常順暢。與 SQLite 相比,LiteDB 提供了 NoSQL(即鍵值對)的數據存儲方式,並且是一個開源且免費的項目。它適用於桌面、移動以及 We ...
  • 1 開源解析和拆分文檔 第三方的工具去對文件解析拆分,去將我們的文件內容給提取出來,並將我們的文檔內容去拆分成一個小的chunk。常見的PDF word mark down, JSON、HTML。都可以有很好的一些模塊去把這些文件去進行一個東西去提取。 優勢 支持豐富的文檔類型 每種文檔多樣化選擇 ...
  • OOM是什麼?英文全稱為 OutOfMemoryError(記憶體溢出錯誤)。當程式發生OOM時,如何去定位導致異常的代碼還是挺麻煩的。 要檢查OOM發生的原因,首先需要瞭解各種OOM情況下會報的異常信息。這樣能縮小排查範圍,再結合異常堆棧、heapDump文件、JVM分析工具和業務代碼來判斷具體是哪 ...