值得收藏!神器 navicat 用法秘籍,你不知道就out啦

公众号 “菜鸟学Python”, 设为 “星标”

451篇原创,和30w+一起学Python!

Navicat 是一套快速、可靠的数据库管理工具,专为简化数据库的管理及降低系统管理成本而设。它的设计符合数据库管理员、开发人员及中小企业的需要。


Navicat 是以直觉化的图形用户界面而建的,可以以安全并且简单的方式创建、组织、访问并共用信息。神器用的好,下班回家早,下面就和小编看下 navicat 提高工作效率的功能吧

01.连接数据库方式

常见的连接方式为使用用户名和密码连接数据库,设置 mysql 机器ip、端口、mysql的用户名和密码即可连接数据库,如下图:

但是如果你的数据库为了安全起见不允许远程连接,但你还想用 navicat 管理你的数据库需要怎么做呢?你可以使用它提供的 ssh 通道连接 MySQL 数据库。除了配置 General 选项板的配置,你还要配置 SSH 选项的内容,如下:

02.快速查看表结构

如果想知道某个表的建表语句(DDL),选中数据表,点击右侧的 DDL ,就会显示建表语句:

3.指定 sql 语句运行

点击 navicat 上方的 New Query 新建查询语句,写完 sql 执行即可得到 sql 的执行结果,如果有多条 sql ,只选中某条 sql,就会只运行指定的sql,否则就会运行全部的 sql 。假如你输入的sql很长,点击魔法棒按钮,就会对sql语句进行格式化,方便阅读 sql;


4.分析sql语句

看 sql 语句执行时间,如果时间太长肯定是有问题的,通常情况下,一条 sql 语句执行时间应该控制在 0.01 秒内,如果大于这个时间,那么说明此 sql 语句,或者此表的表结构需要优化,如下图所示:

点击 Explain 可以查看 sql 的执行计划,查看此 sql 在执行过程中,有没有用到索引 等等。

点击 Profile 可以查看 sql 的概况,看此 sql 执行过程中,各个过程的耗时比例:

5.复制当前的记录为 insert 语句

选中数据表中的一些记录,右击鼠标,选择 Copy AS ,即可根据选中的数据表记录生成对应的 sql 语句,其中 Insert Statement 是生成插入数据操作的 sql:

Update Statement 根据选中的数据记录生成更新操作的 sql 语句:


6.数据传输工具

数据传输:是把一个数据库的里面的数据复制到另一个数据库里面去,点击 Tools 选项,选择 Data Transfer,配置原数据库和目标数据库的信息,点击 Next 进入下一配置页面:

选择要传输的数据表,可以一次选择多个数据表,选好后,点击 Next 就可以传输数据了

7.sql表数据导出为其他文件

除了可以将数据导出为 sql  文件,还可以导出为多种格式的文件,选中数据表,鼠标点击右键,选择 Export Wizard 选项,即可导出数据:

导出来的数据支持保存为多种格式,比如 csv、xls、json等格式。


8.查看数据表的ER关系图

分析一个数据库,然后想看看各个表之间的关系,所以需要查看表与表之间的关系图,专业术语叫做ER关系图。

选中数据表后右击鼠标,点击 Reverse Tables to Model,就会根据所选数据表逆向生成对应的模型,可以直观的看到数据表之前的联系。

以上就是我们常用的一些功能了,新版本的 Navicat 还有一些数据报表统计功能,感兴趣的小伙伴可以下载体验一下。

希望今天的文章分享对你有帮助,万水千山总是情,点个 ???? 行不行。

推荐阅读:
入门: 最全的零基础学Python的问题  | 零基础学了8个月的Python  | 实战项目 |学Python就是这条捷径
干货:爬取豆瓣短评,电影《后来的我们》 | 38年NBA最佳球员分析 |   从万众期待到口碑扑街!唐探3令人失望  | 笑看新倚天屠龙记 | 灯谜答题王 |用Python做个海量小姐姐素描图 |
趣味:弹球游戏  | 九宫格  | 漂亮的花 | 两百行Python《天天酷跑》游戏!
AI: 会做诗的机器人 | 给图片上色 | 预测收入 | 碟中谍这么火,我用机器学习做个迷你推荐系统电影

