STM32---DHT11温湿度传感器与BH1750FVI光照传感器(HAL库、含源码)

写在前面:本节我们学习使用两个常见的传感器模块,分别为DHT11温湿度传感器以及BH1750FVI光照传感器,这两种传感器在对于环境监测中具有十分重要的作用,因为其使用简单方便,所以经常被用于STM32的项目之中。今天将使用分享给大家,希望对大家有一些帮助。

一、认识DHT11

1.1基本定义

        DHT11 数字温湿度传感器是一款含有已校准数字信号输出的温湿度复合传感器,内部由一个 8 位单片机控制一个电阻式感湿元件和一个 NTC 测温元件。DHT11 虽然也是采用单总线协议,但是该协议与 DS18B20 的单总线协议稍微有些不同之处。DHT11 与单片机之间能采用简单的单总线进行通信,仅仅需要一个 I/O 口。传感器内部湿度和温度数据 40Bit 的数据一次性传给单片机,数据采用校验和方式进行校验,有效的保证数据传输的准确性。DHT11 功耗很低,5V 电源电压下,工作平均最大电流 0.5mA。

常见的DHT11模块,其中左边为3引脚的,右图为4引脚,具体 的引脚说明在下文进行讲解;

1.2技术参数

电压范围

3.3V-5.5V

工作电流

0.5mA

输出单总线数字信号
测量范围

温度:0-50℃;

湿度:20-90%RH

精度

温度:±2℃;

湿度:±5%RH

分辨率

温度:1℃

湿度:1%RH

1.3引脚说明

PIN名称说明
1VDD

供电3.3-5.5V

2GND接地,电源负极
3DATA数据线,单总线
4NC空脚,悬空即可

         根据上述表格可知为什么有两种样子的模块,如果是4引脚的,则说明吧NC印出来了,如果是3引脚的则说明已经模块已经帮助浮空了。 

1.4协议与数据格式

        DHT11仅有一根数据线,所以单片机与其进行数据传输时,采用的是单总线的传输方式,单总线的详细说明可以看我之前的博客;51单片机---DS1802温度传感器(含源码,小白可入)_ds18b20负温度显示代码-CSDN博客

        虽然 DHT11 与 DS18B20 类似,都是单总线访问,但是 DHT11 的访问,相对 DS18B20 来
说简单很多。下面我们先来看看 DHT11 的数据结构。

        DHT11 数字温湿度传感器采用单总线数据格式。即单个数据引脚端口完成输入输出双向传输。其数据包由 5byte(40bit)组成。数据分小数部分和整数部分,一次完整的数据传输为40bit,高位先处。DHT11 的数据格式为:8bit 湿度整数数据+8bit 湿度小数数据+8bit 温度整数数据+8bit 温度小数部分+8bit 校验和。其中校验和数据为前面四个字节相加。

温湿度计算方法:

湿度:byte4.byte3=45.0%RH

温度:byte2.byte1=28.0℃ 

校验:byte4+byte3+byte2+byte1=73

传输时序图:

              首先主机发送开始信号,即:拉低数据线,保持 t1(至少 18ms)时间,然后拉高数据线 t2(10~35us)时间,然后读取 DHT11 的响应,正常的话,DHT11 会拉低数据线,保持 t3(78~88us)时间,作为响应信号,然后 DHT11 拉高数据线,保持 t4(80~92us)时间后,开始输出数据。

        DHT11 输出数字‘0’和‘1’时序,一开始都是 DHT11 拉低数据线 54us,后面拉高数据
线保持的时间就不一样,数字‘0’就是 23~27us,而数字‘1’就是 68~74us

 二、认识BH1750FVI     

 2.1基本定义

        BH1750FVI是一种用于两线式串行总线接口的数字型光强度传感器集成电路。这种集成电路可以根据收集的光线强度数据来调整液晶或者键盘背景灯的亮度。利用它的高分辨率可以探测较大范围的光强度变化。

2.2 技术参数

供电电压3v-5v兼容
输出方式IIC通信协议
测量范围1-65535lx
误差变动± 20%。
工作电流

>200uA

工作温度-40-80℃

2.3引脚说明

PIN引脚说明
1VCC

供电电压3-5V

2SCLIIC时钟线
3SDAIIC数据线
4ADDR设备IIC的地址线
5GND电源地

2.4协议与数据格式

2.4.1BH1750的指令

常见指令有:

