springboot 2.4.4集成 hikari连接池多数据源实例

文章目录

  • 前言
  • 一、配置步骤
    • 1.1 pom配置
    • 1.2 application.properties配置
    • 1.3 DataSourceContextHolder类
    • 1.4 DynamicDataSource
    • 1.5 DataSourceconfig类配置
    • 1.6 配置TargetDataSource注解
    • 1.7 切面方法
    • 1.8 dao的写法
  • 二、测试验证
    • 2.1 启动springboot项目
    • 2.2 检查数据库连接
    • 2.3 debug看其他数据库属性是否生效
    • 2.4 看请求结果
  • 总结


前言

本文章展示如何使用hikari建立多数据源,发现网上的资料不全或者不对,这里展示如何
配置hikari多数据源附带连接池。


一、配置步骤

1.1 pom配置

        <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-jdbc</artifactId></dependency><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><scope>runtime</scope></dependency>

这里仅需要这两个包即可,后面的springboot版本默认使用的hikari连接池不需要额外引入包。
在这里插入图片描述

1.2 application.properties配置

spring.datasource.test1.hikari.name=test1
spring.datasource.test1.hikari.driverClassName=com.mysql.cj.jdbc.Driver
spring.datasource.test1.hikari.jdbcurl=jdbc:mysql://localhost:3306/test1?allowMultiQueries=true&serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf-8&autoReconnect=true&useSSL=false
spring.datasource.test1.hikari.username=root
spring.datasource.test1.hikari.password=123456#客户端向池子请求连接的超时时间,超出则抛出一个SQLException。
#最小值:250毫秒。
#默认值:30000毫秒 单位ms
spring.datasource.test1.hikari.connection-timeout=30000
#控制池允许达到的最大大小,包括两者空闲和正在使用的连接
spring.datasource.test1.hikari.maximum-pool-size=2
#控制HikariCP试图维护的空闲连接的最小数量
spring.datasource.test1.hikari.minimum-idle=2
#控制连接在池中允许空闲的最长时间。单位ms
spring.datasource.test1.hikari.idle-timeout=600000
#控制连接池中连接的最长生命周期。使用中的连接永远不会被弃用,只有当它被关闭时才会被移除。针对每个连接,应用轻微的负面衰减,以避免连接池的大规模灭绝。
#我们强烈建议设置此值,应该比数据库或基础设施强制实施的连接时间限制短几秒钟。如果将其设置为0,则表示没有最大生命周期(无限生命周期),当然还要考虑idleTimeout设置。
#最小允许值为30000ms(30秒)。
#默认值为180000030分钟)
spring.datasource.test1.hikari.max-lifetime=1800000
#控制HikariCP尝试保持连接的频率 适用于空闲连接 5分钟检测一次
spring.datasource.test1.hikari.keep-aliveTime =300000
# 检测连接存活
spring.datasource.test1.hikari.connection-test-query=SELECT 1 FROM DUAL
spring.datasource.test1.hikari.pool-name =test1poolspring.datasource.test2.hikari.name=test2
spring.datasource.test2.hikari.driverClassName=com.mysql.cj.jdbc.Driver
spring.datasource.test2.hikari.jdbcurl=jdbc:mysql://localhost:3306/test2?allowMultiQueries=true&serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf-8&autoReconnect=true&useSSL=false
spring.datasource.test2.hikari.username=root
spring.datasource.test2.hikari.password=123456#客户端向池子请求连接的超时时间,超出则抛出一个SQLException。
#最小值:250毫秒。
#默认值:30000毫秒 单位ms
spring.datasource.test2.hikari.connection-timeout=30000
#控制池允许达到的最大大小,包括两者空闲和正在使用的连接
spring.datasource.test2.hikari.maximum-pool-size=2
#控制HikariCP试图维护的空闲连接的最小数量
spring.datasource.test2.hikari.minimum-idle=2
#控制连接在池中允许空闲的最长时间。单位ms
spring.datasource.test2.hikari.idle-timeout=600000
#控制连接池中连接的最长生命周期。使用中的连接永远不会被弃用,只有当它被关闭时才会被移除。针对每个连接,应用轻微的负面衰减,以避免连接池的大规模灭绝。
#我们强烈建议设置此值,应该比数据库或基础设施强制实施的连接时间限制短几秒钟。如果将其设置为0,则表示没有最大生命周期(无限生命周期),当然还要考虑idleTimeout设置。
#最小允许值为30000ms(30秒)。
#默认值为180000030分钟)
spring.datasource.test2.hikari.max-lifetime=1800000
#控制HikariCP尝试保持连接的频率 适用于空闲连接 5分钟检测一次
spring.datasource.test2.hikari.keep-aliveTime =300000
# 检测连接存活
spring.datasource.test2.hikari.connection-test-query=SELECT 1 FROM DUAL
spring.datasource.test2.hikari.pool-name =test2poolmybatis.mapperlocations=classpath:com/example/springdemo/demo/dao/*.xml

通用的配置如上面的,具体的含义如上面也做了解释,够一般互联网公司使用了,可以自己再微调参数,根据实际情况配置。

1.3 DataSourceContextHolder类

该类用来保存线程使用的数据源是哪一个。

package com.example.springdemo.demo.conifg.initDataSourceConfig;/*** @author* @version 1.0* @className com.framework.web.config.initDataSourceConfig* @description 动态数据源上下文管理:设置数据源,获取数据源,清除数据源*/
public class DataSourceContextHolder {// 存放当前线程使用的数据源类型private static final ThreadLocal<String> CONTEXT_HOLDER = new ThreadLocal<String>();/*** @param type 1 值* @titel 设置数据源* @description 设置数据源* @author*/public static void setDataSource(String type) {CONTEXT_HOLDER.set(type);}/*** @return java.lang.String* @titel 获取数据源* @description 获取数据源* @author*/public static String getDataSource() {return CONTEXT_HOLDER.get();}/*** @titel 清除数据源* @description 清除数据源* @author*/public static void clearDataSource() {CONTEXT_HOLDER.remove();}}

1.4 DynamicDataSource

获取当前数据源

package com.example.springdemo.demo.conifg.initDataSourceConfig;import com.example.springdemo.demo.conifg.annotation.TargetDataSource;
import org.springframework.jdbc.datasource.lookup.AbstractRoutingDataSource;/*** @author* @version 1.0* @className com.framework.web.config.initDataSourceConfig* @description 动态数据源,每执行一次数据库,动态获取数据源*/
public class DynamicDataSource extends AbstractRoutingDataSource {/*** @return java.lang.Object 值* @titel 获取当前数据源* @description 获取当前数据源* @author*/@Overrideprotected Object determineCurrentLookupKey() {return DataSourceContextHolder.getDataSource();}
}

1.5 DataSourceconfig类配置

package com.example.springdemo.demo.conifg.initDataSourceConfig;import com.zaxxer.hikari.HikariConfig;
import com.zaxxer.hikari.HikariDataSource;
import org.apache.ibatis.session.SqlSessionFactory;
import org.mybatis.spring.SqlSessionFactoryBean;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.autoconfigure.jdbc.DataSourceProperties;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.boot.jdbc.DataSourceBuilder;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Primary;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
import org.springframework.jdbc.datasource.DataSourceTransactionManager;
import org.springframework.transaction.PlatformTransactionManager;
import org.springframework.util.StringUtils;import javax.sql.DataSource;
import java.util.HashMap;
import java.util.Map;/*** @author* @version 1.0* @className com.framework.web.config.initDataSourceConfig* @description 数据源初始化类* @datetime 2019/10/11*/
@Configuration
//@EnableTransactionManagement
@MapperScan(value = "com.example.springdemo.demo.dao.**")
public class DataSourceConfig {//    扫描XML路径注入@Value("${mybatis.mapper-locations}")private String mapperLocations;@Bean(name = "test1Config")@ConfigurationProperties(prefix = "spring.datasource.test1.hikari")public HikariConfig test1Config(){return new HikariConfig();}/*** @return javax.sql.DataSource 返回数据源* @title 只读数据源* @description 只读数据源* @author* @datetime 2019/12/27 17:25*/@Bean(name = "test1Datasource")public HikariDataSource readDataSource(HikariConfig test1Config) {return new HikariDataSource(test1Config);}@Bean(name = "test2Config")@ConfigurationProperties(prefix = "spring.datasource.test2.hikari")public HikariConfig test2Config(){return new HikariConfig();}/*** @return javax.sql.DataSource 返回数据源* @title 只写数据源* @description 只写数据源* @author* @datetime 2019/12/27 17:25*/@Bean(name = "test2Datasource")public HikariDataSource setWriteDataSource(HikariConfig test2Config) {return new HikariDataSource(test2Config);}/*** @param dataSource 1 数据源* @return org.mybatis.spring.SqlSessionFactoryBean sql* @title 根据对应的数据源配置Mapper所有xml路径* @description 根据对应的数据源配置Mapper所有xml路径* @author* @datetime 2019/12/27 17:18*/private SqlSessionFactoryBean getSqlSessionFactoryBean(DataSource dataSource) throws Exception {SqlSessionFactoryBean sqlSessionFactoryBean = new SqlSessionFactoryBean();sqlSessionFactoryBean.setDataSource(dataSource);PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();// 配置mapper文件位置sqlSessionFactoryBean.setMapperLocations(resolver.getResources(mapperLocations));return sqlSessionFactoryBean;}/*** @param dynamicDataSource 1 数据源* @return org.apache.ibatis.session.SqlSessionFactory* @titel 根据对应的数据源配置Mapper所有xml路径* @description 根据对应的数据源配置Mapper所有xml路径* @author* @datetime 2019/10/11*/@Beanpublic SqlSessionFactory sqlSessionFactory(DynamicDataSource dynamicDataSource) throws Exception {SqlSessionFactoryBean factoryBean = new SqlSessionFactoryBean();factoryBean.setDataSource(dynamicDataSource);// 设置mapper.xml的位置路径// 配置mapper文件位置PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();factoryBean.setMapperLocations(resolver.getResources(mapperLocations));return factoryBean.getObject();}/*** @param dynamicDataSource 1 动态数据源* @return org.springframework.transaction.PlatformTransactionManager 返回事务配置* @titel 事务配置* @description 事务配置* @author* @datetime 2019/10/11*/@Beanpublic PlatformTransactionManager transactionManager(DynamicDataSource dynamicDataSource) {return new DataSourceTransactionManager(dynamicDataSource);}/*** @param writeDataSource 2 只写数据源* @return javax.sql.DataSource 返回设置数据源对象* @titel 初始化SQL会话模板* @description 初始化SQL会话模板* @author*/@Beanpublic DynamicDataSource dynamicDataSource(@Qualifier("test1Datasource") DataSource writeDataSource,@Qualifier("test2Datasource") DataSource patentDataDataSource) throws Exception {DynamicDataSource dynamicDataSource = new DynamicDataSource();Map<Object, Object> targetSqlSessionFactorys = new HashMap<Object, Object>();targetSqlSessionFactorys.put("test1Datasource", writeDataSource);targetSqlSessionFactorys.put("test2Datasource", patentDataDataSource);dynamicDataSource.setTargetDataSources(targetSqlSessionFactorys);//设置默认数据源dynamicDataSource.setDefaultTargetDataSource(writeDataSource);return dynamicDataSource;}
}

这里需要注意的是使用带配置的DataSource创建方式,也是官方推荐的新建数据源配置方式,可以提前检测出数据库连接池是否能正常建立。

1.6 配置TargetDataSource注解

该注解用于作用在mapper的方法上,通过aop切面的方式去切换数据源

package com.example.springdemo.demo.conifg.annotation;import java.lang.annotation.ElementType;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.annotation.Target;/*** @Author* @ClassName com.framework.common.annotation* @Description 数据源注解类* @Version 1.0*/
@Retention(RetentionPolicy.RUNTIME)
@Target({ElementType.METHOD})
public @interface TargetDataSource {//默认连接为只读String dataSource() default "";
}

1.7 切面方法

package com.example.springdemo.demo.conifg.initDataSourceConfig;import com.example.springdemo.demo.conifg.annotation.TargetDataSource;
import org.aspectj.lang.annotation.After;
import org.aspectj.lang.annotation.Aspect;
import org.aspectj.lang.annotation.Before;
import org.aspectj.lang.annotation.Pointcut;
import org.springframework.stereotype.Component;/*** @author* @version 1.0* @className com.framework.web.config.initDataSourceConfig* @description service事物拦截类,用于动态切换数据源* @datetime 2019/10/11*/
@Aspect
//@Order(-1)//必须加上这个不然会DynamicDataSource比DataSourceAspect先执行
@Component
public class DataSourceAspect {///@Before是在所拦截方法执行之前执行一段逻辑。// @After 是在所拦截方法执行之后执行一段逻辑。// @Around是可以同时在所拦截方法的前后执行一段逻辑。+// 作为@Pointcut的参数,用以定义连接点/*** @titel 配置切面目录* @description 配置切面目录* @author*/@Pointcut("execution(* com.example.springdemo.demo.dao.*.*(..))")public void pointcut() {}/*** @param ds 1 数据源注解* @titel 执行方法前更换数据源* @description 执行方法前更换数据源* @author*/@Before("pointcut() && @annotation(ds)")public void beforeDataSource(TargetDataSource ds) {String value = ds.dataSource();DataSourceContextHolder.setDataSource(value);}/*** @param ds 1 数据源注解* @titel 执行方法后清除数据源设置* @description 执行方法后清除数据源设置* @author*/@After("pointcut() && @annotation(ds)")public void afterDataSource(TargetDataSource ds) {DataSourceContextHolder.clearDataSource();}
}

1.8 dao的写法

如果需要切换数据库的方法,如下加上注解即可切换数据源,否则就是使用默认的数据源,我这里默认数据源为test1source

package com.example.springdemo.demo.dao;import com.example.springdemo.demo.conifg.annotation.TargetDataSource;
import com.example.springdemo.demo.model.User;
import com.example.springdemo.demo.model.User1;
import org.springframework.stereotype.Repository;import java.util.List;@Repository
public interface UserDao2 {@TargetDataSource(dataSource="test2Datasource")User getUser();
}

二、测试验证

启动项目前先看看数据库连接有多少
在这里插入图片描述

2.1 启动springboot项目

日志出现以下的日志时候,说明连接池已经建立了。

2023-12-03 16:28:47.354  INFO 7452 --- [           main] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring embedded WebApplicationContext
2023-12-03 16:28:47.354  INFO 7452 --- [           main] w.s.c.ServletWebServerApplicationContext : Root WebApplicationContext: initialization completed in 1347 ms
2023-12-03 16:28:47.471  INFO 7452 --- [           main] com.zaxxer.hikari.HikariDataSource       : test1pool - Starting...
2023-12-03 16:28:47.627  INFO 7452 --- [           main] com.zaxxer.hikari.HikariDataSource       : test1pool - Start completed.
2023-12-03 16:28:47.652  INFO 7452 --- [           main] com.zaxxer.hikari.HikariDataSource       : test2pool - Starting...
2023-12-03 16:28:47.656  INFO 7452 --- [           main] com.zaxxer.hikari.HikariDataSource       : test2pool - Start completed.

2.2 检查数据库连接

在这里插入图片描述
minimum-idle 这里我两个测试库都是最小连接是2,启动项目后,数据库有4个连接,对得上数量。

2.3 debug看其他数据库属性是否生效

在这里插入图片描述
通过debug到dao这层的请求看代理类的属性,可以看到连接池的属性是否和你配置的一致,只有一致才是读到了配置。

2.4 看请求结果

test1测试结果如下
在这里插入图片描述
test2测试结果如下
在这里插入图片描述
结果是正确切换了数据库并且读取到了数据,测试完毕。

总结

1.这里就不展示如何配置dao了,网上的例子很多,也是该掌握后再看本篇文章。
2.使用切面的方式动态切换数据源,否则就是使用默认的数据源。
3.这里的hikari版本如下,版本变动不大,应该都能一样的使用。

