var str = '<table><tr><td>书名</td><td>姓名</td><td>借阅情况</td><td>借阅情况</td></tr>'; for (var i = 0; i < result.rows.length; i++) { item = result.rows.item(i); str += "<tr><td>" + item["book"] + "</td><td>" + item["author"] +"</td><td>" + item["borrow"] + "</td><td><input type='button'id='" +item["id"]+ "'class='borrowItem'value='借阅'></td></tr>"; } str += "</table>";

时间: 2023-08-14 22:35:11 浏览: 37
这段代码是用 JavaScript 语言编写的，主要功能是将从数据库中获取的数据渲染成一个表格，并在每行数据末尾添加一个“借阅”按钮。其中，变量 str 存储了渲染后的 HTML 代码，通过循环遍历 result.rows 数组，将每行数据的书名、姓名和借阅情况添加到表格中。最后，将 str 变量末尾的字符串 "</table>" 添加到表格代码的最后，完成表格的生成。
相关问题

删除功能报错，请改正 <body> <div> <table id="table"> <thead>学生信息表</thead> <tr> <td id="id">编号</td> <td id="tname">姓名</td> <td>性别</td> <td>操作</td> </tr> <tr> <td>1</td> <td>nxy</td> <td>女</td> <td> <a href="Javascript:void(0);" onclick="delTr(this)">删除</a> </td> </tr> </table> </div> <script> function delTr(obj) { var tr = obj.parentNode.parentNode; var table = tr.parentNode; document.getElementsByTagName("table")[0].removeChild(tr); } </script> </body>

在这段代码中，删除功能的实现有一个错误。应该在thead标签中加入一个tr标签来包含标题行中的所有单元格，以便使其与数据行具有相同的列数。同时，应该更改thead标签的显示方式为表头，而不是普通文本。修改后的代码如下： ``` <body> <div> <table id="table"> <thead> <tr> <th>学生信息表</th> </tr> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>nxy</td> <td>女</td> <td> <a href="Javascript:void(0);" onclick="delTr(this)">删除</a> </td> </tr> </tbody> </table> </div> <script> function delTr(obj) { var tr = obj.parentNode.parentNode; var table = tr.parentNode; table.removeChild(tr); } </script> </body> ```

<td>2023058</td> <td>10 17 22 26 30 33 + 11</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td >0</td> </tr> <tr class="new"> <td>2023059</td> <td></td> <td>24</td> <td>10</td> <td>26</td> <td>31</td> <td>12</td> <td>33</td> <td>24</td> <td>08</td> <td>31</td> <td>24</td> <td></td> </tr> <tr> <td colspan="2">正确次数</td> <td>4</td> <td>3</td> <td>7</td> <td>2</td> <td>9</td> <td>3</td> <td>4</td> <td>5</td> <td>3</td> <td>6</td> <td></td> </tr> <tr> <td colspan="2">错误次数</td> <td>16</td> <td>17</td> <td>13</td> <td>18</td> <td>11</td> <td>17</td> <td>16</td> <td>15</td> <td>17</td> <td>14</td> <td></td> </tr> <tr> <td colspan="2">当前连对</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td></td> </tr> <tr> <td colspan="2">当前连错</td> <td>1</td> <td>4</td> <td>2</td> <td>4</td> <td>1</td> <td>7</td> <td>1</td> <td>2</td> <td>13</td> <td>3</td> <td></td> </tr> <tr> <td colspan="2">最大连对</td> <td>2</td> <td>1</td> <td>3</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td></td> </tr> <tr> <td colspan="2">最大连错</td> <td>9</td> <td>7</td> <td>4</td> <td>12</td> <td>3</td> <td>7</td> <td>7</td> <td>4</td> <td>13</td> <td>3</td> <td></td> </tr> </table> </div> </div> </div> <script type="text/javascript" src="https://img.78500.cn/mobile/iscroll.js"></script> <script type="text/javascript"> var wrapper; function loaded() { wrapper = new iScroll("wrapper", { vScrollbar: false, hScrollbar: false, zoom: true, zoomMin: 0.5, zoomMax: 1 }); } document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); document.addEventListener('DOMContentLoaded', loaded, false); </script></body> </html> 对应上代码用正则表达式提取 以 <tr class="new"> 开头 </tr>结束 里面的数字