断电:0000_0000

通电:0000_0001

连续H分辨模式:0001_0000//分辨率为1lx,测量时间120ms;

连续H分辨模式2:0001_0001//分辨率为0lx,测量时间120ms;

连续L分辨模式:0001_0011//分辨率为4lx,测量时间16ms; 

一次H分辨模式:0010_0000//分辨率为1lx,测量时间120ms,测量后设置为断电模式;

一次H分辨模式2:0010_0001//分辨率为0lx,测量时间120ms,测量后设置为断电模式;

一次L分辨模式:0010_0011//分辨率为4lx,测量时间16ms,测量后设置为断电模式; 

2.4.2 设备地址

        在BH1750FVI的芯片说明中,模块的从地址有两种形式,由ADDR端口决定:

即:如果ADDR=1(高电平),其从地址为1011100;

        如果ADDR=0(低电平),其从地址为0100011;

2.4.3工作过程

芯片供电--断电--通电--测量指令(设置测试模式)--进行测量

ADDR=0(低电平):

 ADDR=1(高电平):

数据格式:

         接收完两个字节还不算完成,因为这个数据还不是测量出来的光照强度值,我们还需要进行计算,计算公式是:光照强度 =(寄存器值[15:0] * 分辨率) / 1.2 (单位:勒克斯lx)

 例如:我们读出来的第1个字节是(10000011),第2个字节是(10010000),那么合并之后就是(1000 0011 1001 0000),换算为( 2^15 + 2^9 + 2^8 + 2^7 + 2^4 ) / 1.2 =28067 [ lx ],最后等于28067 lx。

三、编程教学

3.1DHT11

1、使能DHT11数据线的GPIO时钟

2、设置GPIO的工作模式

        此处采用开漏输出,并且需要进行上拉;

3、编写信号代码

        复位:拉低数据线,至少保持18ms,然后拉高10-35us;

        应答:等待DHT11拉低,保持78-88us;

        读取:0/1,DHT11 拉低数据线延时 54us,然后拉高数据线延时一定时间,主机通过判断高电平时间得到 0 或者 1。

4、编写DHT11读函数,在读1bit的基础上,读取1字节数据;

3.2BH1750

1、初始化IIC

        IIC引脚,功能模式,起始信号,停止信号,发送一个字节,接收一个字节,应答信号,非应答信号,等待应答;

2、通电

通过IIC协议发送通电指令;

3、设置工作模式

通过IIC协议发送对应工作模式指令;

4、读取数据

通过IIC协议读取接收的数据;

四、代码

链接:https://pan.baidu.com/s/1fOfkPlrrwuya5g5AXyOEjw 
提取码:1022

下面为主要的一些代码,全部文件在百度网盘中查看。

4.1 main.c

#include "./SYSTEM/sys/sys.h"
#include "./SYSTEM/usart/usart.h"
#include "./SYSTEM/delay/delay.h"
#include "./BSP/LED/led.h"
#include "./BSP/DHT/dht11.h"
#include "./BSP/BH1705/BH1705.h"
uint8_t t,h;
int main(void)        
{float light;HAL_Init();                              /* 初始化HAL库 */sys_stm32_clock_init(RCC_PLL_MUL9);      /* 设置时钟, 72Mhz */delay_init(72);                          /* 延时初始化 */usart_init(115200);                      /* 串口初始化,波特率:115200 */LED_init();                              /* LED初始化 */dht11_init();                            /* dht11初始化 */init_BH1750();                           /* BH1750初始化 */while(1){   light= light_intensity();printf("光照强度:%4.2f LX\r\n", light); dht11_read_data(&t,&h);printf("温度:%d℃ 湿度:%d %\r\n",t,h);delay_ms(500);}
}

4.2 dht11.c

