欧博备用网址:MVC EFCore 项目实战 - 数仓治理系统8 - 数据源治理下--数据源预览

admin/2020-07-28/ 分类:科技/阅读:

上篇我们完成了数据源保留功效,并顺便看了保留后的数据源列表展示功效。

本篇我们最先开发预览功效,用户预览主要步骤:

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

,

Allbet客户端下载

欢迎进入Allbet客户端下载(Allbet Game):www.aLLbetgame.us,欧博官网是欧博集团的官方网站。欧博官网开放Allbet注册、Allbe代理、Allbet电脑客户端、Allbet手机版下载等业务。

TAG:
阅读:
广告 330*360
广告 330*360
Sunbet_进入申博sunbet官网
微信二维码扫一扫
关注微信公众号
新闻自媒体 Copyright © 2002-2019 Sunbet 版权所有
二维码
意见反馈 二维码