可以使用以下正则表达式进行提取： ```python import re text = """<table class="table table-bordered table-condensed"> <thead> <tr> <th>期号</th> <th colspan="11">开奖号码</th> <th>总和</th> </tr> </thead> <tbody> <tr class="new"> <td>2023058</td> <td>10 17 22 26 30 33 + 11</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>0</td> </tr> <tr class="new"> <td>2023059</td> <td></td> <td>24</td> <td>10</td> <td>26</td> <td>31</td> <td>12</td> <td>33</td> <td>24</td> <td>08</td> <td>31</td> <td>24</td> <td></td> </tr> <tr> <td colspan="2">正确次数</td> <td>4</td> <td>3</td> <td>7</td> <td>2</td> <td>9</td> <td>3</td> <td>4</td> <td>5</td> <td>3</td> <td>6</td> <td></td> </tr> <tr> <td colspan="2">错误次数</td> <td>16</td> <td>17</td> <td>13</td> <td>18</td> <td>11</td> <td>17</td> <td>16</td> <td>15</td> <td>17</td> <td>14</td> <td></td> </tr> <tr> <td colspan="2">当前连对</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td></td> </tr> <tr> <td colspan="2">当前连错</td> <td>1</td> <td>4</td> <td>2</td> <td>4</td> <td>1</td> <td>7</td> <td>1</td> <td>2</td> <td>13</td> <td>3</td> <td></td> </tr> <tr> <td colspan="2">最大连对</td> <td>2</td> <td>1</td> <td>3</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td></td> </tr> <tr> <td colspan="2">最大连错</td> <td>9</td> <td>7</td> <td>4</td> <td>12</td> <td>3</td> <td>7</td> <td>7</td> <td>4</td> <td>13</td> <td>3</td> <td></td> </tr> </table> </div> </div> </div> <script type="text/javascript" src="https://img.78500.cn/mobile/iscroll.js"></script> <script type="text/javascript"> var wrapper; function loaded() { wrapper = new iScroll("wrapper", { vScrollbar: false, hScrollbar: false, zoom: true, zoomMin: 0.5, zoomMax: 1 }); } document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); document.addEventListener('DOMContentLoaded', loaded, false); </script></body> </html>""" pattern = re.compile(r'<tr class="new">(.*?)</tr>', re.S) matches = pattern.findall(text) for match in matches: print(match) ``` 这将输出以下内容： ``` <td>2023058</td> <td>10 17 22 26 30 33 + 11</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>0</td> <td>2023059</td> <td></td> <td>24</td> <td>10</td> <td>26</td> <td>31</td> <td>12</td> <td>33</td> <td>24</td> <td>08</td> <td>31</td> <td>24</td> <td></td> ```

相关推荐

pdf

JavaScript获取tr td 的三种方式全面总结（推荐）

