🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 搜索页 :-: ![](https://img.kancloud.cn/7c/5d/7c5d741c92c97cc792590bb34cc2db84_2792x1476.png) ### 1.搜索框 顶部显示搜索入口 * 提示文案:请输入搜索关键词(如数据源、表、视图、字段、标签名称) * 搜索范围: * 数据源搜索范围:数据源名称、数据源类型、创建人、负责人、标签 * 表搜索范围:表名称、负责人、Comment、标签 * 视图搜索范围:视图名称、负责人、Comment、标签 * 字段搜索范围:字段名称、标签、别名、描述 ### 2.点击搜索按钮,出现搜索结果 ![](https://img.kancloud.cn/f1/ca/f1cadaa27ef01d8dedd323d0ccbbc618_2790x1556.png) #### 支持筛选功能 #### (1)按「数据源类型」筛选 * 展示【全部】及各个数据源按钮,默认是选择【全部】 * 目前支持的数据源类型为MySQL、Oracle、SQL Server、PostgreSQL、FTP、S3 * 只展示与搜索对象相关的数据源,用户点击数据源后在搜索结果中筛选出符合要求的结果 * 再次点击筛选项作为取消该筛选项 * 支持用户选中多个数据源类型 <br/> #### (2)按「标签」筛选 * 展示【全部】及各个标签按钮,默认是选择【全部】。 * 标签筛选项中:显示所有与关键词相关的标签,与搜索结果没有关系。 * 默认展示一行标签,点击展开可查看所有的标签。 * 用户点击标签后再搜索结果中筛选出符合要求的数据源结果 * 再次点击取消筛选项 * 支持多个标签的筛选 * 数据源和标签可同时进行筛选 <br/> #### (3)按「搜索对象」筛选(数据源、表、视图、字段) 默认展示「数据源」搜索结果页、用户可切换至「表」、「视图」以及「字段」搜索结果页。 当数据源不包含搜索关键词时,默认展示页应该跳转至表或视图搜索结果页。 #### 「数据源」搜索结果页 :-: ![](https://img.kancloud.cn/59/8c/598ceb1fe4c380db39df9b101e252b68_2788x1592.png) * 内容:数据源名称(logo+名字)、标签、负责人、创建人、服务器地址、创建时间 * 当用户输入的关键词命中数据源名称、类型、创建人、负责人、标签时,要求显示在数据源结果页。 * 数据源的搜索对象只包含该用户所在的组共有的数据源。 * 点击任意结果,立即跳转到总览对应的源[详情页](数据源详情页.md) * 搜索结果只包含:mysql、sqlserver、oracle、postgre、FTP、S3数据源,其他数据源暂不支持显示 。 #### 「表」搜索结果页 :-: ![](https://img.kancloud.cn/f1/ca/f1cadaa27ef01d8dedd323d0ccbbc618_2790x1556.png) * 内容:表名称、标签、负责人、Comment、数据源名称(logo+名称)、服务器地址 * 关键词命中表名称、表负责人、表Comment、标签时要求显示在表结果页面。 * 表的搜索结果对应的数据源只包含该用户所在的用户组的数据源。 * 点击任意结果,立即跳转到总览对应的表详情页。 * 显示方式:分页显示,屏幕下拉到最后10条时加载更多。 #### 「视图」搜索结果页 :-: ![](https://img.kancloud.cn/89/fd/89fd35c3a4ced72d06b365c7141bb459_2780x1588.png) * 内容:视图名称、标签、负责人、Comment、数据源名称(logo+名称)、服务器地址 * 关键词命中表名称、表负责人、表Comment、标签时要求显示在表结果页面。 * 视图的搜索结果对应的数据源只包含该用户所在的用户组的数据源。 * 点击任意结果,立即跳转到总览对应的视图[详情页](数据源详情页.md) * 显示方式:分页显示,屏幕下拉到最后10条时加载更多。 #### 「字段」搜索结果页 :-: ![](https://img.kancloud.cn/90/cd/90cdad3223c97b3856159c080142dbfc_2794x1556.png) * 内容:字段名称、标签、别名、描述、表名称、数据源名称(logo+名称) * 每个标签默认展示全部字符,最多20个字符。 * 每个搜索结果显示全部标签,超过一行则用【...】符合处理,点击【...】浮层显示剩余标签。 * 关键词命中字段名称、别名、描述、标签时要求显示在字段结果页面。 * 字段的搜索结果对应的表和数据源只包含该用户所在的用户组的表和数据源。 * 点击任意结果,立即跳转到总览对应的表详情页 * 显示方式:分页显示,屏幕下拉到最后10条时加载更多。