年度爆款文案

点这里,直达菜鸟学PythonB站!!
<think>好的,我现在需要帮助用户解决如何使用vue-seamless-scroll实现el-table的自动滚动效果的问题。首先,我要回忆一下用户提到的引用内容,看看有没有相关的实现方法。引用[1]提到创建两个表格,一个隐藏body部分,另一个隐藏head部分,然后结合滚动组件来实现固定表头和滚动数据。引用[2]则提到了使用vue-seamless-scroll插件以及处理排序时需要从头滚动的逻辑,用到了scrollInitFlag参数。 用户现在需要具体的示例代码,所以我应该整理出一个清晰的步骤。首先,安装vue-seamless-scroll插件是必要的。然后,在组件中引入插件并注册。接下来,构建两个el-table,第一个表格只显示表头,第二个表格隐藏表头并放在vue-seamless-scroll组件内。需要确保两个表格的列对齐,所以宽度和样式要一致。 另外,用户可能需要在点击排序时重置滚动,这时候需要处理排序事件,将scrollInitFlag设为true,并在滚动方法中根据这个参数决定是否从头开始滚动。代码中可能需要用到ref来引用滚动组件,并调用其reset方法。 需要注意样式部分,特别是隐藏第二个表格的表头,可以使用CSS选择器如/deep/ .el-table__header-wrapper来设置display: none。同时,两个表格的宽度要保持一致,避免布局错乱。 可能的问题点包括:表格数据更新时滚动是否正常,滚动速度的控制,以及如何处理用户交互如悬停暂停滚动。用户可能还需要知道如何调整参数,比如step、limitMoveNum等,来优化滚动效果。 最后,确保示例代码简洁明了,注释清楚,让用户能够直接复制并调整使用。同时,提醒用户注意版本兼容性,比如Vue3和element-plus的配置可能有所同,需要正确导入组件和样式。</think># 使用 vue-seamless-scroll 实现 el-table 自动滚动 ### 实现步骤与代码示例 #### 1. 安装插件 ```bash npm install vue-seamless-scroll ``` #### 2. 基础实现 ```vue <template> <div class="scroll-container"> <!-- 固定表头表格 --> <el-table :data="tableData" class="header-table" :header-cell-style="{ background: '#f5f7fa' }" > <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> <!-- 滚动数据表格 --> <vue-seamless-scroll :data="tableData" class="seamless-scroll" :class-option="scrollOptions" > <el-table :data="tableData" class="body-table" :show-header="false" > <el-table-column prop="date" width="180"></el-table-column> <el-table-column prop="name" width="180"></el-table-column> <el-table-column prop="address"></el-table-column> </el-table> </vue-seamless-scroll> </div> </template> <script> import vueSeamlessScroll from 'vue-seamless-scroll' export default { components: { vueSeamlessScroll }, data() { return { tableData: [ // 填充测试数据... ], scrollOptions: { step: 0.5, // 滚动速度 limitMoveNum: 10, // 开启滚动的数据量阈值 hoverStop: true, // 悬停暂停 direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true // 自动监听数据更新 } } } } </script> <style scoped> .scroll-container { position: relative; height: 400px; } .header-table { position: absolute; z-index: 2; width: 100%; } .body-table { margin-top: 40px; /* 表头高度 */ } .seamless-scroll { height: 360px; /* 容器总高度 - 表头高度 */ overflow: hidden; } /* 隐藏滚动表格的头部 */ /deep/ .body-table .el-table__header-wrapper { display: none; } </style> ``` ### 关键点说明 1. **双表格结构**:通过分离表头和数据实现固定表头效果[^1] 2. **参数配置**: - `step` 控制滚动速度(值越大越快) - `limitMoveNum` 设置数据量阈值(当数据超过该值才启用滚动) - `hoverStop` 实现悬停暂停交互 3. **样式处理**: - 使用定位固定表头表格 - 通过`margin-top`偏移数据表格位置 - 隐藏滚动表格的头部元素 ### 排序重置逻辑[^2] ```vue <script> export default { methods: { handleSortChange() { this.scrollInitFlag = true this.$refs.scrollComponent.reset() } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值