#include "./BSP/DHT/dht11.h"
#include "./SYSTEM/delay/delay.h"
#include "./SYSTEM/usart/usart.h"
/**
* @brief dht11初始化函数
* @param  无
* @retval 返回检查的结果
*/
uint8_t dht11_init(void)
{__HAL_RCC_GPIOG_CLK_ENABLE();/* 使能时钟此次dht11数据线采用PG11引脚 */GPIO_InitTypeDef gpio_init_struct;gpio_init_struct.Mode=GPIO_MODE_OUTPUT_OD;/* 设置为开漏模式 */gpio_init_struct.Pin=GPIO_PIN_11;/* 定义引脚 */gpio_init_struct.Pull=GPIO_PULLUP;/* 定义上拉 */gpio_init_struct.Speed=GPIO_SPEED_FREQ_HIGH ;/*高速输出 */HAL_GPIO_Init(GPIOG, &gpio_init_struct);dht11_rest();/* 复位 */return  dht11_check();    
}static void dht11_rest(void)
{dht11_write_out(0);delay_ms(20);dht11_write_out(1);delay_us(30);
}
/**
* @brief dht11检查函数
* @param  无
* @retval 返回检查的结果
*/
uint8_t dht11_check(void)
{uint8_t time=0;uint8_t backdata=0;while(dht11_read && time<100){  time++;delay_us(1); }if(time>=100){backdata=1;      }else{time=0;while(!dht11_read && time<100){time++;delay_us(1); }    if(time>=100){backdata=1;}       }return backdata;
}/**
* @brief dht11读取结果函数1bit
* @param  无
* @retval 返回读取的结果
*/
uint8_t  dht11_read_bit(void)
{uint8_t time=0;while(dht11_read && time<100){time++;delay_us(1); }time=0;while(!dht11_read && time<100) {time++;delay_us(1); }  delay_us(40);if(dht11_read) return 1;elsereturn 0;
}
/**
* @brief dht11读取结果函数1bety
* @param  无
* @retval 返回读取的结果
*/
uint8_t dht11_read_bety(void)
{uint8_t i,data=0;for(i=0;i<8;i++)/* 循环8次,读取8个bit数据 */{data<<=1;/* 先读取高位,逐渐左移 */data|=dht11_read_bit();}return data;}
/**
* @brief dht11整理读取结果函数
* @param  温度地址, 湿度地址
* @retval 无
*/
void dht11_read_data(uint8_t *temp,uint8_t *humi)
{uint8_t arr[5]={0};/* 定义5个字节数组,且初始值为0 */uint8_t i;dht11_rest();  if(dht11_check()==0)/* 判断是否与DHT11连接上 */{for(i=0;i<5;i++)/* 循环5次,读取5个字节数据 */arr[i]=dht11_read_bety();     if( arr[4]==(arr[0]+arr[3]+arr[2]+arr[1]))/* 进行5个字节数据检验 */{  *temp=arr[2];/* 温度的整数部分 */*humi=arr[0];/* 湿度的整数部分 */      }        }
}

4.3 bh1705.c

