MVC + EFCore 项目实战 - 数仓治理系统7 - 数据源治理中--新增数据源

admin 2周前 (07-23) 科技 11 0

上篇我们完成了数据源列表展示功效(还未测试)。

本篇我们来新增数据源,并查看列表展示功效。

&NBsp;

接上篇:

二、数据源治理功效开发

2、新增数据源

我们用模态对话框来完成数据源的新增,效果如下图:

我们分两部门解说:展示 和 逻辑。

 

展示:

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

去bootstrap的官网找到模态对话框,粘贴相关UI稍作修改。

基本html结构如下。

通过按钮来触发对话框:

 

逻辑:

点击按钮 添加数据源 à 打开模态对话框 à 填写表单

à点击测试毗邻 à 保留进数据库(需知足条件:测试毗邻OK)

 

我们完成填写表单后的点击测试毗邻功效,分成三个步骤。

步骤1:前端获取表单信息并通过ajax提交

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第1张

对照上图, SQL SERVER数据库毗邻相关字段包罗:数据库地址Host,端口号,数据库名,用户名,密码。

提交部门代码如下:

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第2张

 

 MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第3张

 

步骤2:后端新建web api 来处置提交过来的请求

我们不新建web api项目了,直接在controller内里新建一个web api类型的controller即可。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第4张

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第5张

为了便于区分,我们起名时加上前缀Api

另外我们把类上面的路由 [Route("api/[controller]")] 注释掉,在每个action内里自己指定路由,另外我们添加下组织函数,完成数据库毗邻相关的准备。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第6张

 

新建一个action, 我们将吸收过来的json花样的工具举行剖析。

将剖析后的字符串作为毗邻字符串初始化一个SqlConnection工具,然后我们打开这个毗邻工具,若是打开状态正常,我们以为就毗邻上了。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第7张

 

步骤3:返回效果

若是毗邻是乐成的我们返回一条毗邻乐成的信息供前端展示。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第8张

显示效果:

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第9张

毗邻测试乐成后,完成保留按钮的功效,历程类似,下面提两点区别,其他就不睁开细说了。

1、前端通报的数据工具中将每个字段划分传输,这样利便剖析存储。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第10张

2、后端毗邻乐成后,组织响应的数据源工具,存储即可。

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第11张

 

我们保留后可以看到新的数据源已被保留。

 

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第12张

 

MVC + EFCore 项目实战 - 数仓治理系统7 数据源治理中--新增数据源 第13张

 

三、总结

本次我们完成了数据源的保留功效。

从使用角度来说,代码是有许多显著的地方需要改善,例如 测试数据源毗邻和保留数据源毗邻 有着代码冗余;缺少一些需要的防呆措施,保留按钮最好最先是不可用的,等测试毗邻乐成后再可用 等。

这些问题,不影响主干功效的使用,我们先不修改她,等最终焦点功效完成后再去迭代归还这些"手艺债"。我们以开发速率为第一优先级,每个功效到达最小可用后即举行下一步的开发。

 

迎接人人给我留言,happy coding :)

 

,

欧博电脑版下载

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

AllBetGaming声明:该文看法仅代表作者自己,与本平台无关。转载请注明:MVC + EFCore 项目实战 - 数仓治理系统7 - 数据源治理中--新增数据源

网友评论

  • (*)

最新评论

站点信息

  • 文章总数:657
  • 页面总数:0
  • 分类总数:8
  • 标签总数:1016
  • 评论总数:245
  • 浏览总数:10378