forked from docs/doc-exports
Yang, Tong
48706b7552
Reviewed-by: Kacur, Michal <michal.kacur@t-systems.com> Co-authored-by: Yang, Tong <yangtong2@huawei.com> Co-committed-by: Yang, Tong <yangtong2@huawei.com>
136 lines
20 KiB
HTML
136 lines
20 KiB
HTML
<a name="mrs_01_24377"></a><a name="mrs_01_24377"></a>
|
|
|
|
<h1 class="topictitle1">Synchronizing Kafka Data to ClickHouse</h1>
|
|
<div id="body0000001583315477"><p id="mrs_01_24377__p99991325122814">This section describes how to create a Kafka table to automatically synchronize Kafka data to the ClickHouse cluster.</p>
|
|
<div class="section" id="mrs_01_24377__section51183720311"><h4 class="sectiontitle">Prerequisites</h4><ul id="mrs_01_24377__ul1696835973115"><li id="mrs_01_24377__li5968105919312">You have created a Kafka cluster. The Kafka client has been installed.</li><li id="mrs_01_24377__li25497248328">You have created a ClickHouse cluster and installed the ClickHouse client. The ClickHouse and Kafka clusters are in the same VPC and can communicate with each other.</li></ul>
|
|
</div>
|
|
<div class="section" id="mrs_01_24377__section1715164319232"><h4 class="sectiontitle">Constraints</h4><p id="mrs_01_24377__p1565012467236">Currently, ClickHouse cannot interconnect with Kafka clusters with security mode enabled.</p>
|
|
</div>
|
|
<div class="section" id="mrs_01_24377__section10908164973416"><a name="mrs_01_24377__section10908164973416"></a><a name="section10908164973416"></a><h4 class="sectiontitle">Syntax of the Kafka Table</h4><ul id="mrs_01_24377__ul17852183815396"><li id="mrs_01_24377__li9852203819395"><strong id="mrs_01_24377__b169761841247">Syntax</strong><pre class="screen" id="mrs_01_24377__screen1653085211397">CREATE TABLE [IF NOT EXISTS] [db.]table_name [ON CLUSTER cluster]
|
|
(
|
|
name1 [type1] [DEFAULT|MATERIALIZED|ALIAS expr1],
|
|
name2 [type2] [DEFAULT|MATERIALIZED|ALIAS expr2],
|
|
...
|
|
) ENGINE = Kafka()
|
|
SETTINGS
|
|
kafka_broker_list = 'host1:port1,host2:port2',
|
|
kafka_topic_list = 'topic1,topic2,...',
|
|
kafka_group_name = 'group_name',
|
|
kafka_format = 'data_format';
|
|
[kafka_row_delimiter = 'delimiter_symbol',]
|
|
[kafka_schema = '',]
|
|
[kafka_num_consumers = N]</pre>
|
|
</li><li id="mrs_01_24377__li361911291437"><strong id="mrs_01_24377__b1060987144">Parameter description</strong>
|
|
<div class="tablenoborder"><table cellpadding="4" cellspacing="0" summary="" id="mrs_01_24377__table2094810916447" frame="border" border="1" rules="all"><caption><b>Table 1 </b>Kafka table parameters</caption><thead align="left"><tr id="mrs_01_24377__row1694819984412"><th align="left" class="cellrowborder" valign="top" width="16.521652165216523%" id="mcps1.3.4.2.2.2.2.4.1.1"><p id="mrs_01_24377__p694812919441">Parameter</p>
|
|
</th>
|
|
<th align="left" class="cellrowborder" valign="top" width="8.430843084308432%" id="mcps1.3.4.2.2.2.2.4.1.2"><p id="mrs_01_24377__p139488984417">Mandatory</p>
|
|
</th>
|
|
<th align="left" class="cellrowborder" valign="top" width="75.04750475047504%" id="mcps1.3.4.2.2.2.2.4.1.3"><p id="mrs_01_24377__p5948139134419">Description</p>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody><tr id="mrs_01_24377__row1594849144412"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p1194817913443">kafka_broker_list</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p29484914449">Yes</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p169481913446">A list of Kafka broker instances, separated by comma (,). For example, <em id="mrs_01_24377__i104424911275">IP address 1 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b9444153024010">9092</strong>,<em id="mrs_01_24377__i1444104915273">IP address 2 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b1525111012814">9092</strong>,<em id="mrs_01_24377__i1344204912714">IP address 3 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b15522512142810">9092</strong>.</p>
|
|
<div class="note" id="mrs_01_24377__note14857186132318"><span class="notetitle"> NOTE: </span><div class="notebody"><p id="mrs_01_24377__p128582065234">If the Kerberos authentication is enabled, parameter <strong id="mrs_01_24377__b17359940154016">allow.everyone.if.no.acl.found</strong> must be set to <strong id="mrs_01_24377__b11920164344017">true</strong> if port <strong id="mrs_01_24377__b174303210419">21005</strong> is used. Otherwise, an error will be reported.</p>
|
|
</div></div>
|
|
<p id="mrs_01_24377__p16153131918356">To obtain the IP address of the Kafka broker instance, perform the following steps:</p>
|
|
<p id="mrs_01_24377__p109183215517">Log in to FusionInsight Manager and choose <strong id="mrs_01_24377__b97325408222219">Cluster</strong> > <em id="mrs_01_24377__i195087241422219">Name of the desired cluster</em> > <strong id="mrs_01_24377__b119006642622219">Services</strong> > <strong id="mrs_01_24377__b110956953422219">Kafka</strong>. Click <span class="uicontrol" id="mrs_01_24377__uicontrol19658154134712"><b>Instances</b></span> to query the IP addresses of the Kafka instances.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row12948597449"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p99482912447">kafka_topic_list</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p109481790443">Yes</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p1294839114416">A list of Kafka topics.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row2094819944417"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p169485914410">kafka_group_name</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p1594815964415">Yes</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p1794810912442">A group of Kafka consumers, which can be customized.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row83821942144719"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p15801046104718">kafka_format</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p1780112464472">Yes</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p1801194614470">Kafka message format, for example, JSONEachRow, CSV, and XML.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row99301914144915"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p99304146497">kafka_row_delimiter</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p1293001434910">No</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p139301414174916">Delimiter character, which ends a message.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row831683944914"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p183161739124914">kafka_schema</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p7316123914498">No</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p631619398493">Parameter that must be used if the format requires a schema definition.</p>
|
|
</td>
|
|
</tr>
|
|
<tr id="mrs_01_24377__row2994740501"><td class="cellrowborder" valign="top" width="16.521652165216523%" headers="mcps1.3.4.2.2.2.2.4.1.1 "><p id="mrs_01_24377__p179940485012">kafka_num_consumers</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="8.430843084308432%" headers="mcps1.3.4.2.2.2.2.4.1.2 "><p id="mrs_01_24377__p1399417415504">No</p>
|
|
</td>
|
|
<td class="cellrowborder" valign="top" width="75.04750475047504%" headers="mcps1.3.4.2.2.2.2.4.1.3 "><p id="mrs_01_24377__p149947475015">Number of consumers in per table. The default value is <strong id="mrs_01_24377__b14817141145312">1</strong>. If the throughput of a consumer is insufficient, more consumers are required. The total number of consumers cannot exceed the number of partitions in a topic because only one consumer can be allocated to each partition.</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</li></ul>
|
|
</div>
|
|
<div class="section" id="mrs_01_24377__section095512317568"><h4 class="sectiontitle">How to Synchronize Kafka Data to ClickHouse</h4><ol id="mrs_01_24377__ol5883183613568"><li id="mrs_01_24377__li58847364569"><a name="mrs_01_24377__li58847364569"></a><a name="li58847364569"></a><span>Switch to the Kafka client installation directory. For details, see <a href="mrs_01_1767.html">Using the Kafka Client</a>.</span><p><ol type="a" id="mrs_01_24377__ol159296281012"><li id="mrs_01_24377__lac0304168b134dbf966709a6ce549e7d">Log in to the node where the Kafka client is installed as the Kafka client installation user.</li><li id="mrs_01_24377__l9c0d2dbdcb7d41eab895a9f75b9a02b2">Run the following command to go to the client installation directory:<p id="mrs_01_24377__a96ae52efde9642948f638441a036c79a"><a name="mrs_01_24377__l9c0d2dbdcb7d41eab895a9f75b9a02b2"></a><a name="l9c0d2dbdcb7d41eab895a9f75b9a02b2"></a><strong id="mrs_01_24377__a50193f1676c741a5ae432c55250667d6">cd <span id="mrs_01_24377__ph381512063917">/opt/client</span></strong></p>
|
|
</li><li id="mrs_01_24377__l02709ddfb0a744f9ab239374e40a3e8b">Run the following command to configure environment variables:<p id="mrs_01_24377__a7060369a3f304b7890e4afb33f3e22ee"><a name="mrs_01_24377__l02709ddfb0a744f9ab239374e40a3e8b"></a><a name="l02709ddfb0a744f9ab239374e40a3e8b"></a><strong id="mrs_01_24377__addfe02b6a608430294a07fc537cc9c53">source bigdata_env</strong></p>
|
|
</li><li id="mrs_01_24377__ldb284e6385c84600ad3f1461ac3c91af">If Kerberos authentication is enabled for the current cluster, run the following command to authenticate the current user. If Kerberos authentication is disabled for the current cluster, skip this step.<p id="mrs_01_24377__p311819531051"><a name="mrs_01_24377__ldb284e6385c84600ad3f1461ac3c91af"></a><a name="ldb284e6385c84600ad3f1461ac3c91af"></a><strong id="mrs_01_24377__b176310963913">kinit</strong> <em id="mrs_01_24377__i1764998393">Component service user</em></p>
|
|
</li></ol>
|
|
</p></li><li id="mrs_01_24377__li133267241488"><a name="mrs_01_24377__li133267241488"></a><a name="li133267241488"></a><span>Run the following command to create a Kafka topic. For details, see <a href="mrs_01_0376.html">Managing Kafka Topics</a>.</span><p><p id="mrs_01_24377__p14145172115102"><strong id="mrs_01_24377__b6144122111019">kafka-topics.sh --topic </strong><em id="mrs_01_24377__i1614410219104">kafkacktest2</em><strong id="mrs_01_24377__b1640218458180"> --create --zookeeper </strong><em id="mrs_01_24377__i187181045141814">IP address of the Zookeeper role instance:Port used by ZooKeeper to listen to client</em><strong id="mrs_01_24377__b69221579182">/kafka --partitions </strong><em id="mrs_01_24377__i815065821813">2</em><strong id="mrs_01_24377__b2544151918"> --replication-factor </strong><em id="mrs_01_24377__i1829915119197">1</em></p>
|
|
<div class="note" id="mrs_01_24377__note89954191169"><img src="public_sys-resources/note_3.0-en-us.png"><span class="notetitle"> </span><div class="notebody"><ul id="mrs_01_24377__ul11980747191617"><li id="mrs_01_24377__li1398016476167"><strong id="mrs_01_24377__b260521084220">--topic</strong> is the name of the topic to be created, for example, <strong id="mrs_01_24377__b14380195504211">kafkacktest2</strong>.</li><li id="mrs_01_24377__li185131253175"><strong id="mrs_01_24377__b1825292964314">--zookeeper</strong> is the IP address of the node where the ZooKeeper role instances are located, which can be the IP address of any of the three role instances. You can obtain the IP address of the node by performing the following steps:<p id="mrs_01_24377__p1358813387523">Log in to FusionInsight Manager. For details, see <a href="mrs_01_2124.html">Accessing FusionInsight Manager</a>. Choose <strong id="mrs_01_24377__b98596100822219">Cluster</strong> > <em id="mrs_01_24377__i158112505722219">Name of the desired cluster</em> > <strong id="mrs_01_24377__b153309818622219">Services</strong> > <strong id="mrs_01_24377__b52908588422219">ZooKeeper</strong> > <strong id="mrs_01_24377__b2951614322219">Instance</strong>. View the IP addresses of the ZooKeeper role instances.</p>
|
|
</li><li id="mrs_01_24377__li72141727171916"><strong id="mrs_01_24377__b5287203618193">--partitions</strong> and <strong id="mrs_01_24377__b0772194210196">--replication-factor</strong> are the topic partitions and topic backup replicas, respectively. The number of the two parameters cannot exceed the number of Kafka role instances.</li><li id="mrs_01_24377__li17218101619148">To obtain the <em id="mrs_01_24377__i1643484812433">Port used by ZooKeeper to listen to client</em>, log in to FusionInsight Manager, click <strong id="mrs_01_24377__b159162057184317">Cluster</strong>, choose <strong id="mrs_01_24377__b990814554416">Services</strong> > <strong id="mrs_01_24377__b17617127174414">ZooKeeper</strong>, and view the value of <strong id="mrs_01_24377__b84842142441">clientPort</strong> on the <strong id="mrs_01_24377__b1653841884417">Configuration</strong> tab page. The default value is <strong id="mrs_01_24377__b30382927733633">24002</strong>.</li></ul>
|
|
</div></div>
|
|
</p></li><li id="mrs_01_24377__li64680261586"><a name="mrs_01_24377__li64680261586"></a><a name="li64680261586"></a><span>Log in to the ClickHouse client by referring to <a href="mrs_01_2345.html">Using ClickHouse from Scratch</a>.</span><p><ol type="a" id="mrs_01_24377__ol169281813713"><li id="mrs_01_24377__li4269903251">Run the following command to go to the client installation directory:<p id="mrs_01_24377__p1526916017259"><a name="mrs_01_24377__li4269903251"></a><a name="li4269903251"></a><strong id="mrs_01_24377__b426990122515">cd <span id="mrs_01_24377__ph12381193111483">/opt/client</span></strong></p>
|
|
</li><li id="mrs_01_24377__li172699012517">Run the following command to configure environment variables:<p id="mrs_01_24377__p172694017259"><a name="mrs_01_24377__li172699012517"></a><a name="li172699012517"></a><strong id="mrs_01_24377__b16269180122520">source bigdata_env</strong></p>
|
|
</li><li id="mrs_01_24377__li1910333418475">If Kerberos authentication is enabled for the current cluster, run the following command to authenticate the current user. The user must have the permission to create ClickHouse tables. Therefore, you need to bind the corresponding role to the user. For details, see <a href="mrs_01_24057.html">ClickHouse User and Permission Management</a>. If Kerberos authentication is disabled for the current cluster, skip this step.<p id="mrs_01_24377__p137512579492"><strong id="mrs_01_24377__b1520521045010">kinit</strong> <em id="mrs_01_24377__i1133611425013">Component service user</em></p>
|
|
<p id="mrs_01_24377__p77201452184920">Example: <strong id="mrs_01_24377__b61553404501">kinit clickhouseuser</strong></p>
|
|
</li><li id="mrs_01_24377__li1938193031911">Run the following command to connect to the ClickHouse instance node to which data is to be imported:<p id="mrs_01_24377__p1066265819518"><a name="mrs_01_24377__li1938193031911"></a><a name="li1938193031911"></a><strong id="mrs_01_24377__b466212582052">clickhouse client --host </strong><em id="mrs_01_24377__i66627583513">IP address of the ClickHouse instance</em><strong id="mrs_01_24377__b12662258353"> --user </strong><em id="mrs_01_24377__i266214581350">Login username</em><strong id="mrs_01_24377__b106624581951"> --password </strong><strong id="mrs_01_24377__b966214581852">--port </strong><em id="mrs_01_24377__i7662125816516">ClickHouse port number</em> <strong id="mrs_01_24377__b66622581658">--database</strong> <em id="mrs_01_24377__i2662175812517">Database name</em> <strong id="mrs_01_24377__b1266265812518">--multiline</strong></p>
|
|
<p id="mrs_01_24377__p11709323124611"><em id="mrs_01_24377__i125721854115615">Enter the user password.</em></p>
|
|
</li></ol>
|
|
</p></li><li id="mrs_01_24377__li77157332408"><span>Create a Kafka table in ClickHouse by referring to <a href="#mrs_01_24377__section10908164973416">Syntax of the Kafka Table</a>. For example, the following table creation statement is used to create a Kafka table whose name is <strong id="mrs_01_24377__b97701039175618">kafka_src_tbl3</strong>, topic name is <strong id="mrs_01_24377__b198341844175616">kafkacktest2</strong>, and message format is <strong id="mrs_01_24377__b453215017561">JSONEachRow</strong> in the default database.</span><p><pre class="screen" id="mrs_01_24377__screen13811826467">create table kafka_src_tbl3 on cluster default_cluster
|
|
(id UInt32, age UInt32, msg String)
|
|
ENGINE=Kafka()
|
|
SETTINGS
|
|
kafka_broker_list='<em id="mrs_01_24377__i11652845114716">IP address 1 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b2652164515471">9092</strong>,<em id="mrs_01_24377__i11653124517473">IP address 2 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b176538451472">9092</strong>,<em id="mrs_01_24377__i1765334544711">IP address 3 of the Kafka broker instance</em>:<strong id="mrs_01_24377__b13654154514719">9092</strong>',
|
|
kafka_topic_list='kafkacktest2',
|
|
kafka_group_name='cg12',
|
|
kafka_format='JSONEachRow';</pre>
|
|
</p></li><li id="mrs_01_24377__li48111221462"><span>Create a ClickHouse replicated table, for example, the ReplicatedMergeTree table named <strong id="mrs_01_24377__b12361815135918">kafka_dest_tbl3</strong>.</span><p><pre class="screen" id="mrs_01_24377__screen16529191124819">create table kafka_dest_tbl3 on cluster default_cluster
|
|
( id UInt32, age UInt32, msg String )
|
|
engine = ReplicatedMergeTree('/clickhouse/tables/{shard}/default/kafka_dest_tbl3', '{replica}')
|
|
partition by age
|
|
order by id;</pre>
|
|
</p></li><li id="mrs_01_24377__li205294154818"><span>Create a materialized view, which converts data in Kafka in the background and saves the data to the created ClickHouse table.</span><p><pre class="screen" id="mrs_01_24377__screen1497854885117">create materialized view consumer3 on cluster default_cluster to kafka_dest_tbl3 as select * from kafka_src_tbl3;</pre>
|
|
</p></li><li id="mrs_01_24377__li11978204855116"><span>Perform <a href="#mrs_01_24377__li58847364569">1</a> again to go to the Kafka client installation directory.</span></li><li id="mrs_01_24377__li8171337135320"><span>Run the following command to send a message to the topic created in <a href="#mrs_01_24377__li133267241488">2</a>:</span><p><div class="p" id="mrs_01_24377__p16201623155715"><strong id="mrs_01_24377__b1089354123119">kafka-console-producer.sh --broker-list </strong><em id="mrs_01_24377__i290518433117">IP address 1 of the kafka broker instance</em><strong id="mrs_01_24377__b97522893111">:9092,</strong><em id="mrs_01_24377__i107611988314">IP address 2 of the kafka broker instance</em><strong id="mrs_01_24377__b3592717173111">:9092,</strong><em id="mrs_01_24377__i660119178319">IP address 3 of the kafka broker instance</em><strong id="mrs_01_24377__b18592917133110">:9092 </strong><strong id="mrs_01_24377__b13620823175713"> --topic </strong><em id="mrs_01_24377__i19620223125719">kafkacktest2</em><pre class="screen" id="mrs_01_24377__screen1662020234579">>{"id":31, "age":30, "msg":"31 years old"}
|
|
>{"id":32, "age":30, "msg":"31 years old"}
|
|
>{"id":33, "age":30, "msg":"31 years old"}
|
|
>{"id":35, "age":30, "msg":"31 years old"}</pre>
|
|
</div>
|
|
</p></li><li id="mrs_01_24377__li86201623175710"><span>Use the ClickHouse client to log in to the ClickHouse instance node in <a href="#mrs_01_24377__li64680261586">3</a> and query the ClickHouse table data, for example, to query the replicated table <strong id="mrs_01_24377__b79981226431">kafka_dest_tbl3</strong>. It shows that the data in the Kafka message has been synchronized to this table.</span><p><pre class="screen" id="mrs_01_24377__screen107761243509">select * from kafka_dest_tbl3;</pre>
|
|
<p id="mrs_01_24377__p15995297116"><span><img id="mrs_01_24377__image20995397117" src="en-us_image_0000001532676350.png"></span></p>
|
|
</p></li></ol>
|
|
</div>
|
|
<p id="mrs_01_24377__p8060118"></p>
|
|
</div>
|
|
<div>
|
|
<div class="familylinks">
|
|
<div class="parentlink"><strong>Parent topic:</strong> <a href="mrs_01_24250.html">Migrating ClickHouse Data</a></div>
|
|
</div>
|
|
</div>
|
|
|