    <dependency><groupId>com.zaxxer</groupId><artifactId>HikariCP</artifactId><version>3.4.5</version><scope>compile</scope></dependency>

4.这里需要注意的是如果方法加上了@Transactional 一个方法里面使用了两个数据源,会导致切换数据源失败,因为
事务的控制也是通过数据源的控制实现的不能同时使用两个数据源,要使用多数据源并且支持事务,只能是使用分布式事务控制了,例如seata等。

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

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

相关文章

python——进程常用功能

Python的multiprocessing模块提供了强大的并行处理能力&#xff0c;以下是几个功能的详细解释&#xff1a; join(): 在multiprocessing中&#xff0c;join方法用于阻塞主进程直到指定的进程终止。这对于确保所有子进程在程序结束前完成其工作是很有用的。deamon(): 在multipro…

基于51单片机的十字路口交通灯_5s黄灯倒计时闪烁

基于51单片机十字路口交通灯_5s黄灯闪烁 &#xff08;程序仿真仿真视频&#xff09; 仿真&#xff1a;proteus 7.8 程序编译器&#xff1a;keil 4/keil 5 编程语言&#xff1a;C语言 设计编号&#xff1a;J006 功能要求 交通灯运行状态&#xff1a; &#xff08;1&…

硬件基础:二极管

基本定义 二极管的内部其实就是一个PN结。 把PN结封装起来&#xff0c;两边加上两个电极&#xff0c;就组成了半导体二极管。简称二极管&#xff08;Diode&#xff09; 二极管和PN结一样&#xff0c;具有单向导通性&#xff1a; 外观和正负极 常见芯片封装如下&#xff1a; 一般…

java 工具类: CompareUtils(比较对象字段值变化)

一、前言 我们在工作中&#xff0c;可能会在日志中记录数据的变化情况或者在公共处理的数据增加一个日志页面&#xff0c;记录每次修改的变化。我们可以根据CompareUtils工具类比较数据前后发生了怎样的变化, 这样我们就可以知道数据做了哪些改变. 二、条件限制 在写这个通用…

ImportError: cannot import name ‘metadata‘ from ‘importlib‘

yolov8 编译问题 ImportError: cannot import name ‘metadata’ from ‘importlib’ 将 from importlib import metadata 更改为 import importlib_metadata as metadata

【WinForm.NET开发】创建 Windows 窗体应用

本文内容 创建项目创建应用程序运行应用程序 本文演示创建一个具有基于 Windows 的用户界面 (UI) 的简单 C# 应用程序。 1、创建项目 首先&#xff0c;创建 C# 应用程序项目。 项目类型随附了所需的全部模板文件&#xff0c;无需添加任何内容。 打开 Visual Studio。在“开…

vs 安装 qt qt扩展

1 安装qt 社区版 免费 Download Qt OSS: Get Qt Online Installer 2 vs安装 qt vs tools 3 vs添加 qt添加 bin/cmake.exe 路径 3.1 扩展 -> qt versions 3.2

【设计模式-4.1】行为型——观察者模式

说明&#xff1a;本文介绍设计模式中行为型设计模式中的&#xff0c;观察者模式&#xff1b; 商家与顾客 观察者模式属于行为型设计模式&#xff0c;关注对象的行为。以商家与顾客为例&#xff0c;商家有商品&#xff0c;顾客来购买商品&#xff0c;如果商家商品卖完了&#…

Vue+ElementUI+C#前后端分离:监控长耗时任务的实践

想象一下&#xff0c;我们正在构建一个Web应用&#xff0c;需要实现一个数据报告的导出功能。这听起来很简单&#xff0c;不是吗&#xff1f;但是&#xff0c;随着深入开发&#xff0c;我们意识到导出过程比预期的要复杂和耗时得多。由于报告的数据量巨大&#xff0c;后端需要花…

PostgreSQL有意思的现象:支持不带列的表

1、前言 以前从没有试过建一张表&#xff0c;不带任何列。在PG中却支持这种语法。这是个什么鬼? 最近&#xff0c;把PG源码扒了下&#xff0c;简单浏览了下最近的一些merge。其中有一个fix&#xff1a; eeb0ebad79 ("Fix the initial sync tables with no columns.&qu…

〖大前端 - 基础入门三大核心之JS篇㊺〗- 定时器和延时器

说明&#xff1a;该文属于 大前端全栈架构白宝书专栏&#xff0c;目前阶段免费&#xff0c;如需要项目实战或者是体系化资源&#xff0c;文末名片加V&#xff01;作者&#xff1a;不渴望力量的哈士奇(哈哥)&#xff0c;十余年工作经验, 从事过全栈研发、产品经理等工作&#xf…

3D场景建模工具

在线工具推荐&#xff1a; 三维数字孪生场景工具 - GLTF/GLB在线编辑器 - Three.js AI自动纹理化开发 - YOLO 虚幻合成数据生成器 - 3D模型在线转换 - 3D模型预览图生成服务 1. 什么是3D场景建模&#xff1f; 3D场景建模是一种通过计算机图形学技术&#xff0c;将现实世…

【Matlab】如何快速入门一项新技能-以Matlab/Simulink入门为例

目录 1. 引言 2. 背景 3. 快速学习并完成开发 3.1 了解需求&#xff0c;知道要干什么 3.2 了解Matlab/Simulink基本功能 第一步&#xff0c;查看Matlab的中文网站中文网站https://www.ilovematlab.cn/resources/对Matlab/Simulink有了一个初步认识。 3.3 实现一个最简单…

PyQt6 QDialogButtonBox组合按钮控件

锋哥原创的PyQt6视频教程&#xff1a; 2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~共计34条视频&#xff0c;包括&#xff1a;2024版 PyQt6 Python桌面开发 视频教程(无废话版…

【开源威胁情报挖掘1】引言 + 开源威胁情报挖掘框架 + 开源威胁情报采集与识别提取

基于开源信息平台的威胁情报挖掘综述 写在最前面摘要1 引言近年来的一些新型网络安全威胁类型挖掘网络威胁的情报信息威胁情报分类&#xff1a;内、外部威胁情报国内外开源威胁情报挖掘分析工作主要贡献研究范围和方法 2 开源威胁情报挖掘框架1. 开源威胁情报采集与识别2. 开源…

软件生命周期四个阶段SDLC

软件产品生命周期&#xff1a;指软件产品研发全部过程、活动和任务的结构框架。 产品的生命周期一般包括四个阶段&#xff1a;引入期、成长期、成熟期和衰退期&#xff0c;在不同的阶段中&#xff0c;市场对产品的反应不同&#xff0c;其销售特点不同&#xff0c;因而产品管理的…

mysql数据库的配置文件在哪里

可以搜索my.ini、或者my.cnf&#xff0c;看看在哪个地方。 例如&#xff0c;我在windows系统装的mysql 8.2版本&#xff0c;my.ini文件不在安装目录下&#xff0c;而在另外一个目录下。 我的安装目录是F:\Program Files\MySQL\MySQL Server 8.2&#xff0c;但my.ini文件在C:\Pr…

【Leetcode题单】(01 数组篇)刷题关键点总结01【数组的遍历】

【Leetcode题单】&#xff08;01 数组篇&#xff09;刷题关键点总结01【数组的遍历】&#xff08;4题&#xff09; Easy数组的遍历485. 最大连续 1 的个数 Easy495. 提莫攻击 Easy414. 第三大的数 Easy628. 三个数的最大乘积 Easy 大家好&#xff0c;这里是新开的LeetCode刷题系…

JavaScript学习-1

01 基础用法 //index.html <body><!-- 行内JS --><button type"button" onclick"alert(hello)">按钮</button><!--内部JS--><script type"text/javascript">alert("你好");</script><…

vscode问题:此扩展在此工作区中被禁用,因为其被定义为在远程扩展主机中运行

mac按shiftcommandp windows按ctrlshiftP&#xff1a; 将当前项目文件夹添加进去就ok了。