Win10下安装RabbitMQ以及基本知识学习
一、为什么选择RabbitMQ?
先说一下场景,这是我们公司遇到,当然我这里不做业务评价哈?虽然我知道他很不合理,但是我是无能为力的。APP端部分注册是Java开发的系统,然后业务端是C#开发的Web程序,具体系统的名字我就不说,万一看到就不好了,需求是这样的当APP注册以后,Web需要对手机号进行信息查找如果是该系统用户那么就将信息统一录入,查看某些统计这样的一个场景吧。当然一开始通过的定时执行任务,这个我不做评价,反正通过一序列办法吧,领导同意使用以及尝试使用消息队列喽,总之梦想达成了吧。接下来就是要使用了,有那么多的MQ中间件,为什么我会选择RabbitMQ,首先我们不需要做太复杂分布式交互,只要能保证消息的稳定和可靠就可以,在那么多的中间件中最稳定,最成熟的就是RabbitMQ,性能也比较好。另外RabbitMQ是一个开源的AMQP实现,服务器端用Erlang语言编写,支持很多乱七八糟的语言,反正基本上基万千宠爱与一身吧,那么我就用它喽,接下来我就说一下心酸的安装经历,悲惨就是看博客开始,于是我决心自己写一篇,把自己的坑给你们说说。
二、安装
电脑是Win10系统,首先在本地安装好环境,然后才能搞起来,接下来就是被博客带到坑里了,大兄弟们真心希望写的详细一些我们并没有那么强大,反正及时刹车,我看了一下官方文档,一切终于搞定,然后就想写一篇以解心中所有不畅快,同时也让大家少走弯路。
https://www.rabbitmq.com/install-windows-manual.html#install-erlang 这个是官方的地址,大家看不懂我的可以去浏览下。
接下来我们这里强调几点东西,然后在开始:
1.安装Erlang环境,基于这个开发所以必须安装;
2.安装RabbitMQ时候会产生2个.erlang.cookie的文件,在Erlang版本从20.2开始,cookie文件的位置是:通常是C:\ Users \电脑名称\ .erlang.cookie,对于RabbitMQ Windows服务:通常是C:\ WINDOWS \ system32 \ config \ systemprofile;在20.2之前的Erlang版本中,cookie文件的位置和上面位置一样,但是RabbitMQ Windows服务变成C:\ Windows \ .erlang.cookie,这里需要做的是需要保证这2个文件内容一种,做法就是将Window下面的文件替换掉RabbitMQ文件下,这一点必须注意,否者就会报下面的错误:
基本上注意到第2点就不会产生什么错误,接下来我们开始安装吧,
Erlang地址:http://erlang.org/download/otp_win64_20.2.exe
RabbitMQ地址:https://github.com/rabbitmq/rabbitmq-server/releases/download/v3.7.2/rabbitmq-server-3.7.2.exe
下载完成以后首先安装Erlang,很简单一直下一步就好,完成以后配置一下Path的环境变量,如下图所示,右击我的电脑--》管理--》高级系统设置--》环境变量配置--》Path--》编辑--》新建--》你安装的Erlang文件的bin路径;
配置完成以后cmd把小黑框调出来,输入erl,出现下面就完成了;
接下来安装RabbitMQ:也是下一步下一步完成,配置一下环境变量,基本和上面步骤一样但这里不是bin目录,这里是sbin目录,反正环境变量里如下如这样就可以了,
安装完成以后,按照上面注意的第2点操作一下,之后就完成任务了,然后访问下http:localhost:15672,可以访问到说明你成功了,
三、聊聊需要掌握的知识
有心的人会发现这个地方其实和数据库刚开始做连接的时候一样,实现的道理基本是一样的,场景也是一样,生产者--消费者模式,数据库连接池经典的应用场景不能忘,不能忘,我们这个地方不做源码简析,只是对知识的整理。
ConnectionFactory、Connection、Channel
ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的socket链接,它封装了socket协议相关部分逻辑。ConnectionFactory为Connection的制造工厂。
Channel是我们与RabbitMQ打交道的最重要的一个接口,我们大部分的业务操作是在Channel这个接口中完成的,包括定义Queue、定义Exchange、绑定Queue与Exchange、发布消息等。
Queue
Queue(队列)是RabbitMQ的内部对象,用于存储消息,用下图表示。
queue
RabbitMQ中的消息都只能存储在Queue中,生产者(下图中的P)生产消息并最终投递到Queue中,消费者(下图中的C)可以从Queue中获取消息并消费。
多个消费者可以订阅同一个Queue,这时Queue中的消息会被平均分摊给多个消费者进行处理,而不是每个消费者都收到所有的消息并处理。
Message acknowledgment
在实际应用中,可能会发生消费者收到Queue中的消息,但没有处理完成就宕机(或出现其他意外)的情况,这种情况下就可能会导致消息丢失。为了避免这种情况发生,我们可以要求消费者在消费完消息后发送一个回执给RabbitMQ,RabbitMQ收到消息回执(Message acknowledgment)后才将该消息从Queue中移除;如果RabbitMQ没有收到回执并检测到消费者的RabbitMQ连接断开,则RabbitMQ会将该消息发送给其他消费者(如果存在多个消费者)进行处理。这里不存在timeout概念,一个消费者处理消息时间再长也不会导致该消息被发送给其他消费者,除非它的RabbitMQ连接断开。
这里会产生另外一个问题,如果我们的开发人员在处理完业务逻辑后,忘记发送回执给RabbitMQ,这将会导致严重的bug——Queue中堆积的消息会越来越多;消费者重启后会重复消费这些消息并重复执行业务逻辑。
另外pub message是没有ack的。
Message durability
如果我们希望即使在RabbitMQ服务重启的情况下,也不会丢失消息,我们可以将Queue与Message都设置为可持久化的(durable),这样可以保证绝大部分情况下我们的RabbitMQ消息不会丢失。但依然解决不了小概率丢失事件的发生(比如RabbitMQ服务器已经接收到生产者的消息,但还没来得及持久化该消息时RabbitMQ服务器就断电了),如果我们需要对这种小概率事件也要管理起来,那么我们要用到事务。由于这里仅为RabbitMQ的简单介绍,所以这里将不讲解RabbitMQ相关的事务。
Prefetch count
前面我们讲到如果有多个消费者同时订阅同一个Queue中的消息,Queue中的消息会被平摊给多个消费者。这时如果每个消息的处理时间不同,就有可能会导致某些消费者一直在忙,而另外一些消费者很快就处理完手头工作并一直空闲的情况。我们可以通过设置prefetchCount来限制Queue每次发送给每个消费者的消息数,比如我们设置prefetchCount=1,则Queue每次给每个消费者发送一条消息;消费者处理完这条消息后Queue会再给该消费者发送一条消息。
Exchange
在上一节我们看到生产者将消息投递到Queue中,实际上这在RabbitMQ中这种事情永远都不会发生。实际的情况是,生产者将消息发送到Exchange(交换器,下图中的X),由Exchange将消息路由到一个或多个Queue中(或者丢弃)。
Exchange是按照什么逻辑将消息路由到Queue的?这个将在Binding一节介绍。
RabbitMQ中的Exchange有四种类型,不同的类型有着不同的路由策略,这将在Exchange Types一节介绍。
routing key
生产者在将消息发送给Exchange的时候,一般会指定一个routing key,来指定这个消息的路由规则,而这个routing key需要与Exchange Type及binding key联合使用才能最终生效。
在Exchange Type与binding key固定的情况下(在正常使用时一般这些内容都是固定配置好的),我们的生产者就可以在发送消息给Exchange时,通过指定routing key来决定消息流向哪里。
RabbitMQ为routing key设定的长度限制为255 bytes。
Binding
RabbitMQ中通过Binding将Exchange与Queue关联起来,这样RabbitMQ就知道如何正确地将消息路由到指定的Queue了。
Binding key
在绑定(Binding)Exchange与Queue的同时,一般会指定一个binding key;消费者将消息发送给Exchange时,一般会指定一个routing key;当binding key与routing key相匹配时,消息将会被路由到对应的Queue中。这个将在Exchange Types章节会列举实际的例子加以说明。
在绑定多个Queue到同一个Exchange的时候,这些Binding允许使用相同的binding key。
binding key 并不是在所有情况下都生效,它依赖于Exchange Type,比如fanout类型的Exchange就会无视binding key,而是将消息路由到所有绑定到该Exchange的Queue。
Exchange Types
RabbitMQ常用的Exchange Type有fanout、direct、topic、headers这四种(AMQP规范里还提到两种Exchange Type,分别为system与自定义,这里不予以描述),下面分别进行介绍。
fanout
fanout类型的Exchange路由规则非常简单,它会把所有发送到该Exchange的消息路由到所有与它绑定的Queue中。
上图中,生产者(P)发送到Exchange(X)的所有消息都会路由到图中的两个Queue,并最终被两个消费者(C1与C2)消费。
direct
direct类型的Exchange路由规则也很简单,它会把消息路由到那些binding key与routing key完全匹配的Queue中。
以上图的配置为例,我们以routingKey=”error”发送消息到Exchange,则消息会路由到Queue1(amqp.gen-S9b…,这是由RabbitMQ自动生成的Queue名称)和Queue2(amqp.gen-Agl…);如果我们以routingKey=”info”或routingKey=”warning”来发送消息,则消息只会路由到Queue2。如果我们以其他routingKey发送消息,则消息不会路由到这两个Queue中。
topic
前面讲到direct类型的Exchange路由规则是完全匹配binding key与routing key,但这种严格的匹配方式在很多情况下不能满足实际业务需求。topic类型的Exchange在匹配规则上进行了扩展,它与direct类型的Exchage相似,也是将消息路由到binding key与routing key相匹配的Queue中,但这里的匹配规则有些不同,它约定:
routing key为一个句点号“.”分隔的字符串(我们将被句点号“. ”分隔开的每一段独立的字符串称为一个单词),如“stock.usd.nyse”、“nyse.vmw”、“quick.orange.rabbit” binding key与routing key一样也是句点号“. ”分隔的字符串
binding key中可以存在两种特殊字符“*”与“#”,用于做模糊匹配,其中“*”用于匹配一个单词,“#”用于匹配多个单词(可以是零个)
以上图中的配置为例,routingKey=”quick.orange.rabbit”的消息会同时路由到Q1与Q2,routingKey=”lazy.orange.fox”的消息会路由到Q1,routingKey=”lazy.brown.fox”的消息会路由到Q2,routingKey=”lazy.pink.rabbit”的消息会路由到Q2(只会投递给Q2一次,虽然这个routingKey与Q2的两个bindingKey都匹配);routingKey=”quick.brown.fox”、routingKey=”orange”、routingKey=”quick.orange.male.rabbit”的消息将会被丢弃,因为它们没有匹配任何bindingKey。
headers
headers类型的Exchange不依赖于routing key与binding key的匹配规则来路由消息,而是根据发送的消息内容中的headers属性进行匹配。
在绑定Queue与Exchange时指定一组键值对;当消息发送到Exchange时,RabbitMQ会取到该消息的headers(也是一个键值对的形式),对比其中的键值对是否完全匹配Queue与Exchange绑定时指定的键值对;如果完全匹配则消息会路由到该Queue,否则不会路由到该Queue。
该类型的Exchange没有用到过(不过也应该很有用武之地),所以不做介绍。
这部分内容都是复制的基本概念这部分:http://www.importnew.com/25744.html
四、Demo
Queue 一对一模式
public class ProducerQueueDemo { public final static String QueueName="rabbitMQ.test"; public static void main(String[] args) throws IOException, TimeoutException { //创建连接工厂 ConnectionFactory factory=new ConnectionFactory(); //设置RabbitMQ相关信息 factory.setHost("localhost"); //创建一个新的连接 Connection connection=factory.newConnection(); //创建一个通道 Channel channel=connection.createChannel(); //声明一个队列 channel.queueDeclare(QueueName,false,false,false,null); String message="Hello RabbitMQ"; //发送消息到队列中 channel.basicPublish("", QueueName, null, message.getBytes("UTF-8")); System.out.println("Producer Send +'" + message + "'"); //关闭通道和连接 channel.close(); connection.close(); } } public class ConsumerQueueDemo { private final static String QueueName = "rabbitMQ.test"; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); channel.queueDeclare(QueueName, false, false, false, null); System.out.println("Customer Waiting Received messages"); Consumer consumer=new DefaultConsumer(channel){ @Override public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException { String message = new String(body, "UTF-8"); System.out.println("Customer Received '" + message + "'"); } }; //自动回复队列应答 -- RabbitMQ中的消息确认机制 channel.basicConsume(QueueName, true, consumer); } }
Queue 一对多模式
public class ProducerQueueDemo2 { private static final String QUEUE_NAME="one-to-many"; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); channel.queueDeclare(QUEUE_NAME,true,false,false,null); for (int i=0;i<10;i++){ String message="Hello RabbitMQ"+i; channel.basicPublish("",QUEUE_NAME, MessageProperties.PERSISTENT_TEXT_PLAIN,message.getBytes()); System.out.println("ProducerQueueDemo2 send '"+message+"'"); } channel.close(); connection.close(); } } public class ConsumerQueueDemo2 { private static final String QUEUE_NAME = "one-to-many"; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); channel.queueDeclare(QUEUE_NAME,true,false,false,null); System.out.print("ConsumerQueueDemo2 Waiting for messages"); //每次从队列获取的数量 channel.basicQos(1); Consumer consumer=new DefaultConsumer(channel){ public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException { String message = new String(body, "UTF-8"); System.out.println("ConsumerQueueDemo2 Received '" + message + "'"); try { //throw new Exception(); doWork(message); }catch (Exception e){ channel.abort(); }finally { System.out.println("ConsumerQueueDemo2 Done"); channel.basicAck(envelope.getDeliveryTag(),false); } } }; boolean autoAck=false; //消息消费完成确认 channel.basicConsume(QUEUE_NAME, autoAck, consumer); } private static void doWork(String message) { try { Thread.sleep(1000); // 暂停1秒钟 System.out.print(message); } catch (InterruptedException _ignored) { Thread.currentThread().interrupt(); } } } public class ConsumerQueueDemo3 { private static final String QUEUE_NAME = "one-to-many"; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); channel.queueDeclare(QUEUE_NAME,true,false,false,null); System.out.print("ConsumerQueueDemo3 Waiting for messages"); //每次从队列获取的数量 channel.basicQos(1); Consumer consumer=new DefaultConsumer(channel){ public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException { String message = new String(body, "UTF-8"); System.out.println("ConsumerQueueDemo3 Received '" + message + "'"); try { //throw new Exception(); doWork(message); }catch (Exception e){ channel.abort(); }finally { System.out.println("ConsumerQueueDemo3 Done"); channel.basicAck(envelope.getDeliveryTag(),false); } } }; boolean autoAck=false; //消息消费完成确认 channel.basicConsume(QUEUE_NAME, autoAck, consumer); } private static void doWork(String message) { try { Thread.sleep(1000); // 暂停1秒钟 System.out.print(message); } catch (InterruptedException _ignored) { Thread.currentThread().interrupt(); } } }
Exchange 发布/订阅模式
public class ReleaseMessageDemo { private static final String EXCHANGE_NAME = "release"; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); channel.exchangeDeclare(EXCHANGE_NAME, "fanout"); for (int i=0;i<5;i++){ String message="这是发布的通知"+i; channel.basicPublish(EXCHANGE_NAME,"",null,message.getBytes("UTF-8")); System.out.print(message); } channel.close(); connection.close(); } }
Exchange 路由模式
public class RoutingDemo { private static final String EXCHANGE_NAME = "routing"; // 路由关键字 private static final String[] routingKeys = new String[]{"info" ,"warning", "error"}; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); factory.setHost("localhost"); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); //声明交换机 channel.exchangeDeclare(EXCHANGE_NAME,"direct"); //发送信息 for (String routingKey:routingKeys){ String message= "Routing Send the message level:" + routingKey; channel.basicPublish(EXCHANGE_NAME,routingKey,null,message.getBytes("UTF-8")); System.out.print("Routing Send"+routingKey+":"+message); } channel.close(); connection.close(); } } public class RoutingConsumerDemo { private static final String EXCHANGE_NAME = "routing"; // 路由关键字 private static final String[] routingKeys = new String[]{"info" ,"warning"}; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); //声明交换器 channel.exchangeDeclare(EXCHANGE_NAME,"direct"); String queueName = channel.queueDeclare().getQueue(); for (String routingKey:routingKeys) { channel.queueBind(queueName,EXCHANGE_NAME,routingKey); System.out.println("RoutingConsumerDemo exchange:"+EXCHANGE_NAME+"," + " queue:"+queueName+", BindRoutingKey:" + routingKey); } System.out.println("RoutingConsumerDemo Waiting for messages"); Consumer consumer=new DefaultConsumer(channel){ @Override public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException { String message = new String(body, "UTF-8"); System.out.println("RoutingConsumerDemo Received '" + envelope.getRoutingKey() + "':'" + message + "'"); } }; channel.basicConsume(queueName, true, consumer); } } public class RoutingConsumerDemo2 { private static final String EXCHANGE_NAME = "routing"; // 路由关键字 private static final String[] routingKeys = new String[]{"error"}; public static void main(String[] args) throws IOException, TimeoutException { ConnectionFactory factory=new ConnectionFactory(); Connection connection=factory.newConnection(); Channel channel=connection.createChannel(); //声明交换器 channel.exchangeDeclare(EXCHANGE_NAME,"direct"); String queueName=channel.queueDeclare().getQueue(); //根据路由关键字进行多重绑定 for (String severity : routingKeys) { channel.queueBind(queueName, EXCHANGE_NAME, severity); System.out.println("RoutingConsumerDemo2 exchange:"+EXCHANGE_NAME+", queue:"+queueName+", BindRoutingKey:" + severity); } System.out.println("RoutingConsumerDemo2 Waiting for messages"); Consumer consumer=new DefaultConsumer(channel){ @Override public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException { String message = new String(body, "UTF-8"); System.out.println("RoutingConsumerDemo2 Received '" + envelope.getRoutingKey() + "':'" + message + "'"); } }; channel.basicConsume(queueName, true, consumer); } }
Topics模式这个我就不做demo了,基本如出一辙;headers模式我没用到过我也不做demo;另外这里需要强调的一点是导入RabbitMQ的jar包;
五、欢迎咨询~
有什么问题加群:438836709
Win10下安装RabbitMQ以及基本知识学习的更多相关文章
- Win10下安装MySQL5.6
Win10下安装MySQL5.6 我分了两种下载安装的方式给大家看,注意数据库这个东西不在乎版本是不是最新,在乎的是够稳定,现在公司中常用的是mysql5.5和mysql5.6的版本,我现在就用mys ...
- 【暂时解决】win10下安装VS2017 15.3版本 提示 未能安装包“Microsoft.NET.4.6.FullRedist.NonThreshold.Resources,version=4.6.81.9,language=zh-CN”。
win10下安装VS2017 15.3版本的时候,出现以上错误日志提示,请问如何解决的哇? 这个问题,开始我以为是我的安装包所在的路径问题引起的,但是我将安装包移动到了磁盘根目录进行安装,依然出现这个 ...
- win10下安装使用Docker:Docker for Windows
一.下载win10下安装docker和桌面管理的工具: 下载地址:Docker for Windows 安装软件学习地址:https://www.runoob.com/docker/docker-tu ...
- win10下安装Ubuntu + 修复Ubuntu引导
如何在已安装 Windows 10 的情况下安装 Linux(Ubuntu 15.04)双系统? - Microsoft Windows - 知乎http://www.zhihu.com/questi ...
- DELPHI7在WIN8和WIN10下安装和运行
DELPHI7在WIN8下安装后可以打开运行,但发现设置断点DEBUG运行DLL工程时会卡死(IDE长时间无反应,不报错). DELPHI7在WIN10下安装后打开的时候会报错,无法运行. 以上两种情 ...
- Windows下安装RabbitMQ
今天正好给自己机器安装rabbitmq,总结下安装经验. 现在国内访问erlang,和 RabbitMQ 官网好像都很难连上.我已下载好了资源,需要的朋友可以下载. 链接: https://pan.b ...
- win10下安装ubuntu18.04
在win10下安装Ubuntu18.04,双系统共存.Ubuntu 18.04 使用的是Gnome桌面. 查看系统的启动模式: Win+R打开运行,输入msinfo32,回车查看系统信息.在BIOS模 ...
- vs2017 在win10下安装后开始运行asp.net core 项目时出错
vs2017 在win10下安装后开始运行asp.net core 项目时出错 报找不到什么 解决方法: 下载 asp.net 2.2 安装好,重新启动电脑问题解决.
- win10下安装vs2013无法安装解决方案
win10下安装vs2013无法安装解决方案 win+r,输入cmd进入命令行 进入界面后选择修复 进入vs_ultimate文件所在目录,输入: vs_ultimate /Uninstall ...
随机推荐
- 仿知乎app登录界面(Material Design设计框架拿来就用的TexnInputLayout)
在我脑子里还没有Material Design这种概念,就我个人而言,PC端应用扁平化设计必须成为首选,手当其冲的两款即时通讯旺旺和QQ早就完成UI扁平化的更新,然而客户端扁平化的设计本身就存在天生的 ...
- 一个APP页面一个接口
目前所在的公司做的是健康产业方面的APP,这个产品包括了安卓和IOS还有web三方面,除了要写后台管理的系统外,还要写移动端的接口.第一次写移动端接口就犯了一个错误,以为和web一样是怎么方便怎么来, ...
- bzoj 2733: [HNOI2012]永无乡
Description 永无乡包含 n 座岛,编号从 1 到 n,每座岛都有自己的独一无二的重要度,按照重要度可 以将这 n 座岛排名,名次用 1 到 n 来表示.某些岛之间由巨大的桥连接,通过桥可以 ...
- jsDOM编程-乌龟抓小鸡游戏
<html> <head> <title>js乌龟抓小鸡游戏 </title> <meta http-equiv="conten ...
- JFinal极速开发框架使用笔记
记录第一次使用JFinal,从简单的框架搭建到增删改查,从自带的方法到正常框架习惯的使用方式. JFinal官网:http://www.jfinal.com/ JFinal 是基于 Java 语言的极 ...
- win10下部署.Net Web项目到IIS10
本问主要介绍如何将.Net Web项目部署到IIS10下面. 1.确保iis功能已开启 开启步骤如下:控制面板->程序 点击确定,ok,iis功能已开启. 2.打开iis,绑定站点到iis下面 ...
- 【简单理解】gulp和webpack的区别
Gulp和Webpack的基本区别: gulp可以进行js,html,css,img的压缩打包,是自动化构建工具,可以将多个js文件或是css压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加 ...
- 前端之 CSS🤖
css (层叠样式表) : 对html标签的渲染和布局 查找 (选择器) 操作标签 (属性操作) 导入用 link 标签,后面的href就用你的文件路径就好 写css文件,要单独写到一个文件里面去 推 ...
- CSS3 美女动画相框
把下面的内容放到一个body内,运行看一看:) <style> *{ margin:0; padding:0;} .bg1{ background-image:-moz-linear-gr ...
- TPYBoard V102:能跑Python的stm32开发板
近来micropython语言做硬件编程很火,随之而来的就开始带动着支持micropython语言编程的开发板也开始火的发烫,今天小编就来和大家介绍一款很经典的micropython开发板-TPYBo ...