上篇我們完成了數據源列表展示功能（還未測試）。 本篇我們來新增數據源，並查看列表展示功能。 接上篇： 二、數據源管理功能開發 2、新增數據源 我們用模態對話框來完成數據源的新增，效果如下圖： 我們分兩部分講解：展示 和 邏輯。 展示： 我們用的前端 ...

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

我們完成數據源管理的剩余部分：點擊表名，預覽表中數據。 我們需要完成的是下圖的方框部分。 考慮到這塊以后可能復用，我們將她獨立出來，做成 view component. 新建 view component 框架 因為前面多次出現過 view component ...

項目背景及需求說明 這是一個數據管理"工具類"的系統，計划有三個核心功能： 1、通過界面配置相關連接字符串，查詢數據庫的表數據。 2、配置相關模板，生成數據庫表。 可以界面填報或通過Excel導入導出填報表數據。 3、通過界面配置導出數據庫表結構（數據 ...

上次課程我們新建了管理員的模板頁。 本次我們就完善這個模板頁，順便加入樣式和一些基本的組件，配置好整個項目的UI風格。 一、引入 共用的css和js文件 后端庫用nuget, 前端庫用libman. 右鍵wwwroot文件夾，選擇菜單 Add / Client-Side ...

本次課程就正式進入開發部分。 首先我們先搭建項目框架，還是和之前漸進式風格保持一致，除必備組件外，盡量使用原生功能以方便大家理解。 開發工具：vs 2019 或以上 數據庫：SQL SERVER 2017 或以上 其他需要用到的我們在項目過程中再提。 一、新建 ...

上次課程我們完成了項目基本的UI風格配置。 現在就開始進入我們的需求開發，我們先捋一下需求。 一、總體需求說明 項目背景第一篇文章已有介紹，我們回顧一下。 這是一個數據管理"工具類"的系統，計划有三個核心功能： 1、數據查詢 通過界面配置相關連接字符串，查詢 ...

上次課程我們完成了需求的梳理。 我們根據梳理的需求把菜單配好，另外我們把項目里程碑也配置在系統中，開發和管理都在系統中，形成無文檔化管理。 一、菜單配置 根據我們的歸納圖，我們先將菜單配置好。 我們遵循敏捷開發的原則，近期要開發的功能列的詳細點，遠期要開發的先 ...