测试平台系列(53) 数据库表接口适配前端页面(上)

这是我参加8月更文应战的第14天,活动概况检查:8月更文应战。

咱们好,我是米洛,求三连!求重视查验开发坑货!

回想

上一篇咱们费了点功夫,将异步代码前端开发是干什么的改回了同步代码,但也不能说一无所获,咱们编写好了在线运转sql语句的功用,并回来了想要的字段->字段值的列表数据。

今日咱们就来完善一下页面部分。

本文由于比较复杂而分为2节,有必定的难度,博主我也会尽量讲清楚,咱们还需求多了解。

怎样查询到数据表和详细字段呢

这个功用我认为是一个比较大的亮点,一般来说咱们在线实施查验,就拿我曾经做的渠道前端培训组织举例前端和后端的区别,都只是为了能让用户在线实施下SQL,所以关于数据表,python基础教程字段等的展现都是抛弃的。

今日呢,咱们就来整一整这块的功用。

经过Engine获取表数据

咱们都知道,能够经过实施spython能够自学吗how tables来检查表信息,可是咱们不但要信息,还要字段,那该怎样做呢?

并且咱们还需求把全部数据库配置都拉出哦,没事,看我操作就行了!

在sqlalchemy里边,能够用engine.table_npython培训班学费一般多少ames()拿到详细的表信息,并且是带上字段的,再比照一下咱们的参阅项目,我仓鼠饲养八大禁忌们就能明确到自己的方向了。

测验渠道系列(53) 数据库表接口适配前端页面(上)

后端需求做什么

咱们已然现已看到了大约想要完结的UI,那么咱们就去ant.de数据库管理体系sign官网找对前端开发应的树组件

测验渠道系列(53) 数据库表接口适配前端页面(上)

那么咱们的数据该怎样准备呢?在长沙市气候前端不便当处理的时分,咱们后端能够尽量回来前端运用酣畅的数据。先看看组件需求的数据:

const treeData = [
{
title: 'parent 0',
key: '0-0',
children: [
{ title: 'leaf 0-0', key数据库体系工程师: '0-0-0', isLeaf: true },
{ title: 'leaf 0-1', key: '0-0-1', isLeaf: true },
],
},
{
title:python123 'parent 1',
key: '0-1',
children: [
{ title: 'leaf 1-0', key: '0-1-0', isLeaf: trupython培训班学费一般多少e },
{ title: 'leaf 1-1', key: '0-1-1', isLeaf: true },
],
},
];

咱们一步一步来剖析:前端面试题

  • 顶层

    顶层是一个列表,列表里边是一个dict(以Python数据结构为例)。

  • 列表python123渠道登录元素

    列表元素又包括: title(展现称谓), key(仅有标识,嵌套调用为了便当选中的时分知道选到了哪个元素,和css中的id靠近的概念), children(是否有孩子,孩子也是相同的列表)。

    假定一个数据嵌套比较深,那么或陈涉世家翻译及原文许会在children里边有很多层children, 接下来咱们就要处理这块。

构思出前端需求的数据

其实这个很像咱们的文件夹的感觉,我这边列个目录给咱们看看。

测验渠道系列(53) 数据库表接口适配前端页面(上)

fat是环境,最大的分类,接着pity是数据库名,pity下面还有pity_t嵌套规划estcase(数据表),数据表下面还有id,name等字段。

那么假定咱们是这些数据,要给前端是怎样展现的呢?依照他们的规则:

const treeData = [
{
title: "fa数据库体系工程师t",
k仓鼠寿命ey: "env_fat",
children: [
{
"title"嵌套循环: "pity",
"key": "database_pity",
"children": [
{
"title": "pity_testcase",
key: "table_pity_testcase",
children: [
{
"title": "id",
"key": "column_id"
// 这儿就没有children了,由于字段是毕竟一级了数据库体系概论第五版课后答案
},
{
"title": "name",
"key": "column_name"
}数据库规划,
{
"title潮汕是哪个省的城市": "create_tim数据库软件e",
"key": "columpython123渠道登录n_create_time"
}
]
}
]
}
]
}
]

能够看到,数据是这样一层一层的,可谓前端面试题十分复杂!咱们看到或许会觉得,要我手动写还行,要我根据数据库的数据生成,那我还是回去学习了树之后再来吧!

其实duck不用,咱们只需理清楚思路就行。

承认仅有ke数据库体系工程师y

咱们有没有发现,虽然fat这种env是有id的,可是它也或许和其他表的id串了,所以咱们是不能以id为key的。但假定咱们加上表名的前缀,比方env_1,这样是不是不会串了呢?

那假定有的数据没有id呢?比方数据表python编程的字段数据,其实没事,咱们只需带上它爸爸的id即可,比方数据表字段虽然没有id,可是数据表的爸爸有,即咱们的pity_database_info表,它是有仅有id的,所以咱们带上他父亲的父亲的id即可。

前端开发需要掌握什么技能个击破

  • 环境层(第一层)

    首要咱们需求获取到当时有多少环境,并拿到环境的详细id->环境称谓的对应联络,由于咱们python能够做什么作业pity_database_info寄存的env

主键,而不是对嵌套应的环境名。

python编程定咱们拿到了环数据库管理体系境列表,那咱们能够造出第一层数据, 这儿用伪代码展前端和后端哪个工资高示:

envList = [{"id": 1, "name": fat}, {"id": 2, "name": "uat"}]
result = []
for env in envList:
result长沙师范学院.append({
title: env.get("name"),
key: f"env_{env.get("id")}",
children: []
})

这样咱们就完结了最外层数据的编写,result现在的效果:

[
{
"title": "fat",
"key": "env_1",
children: []
},
{
"title": "uat",
"key": "env_2",
children: []
}
]

能够看到,雏形python下载安装教程已出来了。

咱们去放到树里边看看作用:

测验渠道系列(53) 数据库表接口适配前端页面(上)

图中闪现了2个目录了,但长生十万年是由于没有children的原因,所以目录翻开后是没有内容的~

剩余的就辰时是几点到几点交给下一节来处理了!!!

项目文档地址: pity.readthedocs.org

发表评论

提供最优质的资源集合

立即查看 了解详情