/* 第一种，原生的js，先获取table然后获取tr标签，然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...
pdf

jQuery+ajax实现动态添加表格tr td功能示例

功能：ajax获取后台返回数据给table动态添加tr/td html部分： <table> <tbody></tbody> </table> ajax部分： var year = $('#year').val();//下拉框数据 var province= $('#province').val();//下拉框数据 $('...
pdf

JS动态添加Table的TR，TD实现方法

本文实例讲述了JS动态添加Table的TR，TD实现方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html>  <head> <title></title> [removed] var tempRow=0; var maxRows=0; ...
-

学会利用CSS美化<select>下拉框

[学会利用CSS美化<select>下拉框](https://img-blog.csdnimg.cn/33152617e6584c7198d19486426b40f7.png) # 1. HTML下拉框基本概念 学习HTML下拉框对于网页开发者来说至关重要，因为下拉框是网页表单中常用的交互...
-

初步了解HTML中的<select>标签

[初步了解HTML中的<select>标签](https://img-blog.csdnimg.cn/20181126193112119.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5iZXR0ZXIxOTk2,...

Header 1Header 2Header 3FixedData 1Data 2FixedData 3Data 4Header 1FixedFixed 实现拖动父级滚动条超出100像素固定表格下所有的第一列td 实例

<td class="fixed-column">Fixed</td> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td class="fixed-column">Fixed</td> <td>Data 3</td> <td>Data 4</td> </tr> </tbody> </table> <table> <thead> ...

修改代码使鼠标移入哪一栏显示对应图片<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> table{ margin: 100px auto; } td{ text-align: center; } </style> </head> <body> 女靴 女包 雪地靴 男包 冬裙 登山鞋 呢大衣 皮带 毛衣 围巾 棉服 皮衣 女裤 男毛衣 羽绒服 男棉服 牛仔裤 男靴 <script src="../jquery-3.7.0.js"></script> <script type="text/javascript"> $(function(){ $("tr td")mouseenter(function(){ $("img").prop("src","../images/女靴.jpg") }) }) </script> </body> </html>

<td rowspan="9"><img id="product-img" src="../images/女靴.jpg"></td> <td>女包</td> </tr> <tr> <td>雪地靴</td> <td>男包</td> </tr> <tr> <td>冬裙</td> <td>登山鞋</td> </tr> <tr> <td>呢大衣...

前端jqrey 动态渲染表单

var newRow = $("<tr></tr>"); // 创建两个新的单元格，并插入行中 var cell1 = $("<td></td>").text("内容1"); var cell2 = $("<td></td>").text("内容2"); // 将单元格插入行中 newRow.append(cell1); newRow....

<form action="updatePerson.do?personId=${sessionScope.updateById.personId}" method="post"> 姓名： <input type="text" name="personName" value="${sessionScope.updateById.personName}"> 称呼： <input type="text" name="personNickName" value="${sessionScope.updateById.personNickName}"> 性别： <input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">男<input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">女 类别： <input type="text" name="kindId" value="${sessionScope.updateById.kindId}"> 生日： <input type="text" name="personBirthday" value="${sessionScope.updateById.personBirthday}"> 电话： <input type="text" name="personTelephone" value="${sessionScope.updateById.personTelephone}"> QQ： <input type="text" name="personQQ" value="${sessionScope.updateById.personQQ}"> 邮箱： <input type="text" name="personEmail" value="${sessionScope.updateById.personEmail}"> 地址： <input type="text" name="personAddress" value="${sessionScope.updateById.personAddress}"> MSN： <input type="text" name="personMSN" value="${sessionScope.updateById.personMSN}"> 简介： <textarea cols="10" rows="5" name="personInfo">${sessionScope.updateById.personInfo}</textarea> <input type="submit" name="重填" value="重填"> <input type="submit" name="提交" value="提交"> </form> 为上述代码设计简单分格的ss和js代码

<td>姓名：</td> <td><input type="text" name="personName" value="${sessionScope.updateById.personName}"></td> </tr> <tr> <td>称呼：</td> <td><input type="text" name="personNickName" value="${...

<!DOCTYPE html> <html> <head> <title>表格形式</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 5px; } </style> <script> // 添加一行 function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); for(var i = 0; i < 5; i++){ var cell = row.insertCell(i); cell.innerHTML = '<select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select>'; cell.onclick = function(){ this.firstChild.style.display = 'block'; } cell.firstChild.onblur = function(){ this.style.display = 'none'; } cell.firstChild.style.display = 'none'; } } </script> </head> <body> 列1 列2 列3 列4 列5 <select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select> <select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select> <select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select> <select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select> <select><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select> <button onclick="addRow('myTable')">增加</button> </body> </html>将这段代码用bootstrap进行优化

cell.innerHTML = '<select class="form-control"><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option></select>'; cell.onclick = function(){ this.firstChild...

机票编号 起飞时间 到达时间 起飞地点 到达地点 价格 选择 <c:forEach var="ticket" items="${ticketList}"> ${ticket.ticketId} ${ticket.departureTime} ${ticket.arrivalTime} ${ticket.departurePlace} ${ticket.arrivalPlace} ${ticket.price} <input type="checkbox" name="selectedTickets" value="${ticket.ticketId}"> </c:forEach> 将此代码补充为完整的jsp页面代码

<td><input type="checkbox" name="selectedTickets" value="${ticket.ticketId}"></td> </tr> </c:forEach> </tbody> </table> <input type="submit" value="购买"> </form> </body> </html...

var table = $("");

$("<table></table>") 语法是 jQuery 中创建元素的一种方式，它可以用于在 JavaScript 中动态地创建 HTML 元素。通常，这段代码用于在 JavaScript 中创建动态生成的 HTML 元素，特别是在使用 jQuery 库的情况下。

操作 提单号/运单号 一程日期 二程日期 预计到货日期 海船公司 放箱日期 放箱单上传 <input type="button" name="comment" onclick="deleteTableRow(this)" value="删除"> <input type="text" name="comment"> <input type="date" name="date1"> <input type="date" name="date2"> <input type="date" name="date3"> <input type="text" name="commen1t"> <input type="date" name="date4"> <input type="file" name="attachment"> 宽度铺满滚动和选中删除

<td><input type="button" name="comment" onclick="deleteTableRow(this)" value="删除"></td> <td><input type="text" name="comment"></td> <td><input type="date" name="date1"></td> <td><input type=...

前端原生js 如何给里边填充数据

前端原生JS可以使用innerHTML属性给<tr><td></td><td></td></tr>元素填充数据。例如，可以使用以下代码给第一个<td>元素填充数据： var tableRow = document.createElement("tr"); var cell1 = document....

添加 修改 删除 手动运行数据更新器 选中 时间 总居民消费CPI 食品类CPI 衣着类CPI 居住类CPI 服务类CPI 交通通信类CPI 教育类CPI 医药类CPI 其他类CPI <c:forEach items="${cpi}" var="i"> <input name="radiobox" type="radio" value=${i.TIMES}/> <c:if test="${i.TIMES==999999}"> 预测本月 </c:if> <c:if test="${i.TIMES!=999999}"> ${i.TIMES} </c:if> ${i.CPI} ${i.FOOD} ${i.CLOTH} ${i.RESIDE} ${i.SERVICE} ${i.TRANS} ${i.EDU} ${i.MEDIC} ${i.OTHER} </c:forEach> 我希望页面在点击修改和删除的时候把单选框的value提交给服务器，我应该怎么改

<li><a href="/UltraCPI/add"><span><img src="images/t01.png" /></span>添加</a></li> <li><a href="#" onclick="editData()"><span><img src="images/t02.png" /></span>修改</a></li> <li><a href="#" ...

<body> <form action="QueryServlet" method="post"> 请输入用户名：<input type="text" name="userName"/> <input type="submit" value="查询"/> 显示全部 </form> 用户名密码积分注册时间 <c:forEach items="${users }" var="item"> ${item.userName } ${item.password } ${item.integral } ${item.registerTime } 删除 </c:forEach> </body>tomcat 删除一条记录怎么写

1. 在表格中为每行添加一个“删除”链接，可以通过在<tr>标签内添加一个<a>标签实现，例如： <td><a href="DeleteServlet?id=${item.id}">删除</a></td> 其中，${item.id}表示当前行的记录ID，将其作为...

<script> //反选 function changeCheck() { // 获取所有的复选框元素 var checkboxs = document.getElementsByTagName('input'); // 遍历所有复选框 for (var i = 0; i < checkboxs.length; i++) { // 如果当前元素是复选框，而且它的类型是checkbox if (checkboxs[i].type == 'checkbox') { // 判断当前复选框是否选中 if (checkboxs[i].checked) { // 如果选中，就取消选中 checkboxs[i].checked = false; } else { // 如果没有选中，就选中它 checkboxs[i].checked = true; } } } } $(function() { // 删除功能 $(".delete_item").click(function() { $(this).closest("tr").remove(); }); // 批量删除功能 $("#deleteAll").click(function() { $(".delete_item:checked").each(function() { $(this).closest("tr").remove(); }); }); }); </script> </head> <body> <button type="checkbox" id="allsel" onclick="changeCheck(this)">反选</button> 用户ID 爱好 家庭住址 操作 <input type="checkbox" class="check_item"> 1 跑步 江苏省无锡市 <button class="delete_item">删除</button> <input type="checkbox" class="check_item"> 2 打球 江苏省南京市 <button class="delete_item">删除</button> <input type="checkbox" class="check_item"> 3 跳舞 安徽省合肥市 <button class="delete_item">删除</button> <button class="deleteAll">批量删除</button> 将批量删除改正确

<td><button class="delete_item">删除</button></td> </tr> <tr> <td><input type="checkbox" class="check_item"></td> <td>2</td> <td>打球</td> <td>江苏省南京市</td> <td><button class="delete_item...

最新推荐

recommend-type

组成原理课程实验：MIPS 流水线CPU、实现36条指令、转发、冒险检测-内含源码和说明书.zip

组成原理课程实验：MIPS 流水线CPU、实现36条指令、转发、冒险检测-内含源码和说明书.zip
recommend-type

setuptools-50.0.2-py3-none-any.whl

Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
recommend-type

setuptools-1.1.6.tar.gz

Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构：Kafka与Hive集成

![实现实时数据湖架构：Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构，它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同，实时数据湖不依赖于预先定义的模式，而是采用灵活的架构，可以处理各种数据类型和格式。这种架构为企业提供了以下优势： - **实时洞察：**实时数据湖允许企业访问最新的数据，从而做出更明智的决策。 - **数据民主化：**实时数据湖使各种利益相关者都可
recommend-type

用 Python 画一个可以动的爱心

好的，我可以帮助您使用Python来绘制一个动态的爱心。您可以使用turtle库来实现。以下是实现代码： ```python import turtle import math # 设置画布和画笔 canvas = turtle.Screen() canvas.bgcolor("black") pencil = turtle.Turtle() pencil.speed(0) pencil.color("red", "pink") pencil.pensize(3) # 定义爱心函数 def draw_love(heart_size, x_offset=0, y_offset=0):
recommend-type

JSBSim Reference Manual

JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。
recommend-type

"互动学习：行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动，互动学习以行动为中心的强化学习学会互动，互动学习，以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授：智囊团论文联合主任菲利普·普雷教授，大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授，Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士，Deepmind对于那些及时看到自己错误的人...3谢谢你首先，我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔，"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲，你知道在这篇论文的（许多）错误中，你是我可以依
recommend-type

实现实时监控告警系统：Kafka与Grafana整合

![实现实时监控告警系统：Kafka与Grafana整合](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9BVldpY3ladXVDbEZpY1pLWmw2bUVaWXFUcEdLT1VDdkxRSmQxZXB5R1lxaWNlUjA2c0hFek5Qc3FyRktudFF1VDMxQVl3QTRXV2lhSWFRMEFRc0I1cW1ZOGcvNjQw?x-oss-process=image/format,png) # 1.1 Kafka集群架构 Kafka集群由多个称为代理的服务器组成，这