简单教程，简单编程 http://www.twle.cn/ Apr 16, 2026 Copyright © 2010-2012, 简单教程 tag:www.twle.cn,Dec 11, 2025:/t/90634 Dec 11, 2025 Dec 11, 2025 yufei http://www.twle.cn/member/yufei Configuration\u000D\u000A public class KafkaConfig {\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic}\u0022)\u000D\u000A String myTopic\u003B\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic2}\u0022)\u000D\u000A String myTopic2\u003B\u000D\u000A\u000D\u000A /**\u000D\u000A * JSON消息转换器\u000D\u000A */\u000D\u000A @Bean\u000D\u000A public RecordMessageConverter jsonConverter() {\u000D\u000A return new StringJacksonJsonMessageConverter()\u003B\u000D\u000A }\u000D\u000A\u000D\u000A /**\u000D\u000A * 通过注入一个 NewTopic 类型的 Bean 来创建 topic，如果 topic 已存在，则会忽略。\u000D\u000A */\u000D\u000A @Bean\u000D\u000A public NewTopic myTopic() {\u000D\u000A return new NewTopic(myTopic, 2, (short) 1)\u003B\u000D\u000A }\u000D\u000A\u000D\u000A @Bean\u000D\u000A public NewTopic myTopic2() {\u000D\u000A return new NewTopic(myTopic2, 1, (short) 1)\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A5. 添加消息实体\u000D\u000A\u000D\u000A\u000D\u000A package me.try4.hss.kafka.config\u003B\u000D\u000A\u000D\u000A import org.apache.kafka.clients.admin.NewTopic\u003B\u000D\u000A import org.springframework.beans.factory.annotation.Value\u003B\u000D\u000A import org.springframework.context.annotation.Bean\u003B\u000D\u000A import org.springframework.context.annotation.Configuration\u003B\u000D\u000A import org.springframework.kafka.support.converter.RecordMessageConverter\u003B\u000D\u000A import org.springframework.kafka.support.converter.StringJacksonJsonMessageConverter\u003B\u000D\u000A\u000D\u000A @Configuration\u000D\u000A public class KafkaConfig {\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic}\u0022)\u000D\u000A String myTopic\u003B\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic2}\u0022)\u000D\u000A String myTopic2\u003B\u000D\u000A\u000D\u000A /**\u000D\u000A * JSON消息转换器\u000D\u000A */\u000D\u000A @Bean\u000D\u000A public RecordMessageConverter jsonConverter() {\u000D\u000A return new StringJacksonJsonMessageConverter()\u003B\u000D\u000A }\u000D\u000A\u000D\u000A /**\u000D\u000A * 通过注入一个 NewTopic 类型的 Bean 来创建 topic，如果 topic 已存在，则会忽略。\u000D\u000A */\u000D\u000A @Bean\u000D\u000A public NewTopic myTopic() {\u000D\u000A return new NewTopic(myTopic, 2, (short) 1)\u003B\u000D\u000A }\u000D\u000A\u000D\u000A @Bean\u000D\u000A public NewTopic myTopic2() {\u000D\u000A return new NewTopic(myTopic2, 1, (short) 1)\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A6. 添加生产者\u000D\u000A\u000D\u000A package me.try4.hss.kafka.service\u003B\u000D\u000A\u000D\u000A import lombok.extern.slf4j.Slf4j\u003B\u000D\u000A import org.apache.kafka.clients.producer.ProducerRecord\u003B\u000D\u000A import org.springframework.kafka.core.KafkaTemplate\u003B\u000D\u000A import org.springframework.kafka.support.SendResult\u003B\u000D\u000A import org.springframework.stereotype.Service\u003B\u000D\u000A\u000D\u000A import java.util.concurrent.CompletableFuture\u003B\u000D\u000A\u000D\u000A @Service\u000D\u000A @Slf4j\u000D\u000A public class BookProducerService {\u000D\u000A\u000D\u000A private final KafkaTemplate\u003CString, Object\u003E kafkaTemplate\u003B\u000D\u000A\u000D\u000A public BookProducerService(KafkaTemplate\u003CString, Object\u003E kafkaTemplate) {\u000D\u000A this.kafkaTemplate \u003D kafkaTemplate\u003B\u000D\u000A }\u000D\u000A\u000D\u000A\u000D\u000A public void sendMessage(String topic, Object o) {\u000D\u000A // 分区编号最好为 null，交给 kafka 自己去分配\u000D\u000A ProducerRecord\u003CString, Object\u003E producerRecord \u003D new ProducerRecord\u003C\u003E(topic, null, System.currentTimeMillis(), String.valueOf(o.hashCode()), o)\u003B\u000D\u000A\u000D\u000A CompletableFuture\u003CSendResult\u003CString, Object\u003E\u003E future \u003D kafkaTemplate.send(producerRecord)\u003B\u000D\u000A\u000D\u000A future.thenApply(\u000D\u000A result \u002D\u003E {\u000D\u000A log.info(\u0022生产者成功发送消息到topic:{} partition:{}的消息\u0022, result.getRecordMetadata().topic(), result.getRecordMetadata().partition())\u003B\u000D\u000A return \u0022\u0022\u003B\u000D\u000A })\u000D\u000A .exceptionally(\u000D\u000A ex \u002D\u003E {\u000D\u000A log.error(\u0022生产者发送消失败，原因：{}\u0022, ex.getMessage())\u003B\u000D\u000A return null\u003B\u000D\u000A }\u000D\u000A )\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A7. 添加消费者\u000D\u000A\u000D\u000A package me.try4.hss.kafka.service\u003B\u000D\u000A\u000D\u000A import com.fasterxml.jackson.core.JsonProcessingException\u003B\u000D\u000A import com.fasterxml.jackson.databind.ObjectMapper\u003B\u000D\u000A import lombok.extern.slf4j.Slf4j\u003B\u000D\u000A import me.try4.hss.kafka.entity.Book\u003B\u000D\u000A import org.apache.kafka.clients.consumer.ConsumerRecord\u003B\u000D\u000A import org.springframework.beans.factory.annotation.Value\u003B\u000D\u000A import org.springframework.kafka.annotation.KafkaListener\u003B\u000D\u000A import org.springframework.stereotype.Service\u003B\u000D\u000A\u000D\u000A @Service\u000D\u000A @Slf4j\u000D\u000A public class BookConsumerService {\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic}\u0022)\u000D\u000A private String myTopic\u003B\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic2}\u0022)\u000D\u000A private String myTopic2\u003B\u000D\u000A\u000D\u000A private final ObjectMapper objectMapper \u003D new ObjectMapper()\u003B\u000D\u000A\u000D\u000A @KafkaListener(topics \u003D {\u0022${kafka.topic.my\u002Dtopic}\u0022}, groupId \u003D \u0022group1\u0022)\u000D\u000A public void consumeMessage(ConsumerRecord\u003CString, String\u003E bookConsumerRecord) {\u000D\u000A try {\u000D\u000A Book book \u003D objectMapper.readValue(bookConsumerRecord.value(), Book.class)\u003B\u000D\u000A log.info(\u0022消费者消费topic:{} partition:{}的消息 \u002D\u003E {}\u0022, bookConsumerRecord.topic(), bookConsumerRecord.partition(), book.toString())\u003B\u000D\u000A } catch (JsonProcessingException e) {\u000D\u000A e.printStackTrace()\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A @KafkaListener(topics \u003D {\u0022${kafka.topic.my\u002Dtopic2}\u0022}, groupId \u003D \u0022group2\u0022)\u000D\u000A public void consumeMessage2(Book book) {\u000D\u000A log.info(\u0022消费者消费{}的消息 \u002D\u003E {}\u0022, myTopic2, book.toString())\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A8. 添加控制器\u000D\u000A\u000D\u000A package me.try4.hss.kafka.controller\u003B\u000D\u000A\u000D\u000A import lombok.RequiredArgsConstructor\u003B\u000D\u000A import me.try4.hss.kafka.entity.Book\u003B\u000D\u000A import me.try4.hss.kafka.service.BookProducerService\u003B\u000D\u000A import org.apache.kafka.clients.admin.NewTopic\u003B\u000D\u000A import org.springframework.beans.factory.annotation.Autowired\u003B\u000D\u000A import org.springframework.beans.factory.annotation.Value\u003B\u000D\u000A import org.springframework.util.StringUtils\u003B\u000D\u000A import org.springframework.web.bind.annotation.GetMapping\u003B\u000D\u000A import org.springframework.web.bind.annotation.RequestMapping\u003B\u000D\u000A import org.springframework.web.bind.annotation.RequestParam\u003B\u000D\u000A import org.springframework.web.bind.annotation.RestController\u003B\u000D\u000A\u000D\u000A import java.util.Random\u003B\u000D\u000A import java.util.concurrent.atomic.AtomicLong\u003B\u000D\u000A\u000D\u000A @RestController\u000D\u000A @RequiredArgsConstructor\u000D\u000A @RequestMapping(\u0022message\u0022)\u000D\u000A public class MessageController {\u000D\u000A\u000D\u000A @Value(\u0022${kafka.topic.my\u002Dtopic}\u0022)\u000D\u000A String myTopic\u003B\u000D\u000A\u000D\u000A private final BookProducerService bookProducerService\u003B\u000D\u000A\u000D\u000A\u000D\u000A private AtomicLong atomicLong \u003D new AtomicLong()\u003B\u000D\u000A\u000D\u000A @GetMapping(\u0022send\u0022)\u000D\u000A public String send(@RequestParam String msg) {\u000D\u000A\u000D\u000A Book newBook \u003D Book.builder().id(atomicLong.addAndGet(1)).name(msg).build()\u003B\u000D\u000A bookProducerService.sendMessage(myTopic,newBook)\u003B\u000D\u000A return \u0022ok\u0022\u003B\u000D\u000A }\u000D\u000A }\u000D\u000A\u000D\u000A\u000D\u000A9. 程序起来后，访问下面的网页，就可以看到消息了\u000D\u000A\u000D\u000A\u0009[http://localhost:9090/message/send?msg\u003Doka1](http://localhost:9090/message/send?msg\u003Doka1) ]]> tag:www.twle.cn,Sep 18, 2025:/t/90631 Sep 18, 2025 Sep 18, 2025 yufei http://www.twle.cn/member/yufei tag:www.twle.cn,Sep 08, 2025:/t/90630 Sep 08, 2025 Sep 08, 2025 yufei http://www.twle.cn/member/yufei tag:www.twle.cn,Sep 01, 2025:/t/90629 Sep 01, 2025 Sep 01, 2025 yufei http://www.twle.cn/member/yufei types/markdown\u002Dit\u000D\u000A \u000D\u000A2. 制作 Nuxt 插件 plugins，文件路径为 `app/plugins/markdownit.ts`\u000D\u000A\u000D\u000A\u0009\u0009// app/plugins/markdownit.ts\u000D\u000A import md from \u0022markdown\u002Dit\u0022\u003B\u000D\u000A import hljs from \u0022highlight.js\u0022\u003B\u000D\u000A import type MarkdownIt from \u0022markdown\u002Dit\u0022\u003B\u000D\u000A\u000D\u000A export default defineNuxtPlugin(() \u003D\u003E {\u000D\u000A const renderer: MarkdownIt \u003D md({\u000D\u000A highlight: function (str, lang) {\u000D\u000A if (lang \u0026\u0026 hljs.getLanguage(lang)) {\u000D\u000A try {\u000D\u000A return (\u000D\u000A \u0027\u003Cpre\u003E\u003Ccode class\u003D\u0022hljs\u0022\u003E\u0027 +\u000D\u000A hljs.highlight(str, { language: lang, ignoreIllegals: true })\u000D\u000A .value +\u000D\u000A \u0022\u003C/code\u003E\u003C/pre\u003E\u0022\u000D\u000A )\u003B\u000D\u000A } catch (__) {}\u000D\u000A }\u000D\u000A\u000D\u000A return (\u000D\u000A \u0027\u003Cpre\u003E\u003Ccode class\u003D\u0022hljs\u0022\u003E\u0027 +\u000D\u000A renderer.utils.escapeHtml(str) +\u000D\u000A \u0022\u003C/code\u003E\u003C/pre\u003E\u0022\u000D\u000A )\u003B\u000D\u000A },\u000D\u000A })\u003B\u000D\u000A\u000D\u000A const md2Html \u003D (mdtext: any) \u003D\u003E {\u000D\u000A return typeof mdtext !\u003D \u0022string\u0022\u000D\u000A ? mdtext\u000D\u000A : (renderer.enable(\u0022linkify\u0022), renderer.render(mdtext))\u003B\u000D\u000A }\u003B\u000D\u000A\u000D\u000A return {\u000D\u000A provide: {\u000D\u000A mdRenderer: md2Html,\u000D\u000A },\u000D\u000A }\u003B\u000D\u000A })\u003B\u000D\u000A\u000D\u000A4. 在日常的 components 中使用\u000D\u000A\u0009\u0009\u000D\u000A const content \u003D `# hello www.twle.cn #`\u000D\u000A\u0009\u0009const mdtext \u003D $mdRenderer(content)\u003B\u000D\u000A \u000D\u000A5. 添加样式\u000D\u000A\u0009\u000D\u000A \u003E 平时怎么加就怎么加吧 ]]> tag:www.twle.cn,Aug 22, 2025:/t/90628 Aug 22, 2025 Aug 22, 2025 yufei http://www.twle.cn/member/yufei tag:www.twle.cn,Aug 16, 2025:/t/90627 Aug 16, 2025 Aug 16, 2025 yufei http://www.twle.cn/member/yufei tag:www.twle.cn,Aug 16, 2025:/t/90626 Aug 16, 2025 Aug 16, 2025 yufei http://www.twle.cn/member/yufei https://nuxt.com/docs/api/configuration/nuxt\u002Dconfig\u000D\u000Aexport default defineNuxtConfig({\u000D\u000A compatibilityDate: \u00272025\u002D07\u002D15\u0027,\u000D\u000A devtools: { enabled: true },\u000D\u000A build: {\u000D\u000A transpile:[\u0027naive\u002Dui\u0027,\u0027vueuc\u0027]\u000D\u000A },\u000D\u000A modules: [\u0027nuxtjs\u002Dnaive\u002Dui\u0027],\u000D\u000A vite: {\u000D\u000A plugins: [\u000D\u000A AutoImport({\u000D\u000A imports: [\u000D\u000A {\u000D\u000A \u0027naive\u002Dui\u0027: [\u000D\u000A \u0027useDialog\u0027,\u000D\u000A \u0027useMessage\u0027,\u000D\u000A \u0027useNotification\u0027,\u000D\u000A \u0027useLoadingBar\u0027\u000D\u000A ]\u000D\u000A }\u000D\u000A ]\u000D\u000A }),\u000D\u000A Components({\u000D\u000A resolvers: [NaiveUiResolver()]\u000D\u000A })\u000D\u000A ]\u000D\u000A }\u000D\u000A})\u000D\u000A```\u000D\u000A\u000D\u000A\u003E 你的配置可能和我不一样，因为我用了 `naive ui` 的缘故 ]]> tag:www.twle.cn,Mar 28, 2025:/t/90625 Mar 28, 2025 Mar 28, 2025 yufei http://www.twle.cn/member/yufei TableId(type \u003D IdType.ASSIGN_ID,value \u003D \u0022t_order.id\u0022)\u000D\u000A@ApiModelProperty(value \u003D \u0022主键\u0022)\u000D\u000Aprivate String id\u003B\u000D\u000A``` ]]> tag:www.twle.cn,Jan 24, 2024:/t/90624 Jan 24, 2024 Jan 24, 2024 yufei http://www.twle.cn/member/yufei tag:www.twle.cn,Oct 18, 2023:/t/90618 Oct 18, 2023 Oct 18, 2023 yufei http://www.twle.cn/member/yufei