上次课程我们完成了菜单的配置和开发里程碑的划定. 按照计划,我们先来开发数据仓库管理中的数据源管理(对应菜单为:数据仓库管理 / 数据源),首批支持的数据源是SQL SERVER数据库. 一.数据源管理功能任务分解 我们将这部分需求分解成以下几个任务: 1.新建数据源 主要功能是配置一个连接字符串,根据此连接字符串可以读取相应的数据库,即我们的数据仓库. 2.数据源列表 列出所有已建好的数据源. 3.预览数据 根据上一条,选择相应的数据源,我们可以显示该数据源下所有的 表/视图,点击 表/视图…

我们完成数据源管理的剩余部分:点击表名,预览表中数据. 我们需要完成的是下图的方框部分. 考虑到这块以后可能复用,我们将她独立出来,做成 view component. 新建 view component 框架 因为前面多次出现过 view component 的使用,分三步:建立类文件(WidgetTableViewComponent.cs).建立视图文件.调用.详细步骤不再展开. 详解 1.类文件WidgetTableViewComponent.cs 我们接收两个参数,一个是连接字符串,一个…

上篇我们完成了数据源列表展示功能(还未测试). 本篇我们来新增数据源,并查看列表展示功能.   接上篇: 二.数据源管理功能开发 2.新增数据源 我们用模态对话框来完成数据源的新增,效果如下图: 我们分两部分讲解:展示 和 逻辑.   展示: 我们用的前端UI是基于bootstrap的,因此bootstrap中的所有组件也都可以正常使用. 去bootstrap的官网找到模态对话框,粘贴相关UI稍作修改. 基本html结构如下. 通过按钮来触发对话框:   逻辑: 点击按钮 添加数据源 à 打开模…

上篇我们完成了数据源保存功能,并顺便看了保存后的数据源列表展示功能. 本篇我们开始开发预览功能,用户预览主要步骤: 1.点击数据源卡片预览按钮 2.查看数据源包含的表 3.点击表名,预览表中数据   一.前端结构及样式 效果如下图(静态html示意图): 左侧是数据源及包含的表. 右上为筛选条件(筛选条件功能先不开发,预留). 右下为点击表之后显示的预览数据. 二.前端交互 先在DWController中新建Action及配套的视图   我们来开发视图DBPreview.cshtml 的html…

项目背景及需求说明 这是一个数据管理"工具类"的系统,计划有三个核心功能: 1.通过界面配置相关连接字符串,查询数据库的表数据. 2.配置相关模板,生成数据库表. 可以界面填报或通过Excel导入导出填报表数据. 3.通过界面配置导出数据库表结构(数据字典).   通过以上功能,在数据分析.可视化项目中,更方便的进行数据管理.   课程计划 项目需要用到的基础知识之前已有文章做介绍,如下: (共20篇,其中1~10是基础知识介绍,11~20是专题知识介绍)   MVC+EF Core…

上次课程我们完成了项目基本的UI风格配置. 现在就开始进入我们的需求开发,我们先捋一下需求. 一.总体需求说明 项目背景第一篇文章已有介绍,我们回顾一下. 这是一个数据管理"工具类"的系统,计划有三个核心功能: 1.数据查询 通过界面配置相关连接字符串,查询数据库的表数据. 2.数据采集 配置相关模板,生成数据库表. 可以界面填报或通过Excel导入导出填报表数据. 3.表结构导出 通过界面配置导出数据库表结构(数据字典). 通过以上功能,在数据分析.可视化项目中,更方便的进行数据管理…

上次课程我们完成了需求的梳理. 我们根据梳理的需求把菜单配好,另外我们把项目里程碑也配置在系统中,开发和管理都在系统中,形成无文档化管理. 一.菜单配置 根据我们的归纳图,我们先将菜单配置好. 我们遵循敏捷开发的原则,近期要开发的功能列的详细点,远期要开发的先不展开. 我们要开发的第一个功能是 数据仓库管理. 我们将这部分需求回顾下,菜单对应功能是: 1.数据源 管理数据源.主要功能是配置一个连接字符串,根据此连接字符串可以读取相应的数据库,即我们的数据仓库. 2.数据表预览 根据上一条,选择相…

本次课程就正式进入开发部分. 首先我们先搭建项目框架,还是和之前渐进式风格保持一致,除必备组件外,尽量使用原生功能以方便大家理解. 开发工具:vs 2019 或以上 数据库:SQL SERVER 2017 或以上 其他需要用到的我们在项目过程中再提. 一.新建 MVC项目 1.打开VS 2019,Create a new project , 选择ASP.NET Core Web Application 2.填入项目名称相关信息 3.选择MVC模板,点击 Create 完成项目新建. 项目名 DW…

上次课程我们新建了管理员的模板页. 本次我们就完善这个模板页,顺便加入样式和一些基本的组件,配置好整个项目的UI风格.   一.引入 共用的css和js文件 后端库用nuget, 前端库用libman. 右键wwwroot文件夹,选择菜单 Add / Client-Side Library 我们使用admin-lte作为前端UI. 输入admin-lte搜索会自动产生推荐的版本号,如下图,安装路径默认在wwwroot/lib/admin-lte文件夹.   安装完后,可以看到相应位置已经有了ad…

0 Asp.Net Core 项目实战之权限管理系统(0) 无中生有 1 Asp.Net Core 项目实战之权限管理系统(1) 使用AdminLTE搭建前端 2 Asp.Net Core 项目实战之权限管理系统(2) 功能及实体设计 3 Asp.Net Core 项目实战之权限管理系统(3) 通过EntityFramework Core使用PostgreSQL 4 Asp.Net Core 项目实战之权限管理系统(4) 依赖注入.仓储.服务的多项目分层实现 5 Asp.Net Core 项目实…