上篇我們完成了數據源列表展示功能(還未測試)。 本篇我們來新增數據源,並查看列表展示功能。 接上篇: 二、數據源管理功能開發 2、新增數據源 我們用模態對話框來完成數據源的新增,效果如下圖: 我們分兩部分講解:展示 和 邏輯。 展示: 我們用的前端 ...
上篇我們完成了數據源保存功能,並順便看了保存后的數據源列表展示功能。 本篇我們開始開發預覽功能,用戶預覽主要步驟: 點擊數據源卡片預覽按鈕 查看數據源包含的表 點擊表名,預覽表中數據 一 前端結構及樣式 效果如下圖 靜態html示意圖 : 左側是數據源及包含的表。 右上為篩選條件 篩選條件功能先不開發,預留 。 右下為點擊表之后顯示的預覽數據。 二 前端交互 先在DWController中新建Ac ...
2020-07-28 08:44 13 2090 推薦指數:
上篇我們完成了數據源列表展示功能(還未測試)。 本篇我們來新增數據源,並查看列表展示功能。 接上篇: 二、數據源管理功能開發 2、新增數據源 我們用模態對話框來完成數據源的新增,效果如下圖: 我們分兩部分講解:展示 和 邏輯。 展示: 我們用的前端 ...
我們完成數據源管理的剩余部分:點擊表名,預覽表中數據。 我們需要完成的是下圖的方框部分。 考慮到這塊以后可能復用,我們將她獨立出來,做成 view component. 新建 view component 框架 因為前面多次出現過 view component ...
上次課程我們完成了菜單的配置和開發里程碑的划定。 按照計划,我們先來開發數據倉庫管理中的數據源管理(對應菜單為:數據倉庫管理 / 數據源),首批支持的數據源是SQL SERVER數據庫。 一、數據源管理功能任務分解 我們將這部分需求分解成以下幾個任務: 1、新建數據源 主要功能 ...
項目背景及需求說明 這是一個數據管理"工具類"的系統,計划有三個核心功能: 1、通過界面配置相關連接字符串,查詢數據庫的表數據。 2、配置相關模板,生成數據庫表。 可以界面填報或通過Excel導入導出填報表數據。 3、通過界面配置導出數據庫表結構(數據 ...
本次課程就正式進入開發部分。 首先我們先搭建項目框架,還是和之前漸進式風格保持一致,除必備組件外,盡量使用原生功能以方便大家理解。 開發工具:vs 2019 或以上 數據庫:SQL SERVER 2017 或以上 其他需要用到的我們在項目過程中再提。 一、新建 ...
上次課程我們完成了項目基本的UI風格配置。 現在就開始進入我們的需求開發,我們先捋一下需求。 一、總體需求說明 項目背景第一篇文章已有介紹,我們回顧一下。 這是一個數據管理"工具類"的系統,計划有三個核心功能: 1、數據查詢 通過界面配置相關連接字符串,查詢 ...
上次課程我們完成了需求的梳理。 我們根據梳理的需求把菜單配好,另外我們把項目里程碑也配置在系統中,開發和管理都在系統中,形成無文檔化管理。 一、菜單配置 根據我們的歸納圖,我們先將菜單配置好。 我們遵循敏捷開發的原則,近期要開發的功能列的詳細點,遠期要開發的先 ...
上次課程我們新建了管理員的模板頁。 本次我們就完善這個模板頁,順便加入樣式和一些基本的組件,配置好整個項目的UI風格。 一、引入 共用的css和js文件 后端庫用nuget, 前端庫用libman. 右鍵wwwroot文件夾,選擇菜單 Add / Client-Side ...