#include "./BSP/BH1705/BH1705.h"
#include "./SYSTEM/delay/delay.h"
/**
* @brief 初始化IIC
* @param无
* @retval无
*/
void iic_init()
{__HAL_RCC_GPIOB_CLK_ENABLE(); /* 使能时钟此次IIC采用PB6,PB7引脚 */GPIO_InitTypeDef gpio_init_struct; /* 定义对应结构体 *//* 设置IIC中SCL引脚 */gpio_init_struct.Mode=GPIO_MODE_OUTPUT_PP;/* 推挽输出工作模式 */gpio_init_struct.Pin=GPIO_PIN_6;/*定义引脚 */gpio_init_struct.Speed=GPIO_SPEED_FREQ_LOW;/* 输出速度 */gpio_init_struct.Pull=GPIO_PULLUP; /* 上拉模式 */HAL_GPIO_Init(GPIOB, &gpio_init_struct);gpio_init_struct.Mode=GPIO_MODE_OUTPUT_OD;/* 开漏输出工作模式 */gpio_init_struct.Pin=GPIO_PIN_7;/*定义引脚 */gpio_init_struct.Speed=GPIO_SPEED_FREQ_LOW;/* 输出速度 */HAL_GPIO_Init(GPIOB, &gpio_init_struct);}
static void iic_delay(void)
{delay_us(2);/* 2us 的延时, 读写速度在 250Khz 以内 */
}/**
* @brief IIC起始信号
* @param无
* @retval无
*/
void icc_start()
{IIC_SCL(1);/*拉高时钟线*/IIC_SDA(1);/*拉高数据线*/iic_delay();/*延时*/IIC_SDA(0);/*拉低数据线*/iic_delay();/*延时*/IIC_SCL(0);/*拉低时钟线*/iic_delay();/*延时*/
}
/**
* @brief IIC停止信号
* @param 无
* @retval 无
*/
void icc_stop()
{  IIC_SDA(0);/*拉低数据线*/iic_delay();/*延时*/IIC_SCL(1);/*拉高时钟线*/iic_delay();/*延时*/IIC_SDA(1);/*拉高数据线*/iic_delay();/*延时*/
}/**
* @brief IIC发送一个字节
* @param  发送的数据
* @retval无
*/
void iic_send_byte(uint8_t data)
{uint8_t i;for (i=0;i<8;i++)/*每次发送一位*/{IIC_SDA((data&0x80)>>7);/*高位在前*/iic_delay();IIC_SCL(1);/*产生一个时钟脉冲*/iic_delay();IIC_SCL(0);iic_delay();data<<=1;/*左移,用于下次发送*/}IIC_SDA(1);/*释放数据*/}/**
* @brief IIC接收一个字节
* @param  是否发送接收应答
* @retval 接收到的数据
*/
uint8_t icc_recive_byte(uint8_t ack)
{uint8_t i,recive;for(i=0;i<8;i++) /* 接收 1 个字节数据 */{recive<<=1; /* 高位先输出,所以先收到的数据位要左移 */IIC_SCL(1);/*产生一个时钟脉冲*/iic_delay();if(IIC_READ_SDA)/*判断数据是0还是1*/{recive++; }  IIC_SCL(0);iic_delay();      }if(ack==1){iic_ack();/* 发送应答 */}else{iic_nack();/* 发送非应答 */}return recive;/* 返回接受的数据 */}
/**
* @brief IIC等待接收应答函数
* @param  无
* @retval 接收应答情况,return0应答,return1非应答
*/
uint8_t icc_wait_ack(void)
{uint8_t wattime=0;uint8_t rack=0;IIC_SDA(1);/* 释放数据线 */iic_delay();IIC_SCL(1);/* 产生一个时钟信号 */iic_delay();while(IIC_READ_SDA)/* 等待应答 */{wattime++;if(wattime>250)/* 没有应答 */{icc_stop();rack=1;break; }}IIC_SCL(0);/* 拉低时钟线 */iic_delay();return rack;
}/**
* @brief IIC发送应答信号
* @param 无
* @retval 无
*/
void iic_ack(void)
{IIC_SDA(0);/*拉低数据线*/iic_delay();/*延时*/IIC_SCL(1);/*拉高时钟线,产生一个时钟脉冲*/iic_delay();/*延时*/IIC_SCL(0);/*拉低时钟线*/iic_delay();/*延时*/IIC_SDA(1);/*释放数据线*/iic_delay();/*延时*/}
/**
* @brief IIC发送非应答信号
* @param 无
* @retval 无
*/
void iic_nack(void)
{IIC_SDA(1);/*拉高数据线*/iic_delay();/*延时*/IIC_SCL(1);/*产生时钟信号*/iic_delay();/*延时*/IIC_SCL(0);iic_delay();/*延时*/
}/**
* @brief BH1750单总线发送函数
* @param 发送的指令
* @retval 无
*/
void single_write_BH1750(uint8_t adress)
{icc_start();//起始信号iic_send_byte(SlaverAddress);//发送设备地址+写信号while(icc_wait_ack()==1);    iic_send_byte(adress);//发送指令while(icc_wait_ack()==1);icc_stop();}
/**
* @brief BH1750读取一个字节数据
* @param 无
* @retval 接收的指令
*/
uint16_t read_data_BH1750()
{uint8_t H_data;/*定义变量-存放高字节数据*/uint8_t L_data;/*定义变量-存放低字节数据*/uint16_t data;/*定义变量-整理数据*/icc_start();iic_send_byte(SlaverAddress+1);/*发送设备地址+读信号*/H_data=icc_recive_byte(1);/*读取高字节数据,并回应答信号,能够继续接受数据*/L_data=icc_recive_byte(0);/*读取低字节数据,并回非应答信号,不再接受数据*/icc_stop();data=((uint16_t)H_data<<8)+L_data;/*整理数据*/return data;    /*返回数据*/
}/**
* @brief BH1750初始化函数
* @param 无
* @retval 无
*/
void init_BH1750(void)
{iic_init();delay_ms(100);single_write_BH1750(0x01);/*通电*/}
/**
* @brief BH1750检测数据函数
* @param 无
* @retval 返回检测的数据
*/
float light_intensity(void)
{  float i;single_write_BH1750(0x01);/*通电*/single_write_BH1750(0x10);/*设置BH1750工作模式*/delay_ms(180);/*延时180ms,给检测留够充足的时间*/i=(float)(read_data_BH1750()) / 1.2 ;/*数据进行转换*/return i;
}

五、实验现象

      

dht11+bh1750

   如果用的是最小系统或者其他开发板只要保证DHT11的数据位,已经BH1750的SDA、SCK位与代码中一致即可。

总结:本节我们学习了两个常见模块DHT11温湿度传感器与BH1750光照传感器,利用STM32进行数据采集以及利用串口显示在电脑屏幕。为后面的学习制作单片机的项目具有十分重要的参照作用。大家可以进行自己的练习。。 

创作不易,还请大家多多点赞支持!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/284199.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

相交链表:寻找链表的公共节点

目录 一、公共节点 二、题目 三、思路 四、代码 五、代码解析 1.计算长度 2.等长处理 3.判断 六、注意点 1.leetcode的尿性 2.仔细观察样例 3.经验总结 一、公共节点 链表不会像两直线相交一样&#xff0c;相交之后再分开。 由于单链表只有一个next指针&#xff0…

STM32 CAN的工作模式

STM32 CAN的工作模式 正常模式 正常模式下就是一个正常的CAN节点&#xff0c;可以向总线发送数据和接收数据。 静默模式 静默模式下&#xff0c;它自己的输出端的逻辑0数据会直接传输到它自己的输入端&#xff0c;逻辑1可以被发送到总线&#xff0c;所以它不能向总线发送显性…

FANUC机器人零点标定的基本步骤(出厂数据)

FANUC机器人零点标定的基本步骤(出厂数据) FANUC 零点数据存在问题的机器人通常会出现以下几种报警: (1)SRVO-062报警 - 脉冲编码器数据丢失,机器人完全不能动,具体消除方法可参考以下链接中的内容: FANUC机器人SRVO-062报警原因分析及处理对策 (2)SRVO-075报警 -…

北京中科富海低温科技有限公司确认出席2024第三届中国氢能国际峰会

会议背景 随着全球对清洁能源的迫切需求&#xff0c;氢能能源转型、工业应用、交通运输等方面具有广阔前景&#xff0c;氢能也成为应对气候变化的重要解决方案。根据德勤的报告显示&#xff0c;到2050年&#xff0c;绿色氢能将有1.4万亿美元市场。氢能产业的各环节的关键技术突…

Hive SQL必刷练习题:排列组合问题【通过join不等式】

排列组合问题【通过join不等式】 这种问题&#xff0c;就是数学的排列不等式&#xff0c;一个队伍只能和其余队伍比一次&#xff0c;不能重复 方法1&#xff1a;可以直接通过join&#xff0c;最后on是一个不等式【排列组合问题的解决方式】 方法2&#xff1a;也可以是提前多加…

Docker安装配置

1. 安装docker-ce sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo yum -y install docker-ce sudo systemctl enable docker 2. 设置代理 参照&#xff1a;https://docs.docker.com/config/daemon/systemd/#httpht…

【Flask】Flask数据迁移操作

Flask数据迁移操作 前提条件 安装第三方包&#xff1a; # ORM pip install flask-sqlalchemy # 数据迁移 pip install flask-migrate # MySQL驱动 pip install pymysql # 安装失败&#xff0c;指定如下镜像源即可 # pip install flask-sqlalchemy https://pypi.tuna.tsinghu…

【大屏设计】如何进行软件系统网站大屏页面设计?不限于智慧城市、物联网、电商、园区领域

【大屏设计】如何进行软件系统网站大屏页面设计&#xff1f;不限于智慧城市、物联网、电商、园区领域 一、什么是网站大屏设计二、网站大屏设计原型素材三、网站大屏设计设计素材四、他山之石 一、什么是网站大屏设计 网站大屏设计是网站设计中至关重要的一部分&#xff0c;因…

Webman全局异常捕获处理

最近在使用webman这个框架做项目开发&#xff0c;涉及到需要统一处理异常捕获。由于官网给的并不详细&#xff0c;于是自己实现了一下全局异常处理类。 一、配置效果 例如&#xff1a;我要在项目中统一返回json 格式数据&#xff0c;并不想在业务层写try,catch逻辑。 或者在业务…

查看文件内容的指令:cat,tac,nl,more,less,head,tail,写入文件:echo

目录 cat 介绍 输入重定向 选项 -b -n -s tac 介绍 输入重定向 nl 介绍 示例 more 介绍 选项 less 介绍 搜索文本 选项 head 介绍 示例 选项 -n tail 介绍 示例 选项 echo 介绍 输出重定向 追加重定向 cat 介绍 将标准输入(键盘输入)的内容打…

使用 PyOpenGL 进行 2D 图形渲染总结

一、说明 OpenGL是一个广泛使用的开放式跨平台实时 3D 图形库&#xff0c;开发于二十多年前。它提供了一个低级API&#xff0c;允许开发人员以统一的方式访问图形硬件。在开发需要硬件加速且需要在不同平台上运行的复杂 2D 或 3D 应用程序时&#xff0c;它是首选平台。它可以在…

SQLiteC/C++接口详细介绍sqlite3_stmt类(五)

返回&#xff1a;SQLite—系列文章目录 上一篇&#xff1a;SQLiteC/C接口详细介绍sqlite3_stmt类&#xff08;四&#xff09; 下一篇&#xff1a; SQLiteC/C接口详细介绍sqlite3_stmt类&#xff08;六&#xff09; 12. sqlite3_bind_text16函数 sqlite3_bind_text16函数用…

深入理解MySQL中的JOIN算法

码到三十五 &#xff1a; 个人主页 心中有诗画&#xff0c;指尖舞代码&#xff0c;目光览世界&#xff0c;步履越千山&#xff0c;人间尽值得 ! 目录 一、引言二、嵌套循环连接&#xff08;Nested-Loop Join&#xff09;2.1 工作原理2.2 性能考虑2.3 优化策略 三、块嵌套循环…

Maven初级

文章目录 学习目标一、maven概述1.1、项目开发中的问题1.2、maven是什么1.2.1 maven定义1.2.2 mven的作用 二、maven快速入门2.1、maven的下载与安装2.2、maven安装目录简介2.3、maven配置-MAVEN_HOME2.3.1 配置JAVA_HOME2.3.2配置MAVEN_HOME 2.4、maven仓库介绍2.4.1、maven本…

【C语言进阶篇】动态内存管理

【C语言进阶篇】动态内存管理 &#x1f308;个人主页&#xff1a;开敲 &#x1f525;所属专栏&#xff1a;C语言 &#x1f33c;文章目录&#x1f33c; 1. 为什么要有动态内存分配 2.动态内存开辟和释放函数 2.1 动态内存释放函数 2.1.1 free函数 2.2 动态内存开辟函数 2.2.1 …

C/C++之内存旋律:星辰大海的指挥家

个人主页&#xff1a;日刷百题 系列专栏&#xff1a;〖C/C小游戏〗〖Linux〗〖数据结构〗 〖C语言〗 &#x1f30e;欢迎各位→点赞&#x1f44d;收藏⭐️留言&#x1f4dd; ​ ​ 一、C/C内存分布 我们先来了解一下C/C内存分配的几个区域&#xff0c;以下面的代码为例来看…

mac 安装 nvm 【真解决问题】

前提 没有node环境已有git 下载 我用的gitee极速下载 git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout git describe --abbrev0 --tags配置 1. 配置变量 在用户的目录下新增文件 .zshrc export NVM_DIR"$HOME/…

ctfshow-web入门-反序列化

web254 先看题 <?php/* # -*- coding: utf-8 -*- # Author: h1xa # Date: 2020-12-02 17:44:47 # Last Modified by: h1xa # Last Modified time: 2020-12-02 19:29:02 # email: h1xactfer.com # link: https://ctfer.com*/error_reporting(0); highlight_file(__FIL…

vue 修改element-plus主题色

一、安装SCSS npm install sass --save-dev npm install sass-loader --save-dev npm install node-sass --save-dev npm install vue-style-loader --sava-dev 二、添加主题文件theme.scss forward "element-plus/theme-chalk/src/common/var.scss" with ($col…

基于springboot+vue的宠物商城网站

博主主页&#xff1a;猫头鹰源码 博主简介&#xff1a;Java领域优质创作者、CSDN博客专家、阿里云专家博主、公司架构师、全网粉丝5万、专注Java技术领域和毕业设计项目实战&#xff0c;欢迎高校老师\讲师\同行交流合作 ​主要内容&#xff1a;毕业设计(Javaweb项目|小程序|Pyt…