“保姆级”车载CAN总线教程(一)-堪称全网“最细”系列

随着汽车的不断发展,车上ECU也越来越多,各个ECU间的通信也愈发复杂,传统点对点的连接方式导致车上线束不断增多,使得汽车重量增加,同时也限制了汽车的空间。这时博世公司开发了CAN总线来进行各ECU间的通信,使的通信更加方便。

 

 1.什么是CAN总线?

CAN是控制器局域网络(Controler Area Network,CAN)的简称,是一种串行通信网络,目前已广泛应用于汽车等行业。关于它的优点等各位读者在进行深入学习后就会有所感悟(感觉在不了解的前提下谈优点纯属扯淡)!

考虑信号干扰等因素的影响,CAN的物理层的传输介质一般多为双绞线,且以差分信号的形式传输;其中一条信号线为CAN_H,另一条信号线为CAN_L,汽车上的各个ECU都接在上述双绞线上,组成有一个简单地CAN网络进行通信,其结构如下图所示。

 2.CAN的工作原理

CAN总线进行数据传输是通过CAN_H和CAN_L两条信号线的电压差来完成,通常用显性电平(Dominant Voltage)和隐性电平(Recessive Voltage)来表示,其中显性电平用逻辑“0”,隐性电平用逻辑“1”表示。

当总线上没有数据发送时,CAN_H和CAN_L的电平都为2.5V,此时为隐性电平(1);当总线上有信号发送时,CAN_H的电平升高到3.5V,CAN_L的电平降为1.5V,此时为显性电平(0),这一系列的0和1就组成了一帧帧的报文。

3.CAN信号的传输过程

Transmit:CAN控制器将ECU传来的信号转换为逻辑电平。CAN收发器接收逻辑电平之后,再将其转换为差分电平输出到CAN总线上。

Receive:CAN收发器将CAN_H 和 CAN_L 信号线上传来的差分电平转换为逻辑电平输出到CAN控制器,CAN控制器再把该逻辑电平转化为相应的信号发送到ECU上。

其传输过程如下图所示:

 本节先总体介绍下CAN总线的结构及其工作原理,下节将介绍CAN网络的数据传输,欢迎大家关注点赞。

及时学习,以共同进步,终成大佬!

  • 15
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
当涉及到 Vue DHTMLX-Gantt 导出 Excel 的保姆完整教程时,以下是一步一步的指南: 1. 确保您的项目中已经安装了 Vue 和 DHTMLX-Gantt。如果尚未安装,请使用以下命令进行安装: ```bash npm install vue dhtmlx-gantt ``` 2. 在您的 Vue 组件中引入所需的库和样式: ```javascript import 'dhtmlx-gantt'; import 'dhtmlx-gantt/codebase/dhtmlxgantt.css'; ``` 3. 创建一个 Vue 组件,并在模板中添加一个 Gantt 图表和一个按钮: ```html <template> <div ref="ganttContainer" style="width: 100%; height: 600px;"></div> <button @click="exportData">导出 Excel</button> </template> <script> import * as XLSX from 'xlsx'; import FileSaver from 'file-saver'; export default { mounted() { const ganttContainer = this.$refs.ganttContainer; gantt.init(ganttContainer); // 设置 Gantt 图表的配置和数据 // 示例数据 const tasks = [ { id: 1, text: '任务1', start_date: '2022-01-01', duration: 5, progress: 0.5 }, { id: 2, text: '任务2', start_date: '2022-01-06', duration: 4, progress: 0.2 }, // 其他任务... ]; gantt.parse({ data: tasks }); }, methods: { exportData() { const gantt = this.$refs.ganttContainer.$gantt; const tasks = gantt.getDatastore('task').getItems(); // 将任务数据转换为 Excel 数据格式 const data = tasks.map((task) => { return { id: task.id, text: task.text, start_date: task.start_date, duration: task.duration, progress: task.progress, }; }); // 创建 Excel 文件 const worksheet = XLSX.utils.json_to_sheet(data); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Gantt Data'); const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }); const excelData = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); // 下载 Excel 文件 FileSaver.saveAs(excelData, 'gantt_data.xlsx'); }, }, }; </script> <style> /* 可选的样式 */ </style> ``` 4. 在上述示例代码中,需要注意以下部分: - 在 `mounted` 钩子中,使用 `gantt.init(ganttContainer)` 初始化 Gantt 图表,并根据您的需求设置其配置和数据。 - `exportData` 方法用于将 Gantt 图表数据导出到 Excel。确保在 `exportData` 方法中的 `this.$refs.ganttContainer.$gantt` 是对 Gantt 图表组件的正确引用。 - 点击 "导出 Excel" 按钮时,将会生成一个名为 `gantt_data.xlsx` 的 Excel 文件,其中包含了 Gantt 图表的数据。 这就是使用 Vue DHTMLX-Gantt 导出 Excel 的保姆完整教程。希望对您有所帮助!如果您有任何其他问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汽车测试M哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值