项目初始化脚手架搭建

项目初始化脚手架搭建

仓库地址

easy-web: 一个快速初始化SpringBoot项目的脚手架 (gitee.com)

目前这个项目还是个单体项目,后续笔者有时间可能会改造成父子工程项目,将通用模块抽象出来,有兴趣的小伙伴也可以自行 CV 改造。

1、项目初始化

1.1 创建一个 Spring Boot 新项目

image-20230617153047260

1.2 选择项目版本和依赖

image-20230617152358958

1.3 该配置文件为 .yml 格式

image

2、数据库表设计

用户表(注:以下字符集是 MySQL 8 版本的)

CREATE TABLE `user` (`id` bigint NOT NULL AUTO_INCREMENT COMMENT 'id',`user_account` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '登录账号',`user_password` varchar(512) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '密码',`user_name` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '用户昵称',`user_avatar` varchar(1024) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '用户头像',`gender` tinyint DEFAULT '0' COMMENT '性别:0 - 未知;1 - 男;2 -女',`phone` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '手机号码',`email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '邮箱',`user_role` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL DEFAULT 'user' COMMENT '用户角色:user - 普通用户;admin - 管理员',`user_status` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL DEFAULT '0' COMMENT '用户状态:0 - 正常;1 - 禁用',`create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',`update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',`is_delete` tinyint NOT NULL DEFAULT '0' COMMENT '是否删除:0 - 未删;1 - 已删',PRIMARY KEY (`id`) USING BTREE,UNIQUE KEY `uni_userAccount` (`user_account`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=26 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci ROW_FORMAT=DYNAMIC COMMENT='用户表';

3、Mybatis X 插件自动生成代码

1.1

image

1.2

image

1.3

取消勾选 toString

image

1.4 生成的结果

image

将需要的代码拖进对应的软件包即可,导入 mybatis-plus 依赖

        <dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.5.1</version></dependency>

选项解释

image-20230423133832870

image-20230423133856231

4、定义统一错误码

这是一个枚举类,用于定义系统中可能出现的错误码和对应的错误信息。

枚举值必须是私有且不可变

可以参考下阿里巴巴 Java 开发手册:

https://github.com/alibaba/p3c

public enum ErrorCode {SUCCESS(0, "ok"),PARAMS_ERROR(40000, "请求参数错误"),NOT_LOGIN_ERROR(40100, "未登录"),NO_AUTH_ERROR(40101, "无权限"),NOT_FOUND_ERROR(40400, "请求的数据不存在"),FORBIDDEN_EEOR(40300, "禁止访问"),SYSTEM_ERROR(50000, "系统内部异常"),OPERTATION_ERROR(50001, "操作失败");/*** 状态码*/private final int code;/*** 信息*/private final String message;ErrorCode(int code, String message) {this.code = code;this.message = message;}/*** 获取错误状态码** @return int*/public int getCode() {return code;}/*** 获取错误响应信息** @return {@code String}*/public String getMessage() {return message;}}

5、创建通用返回类

@Data
public class BaseResponse<T> implements Serializable {private int code; // 状态码private T data; // 数据private String message; // 响应信息public BaseResponse(int code, T data, String message) {this.code = code;this.data = data;this.message = message;}public BaseResponse(int code, T data) {this(code, data, "");}public BaseResponse(ErrorCode errorCode) {this(errorCode.getCode(), null, errorCode.getMessage());}
}

6、异常处理

  1. 自定义异常类
public class BusinessException extends RuntimeException {private final int code;public BusinessException(int code, String message) {super(message);this.code = code;}public BusinessException(ErrorCode errorCode) {super((errorCode.getMessage()));this.code = errorCode.getCode();}public BusinessException(ErrorCode errorCode, String message) {super(message);this.code = errorCode.getCode();}public int getCode() {return code;}}
  1. 全局异常处理
@RestControllerAdvice
@Slf4j
public class GlobalExceptionHandler {@ExceptionHandler(BusinessException.class)public BaseResponse<?> businessExceptionHandler(BusinessException e) {log.error("businessException: " + e.getMessage(), e);return ResultUtils.error(e.getCode(), e.getMessage());}@ExceptionHandler(RuntimeException.class)public BaseResponse<?> runtimeExceptionHandler(RuntimeException e) {log.error("runtimeException", e);return ResultUtils.error(ErrorCode.SYSTEM_ERROR, e.getMessage());}
}

@RestControllerAdvice 的作用:

它结合了 @ControllerAdvice@ResponseBody 两个注解的功能,用于全局异常处理和返回统一的格式化响应数据。

当控制器中抛出异常时,@RestControllerAdvice 会捕获这些异常,并根据异常类型返回相应的数据格式。我们可以在 @ExceptionHandler 注解下定义多个异常处理方法,每个方法处理一个或多个不同类型的异常。这些方法可以返回不同类型的数据,如 JSON、视图或其他对象。

除了异常处理,@RestControllerAdvice 还可以在控制器方法执行前或执行后执行一些操作,例如记录日志、数据验证等。

7、定义用户常量

避免使用魔法值

public interface UserConstant {/*** 用户登录态键*/String USER_LOGIN_STATE = "userLoginState";/*** 系统用户 id(虚拟用户)*/long SYSTEM_USER_ID = 0;//  region 权限/*** 默认权限*/String DEFAULT_ROLE = "user";/*** 管理员权限*/String ADMIN_ROLE = "admin";// endregion
}

8、返回结果工具类

public class ResultUtils {/*** 成功** @param data 数据* @return {@code BaseResponse<T>}*/public static <T> BaseResponse<T> success(T data) {return new BaseResponse<>(0, data, "ok");}/*** 失败** @param errorCode 错误码* @return*/public static BaseResponse error(ErrorCode errorCode) {return new BaseResponse<>(errorCode);}/*** 失败** @param code 状态码* @param message 信息* @return*/public static BaseResponse error(int code, String message) {return new BaseResponse(code, null, message);}/*** 失败** @param errorCode 错误码* @param message 信息* @return*/public static BaseResponse error(ErrorCode errorCode, String message) {return new BaseResponse(errorCode.getCode(), null, message);}
}

9、分层领域模型规约

  1. DO(Data Object):此对象与数据库表结构一一对应,通过 DAO 层向上传输数据源对象。
  2. DTO(Data Transfer Object):数据传输对象,Service 或 Manager 向外传输的对象。
  3. BO(Business Object):业务对象,可以由 Service 层输出的封装业务逻辑的对象。
  4. Query:数据查询对象,各层接收上层的查询请求。注意超过 2 个参数的查询封装,禁止使用 Map 类来传输。
  5. VO(View Object):显示层对象,通常是 Web 向模板渲染引擎层传输的对象。

10、userAccount.intern()

userAccount.intern() 是 Java 中的字符串常量池方法,它的作用是将字符串对象添加到字符串常量池中,并返回该字符串对象在常量池中的引用。如果常量池中已经存在该字符串,则直接返回该字符串在常量池中的引用。

  • 当我们使用字符串字面量(例如:String userAccount = "admin")创建字符串时,Java 虚拟机会自动将其添加到字符串常量池中,因此这种方式创建的字符串对象在常量池中只会存在一份
  • 而当我们通过 new 关键字创建字符串时(例如:String userAccount = new String("admin")),则会在堆内存中创建一个新的字符串对象,该对象不会被添加到常量池中。

在实际开发中,我们可以使用 intern() 方法在运行时将堆中的字符串对象添加到常量池中,以便更有效地利用内存。但需要注意的是,由于常量池是在运行时被创建的,因此在使用 intern() 方法时需要注意字符串的生命周期,以避免不必要的内存消耗。

        synchronized (userAccount.intern()) {// 3. 加密String encryptPassword = DigestUtils.md5DigestAsHex((SALT + newPassword).getBytes());// 4. 更新数据user.setUserPassword(encryptPassword);boolean result = this.updateById(user);if (!result) {throw new BusinessException(ErrorCode.SYSTEM_ERROR, "密码找回失败,数据库错误");}// 5. 返回用户idreturn user.getId();}

11、分页查询

userVOPage.setRecords(userVOList)

这段代码是将一个 List 列表中的元素设置到一个分页对象(Page)中的记录(records)属性中。

通过调用 userVOPagesetRecords 方法,将 userVOList 列表中的元素设置到 userVOPage 的记录属性中,从而实现了将查询结果封装成一个分页对象的功能。这样,就可以将分页查询结果返回给前端展示,方便用户进行浏览和操作。

public Page<UserVO> listUserByPage(UserQueryRequest userQueryRequest, HttpServletRequest request) {long current = 1; // 默认当前页为第一页long size = 10; // 默认每页查询10条数据User userQuery = new User(); // 创建用户查询对象if (userQueryRequest != null) { // 如果查询请求参数不为空BeanUtils.copyProperties(userQueryRequest, userQuery); // 将请求参数拷贝到用户查询对象中current = userQueryRequest.getCurrent(); // 获取当前页数size = userQueryRequest.getPageSize(); // 获取每页查询记录数}LambdaQueryWrapper<User> lambdaQueryWrapper = new LambdaQueryWrapper<>(); // 创建Lambda查询条件对象Page<User> userPage = this.page(new Page<>(current, size), lambdaQueryWrapper); // 分页查询用户信息Page<UserVO> userVOPage = new PageDTO<>(userPage.getCurrent(), userPage.getSize(), userPage.getTotal()); // 创建用户VO分页对象List<UserVO> userVOList = userPage.getRecords().stream().map(user -> {UserVO userVO = new UserVO(); // 创建用户VO对象BeanUtils.copyProperties(user, userVO); // 将用户信息拷贝到用户VO对象中return userVO;}).collect(Collectors.toList()); // 将用户VO对象转化为List集合// 将userVOList列表中的元素设置到userVOPage的记录(recodes)属性中userVOPage.setRecords(userVOList);return userVOPage;
}

12、分页插件配置

@Configuration
@MapperScan("com.chenmeng.project.mapper")
public class MyBatisPlusConfig {/*** 拦截器配置** @return*/@Beanpublic MybatisPlusInterceptor mybatisPlusInterceptor() {MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();// 分页插件interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));return interceptor;}
}

13、Knife4j 接口文档配置

knife4j 是为 Java MVC 框架集成 Swagger 生成 Api 文档的增强解决方案,前身是 swagger-bootstrap-ui,取名 knife4j 是希望它能像一把匕首一样小巧、轻量,并且功能强悍。其底层是对 Springfox 的封装,使用方式也和 Springfox 一致,只是对接口文档 UI 进行了优化

参考博客:

Swagger与Knife4j的学习

1、导入依赖

        <!-- https://doc.xiaominfo.com/knife4j/documentation/get_start.html--><dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-spring-boot-starter</artifactId><version>3.0.3</version></dependency>

2、指定 MVC 匹配路径 - yml 文件中

  mvc:pathmatch:# 指定URL路径匹配的策略--Ant--风格,默认的URL路径匹配的策略是AntPathMatchermatching-strategy: ANT_PATH_MATCHER

不指定的话会报错:Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException

原因:在配置 Swagger 后,

springBoot 处理映射匹配的默认策略发生了变化,Spring MVC 处理映射匹配的默认策略已从 AntPathMatcher 更改为 PathPatternParser

参考博客:

https://blog.csdn.net/Shipley_Leo/article/details/129100908

3、写配置文件

@Configuration
@EnableSwagger2
@Profile("dev")
public class Knife4jConfig {@Beanpublic Docket defaultApi2() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(new ApiInfoBuilder().title("project-backend").description("后端接口项目文档").version("1.0").build()).select()// 指定 Controller 扫描包路径.apis(RequestHandlerSelectors.basePackage("com.chenmeng.project.controller")).paths(PathSelectors.any()).build();}
}

4、显示以下页面表示配置成功

image

14、全局跨域配置

@Configuration
public class CorsConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {// 覆盖所有请求registry.addMapping("/**")// 允许发送 Cookie.allowCredentials(true)// 放行哪些域名(必须用 patterns,否则 * 会和 allowCredentials 冲突).allowedOriginPatterns("*").allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS").allowedHeaders("*").exposedHeaders("*");}
}

15、自定义权限校验注解

@Target(ElementType.METHOD) // 表示该注解只能添加在方法上
@Retention(RetentionPolicy.RUNTIME) // 表示该注解在运行时可用
public @interface AuthCheck {/*** 有任何一个角色** @return {@code String[]}*/String[] anyRole() default "";/*** 必须有某个角色** @return {@code String}*/String mustRole() default "";}

16、AOP

首先需要导入 AOP 依赖

        <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency>

1、权限校验拦截器 AOP

@Aspect
@Component
public class AuthInterceptor {@Resourceprivate UserService userService;/*** 执行拦截** @param joinPoint 连接点,即被拦截到的方法* @param authCheck 自定义注解 - 身份验证检查* @return {@code Object}*/@Around("@annotation(authCheck)")public Object doInterceptor(ProceedingJoinPoint joinPoint, AuthCheck authCheck) throws Throwable {// 获取 @AuthCheck 注解的 anyRole 属性值,并将 非空字符串 添加到列表中。List<String> anyRole = Arrays.stream(authCheck.anyRole()).filter(StringUtils::isNotBlank).collect(Collectors.toList());// 获取 @AuthCheck 注解的 mustRole 属性值String mustRole = authCheck.mustRole();// 获取当前请求的属性RequestAttributes requestAttributes = RequestContextHolder.currentRequestAttributes();// 获取当前请求对象HttpServletRequest request = ((ServletRequestAttributes) requestAttributes).getRequest();// 获取当前登录用户User user = userService.getLoginUser(request);// 拥有任意权限即可通过if (CollectionUtils.isNotEmpty(anyRole)) { // 判断 anyRole 列表是否非空String userRole = user.getUserRole();if (!anyRole.contains(userRole)) {throw new BusinessException(ErrorCode.NO_AUTH_ERROR);}}// 必须拥有所有权限才可通过if (StringUtils.isNotBlank(mustRole)) { // 判断 mustRole 列表是否非空String userRole = user.getUserRole();if (!mustRole.equals(userRole)) {throw new BusinessException(ErrorCode.NO_AUTH_ERROR);}}// 通过权限校验,放行return joinPoint.proceed();}
}

@Aspect 注解和 @Around 注解,用于拦截带有 @AuthCheck 注解的方法,进行身份验证校验。

  • @Aspect 注解表示这是一个切面类,用于定义切点和通知。
  • @Component 注解表示这个类是一个 Spring 组件,需要被 Spring 容器管理。
  • @Around("@annotation(authCheck)") 表示它拦截带有 @AuthCheck 注解的方法,并在方法执行前进行身份验证校验。

AuthCheck authCheck 表示被拦截方法上的 @AuthCheck 注解对象。

2、请求响应日志拦截器 AOP

@Aspect
@Component
@Slf4j
public class LogInterceptor {/*** 执行拦截** @param point 连接点* @return {@code Object}* @throws Throwable throwable*/@Around("execution(* com.chenmeng.project.controller.*.*(..))")public Object doInterceptor(ProceedingJoinPoint point) throws Throwable {// 计时StopWatch stopWatch = new StopWatch();stopWatch.start();// 获取请求路径RequestAttributes requestAttributes = RequestContextHolder.currentRequestAttributes();HttpServletRequest httpServletRequest = ((ServletRequestAttributes) requestAttributes).getRequest();// 生成请求唯一 idString requestId = UUID.randomUUID().toString();String url = httpServletRequest.getRequestURI();// 获取请求参数Object[] args = point.getArgs();String reqParam = "[" + StringUtils.join(args, ", ") + "]";// 输出请求日志log.info("request start,id: {}, path: {}, ip: {}, params: {}", requestId, url,httpServletRequest.getRemoteHost(), reqParam);// 执行原方法Object result = point.proceed();// 输出响应日志stopWatch.stop();long totalTimeMillis = stopWatch.getTotalTimeMillis();log.info("request end, id: {}, cost: {}ms", requestId, totalTimeMillis);return result;}
}

依赖解析

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.12</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.chenmeng</groupId><artifactId>easy-web</artifactId><version>0.0.1-SNAPSHOT</version><name>easy-web</name><description>Spring Boot 后端项目脚手架</description><properties><java.version>1.8</java.version></properties><dependencies><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.5.1</version></dependency><!--commons-lang3工具类--><dependency><groupId>org.apache.commons</groupId><artifactId>commons-lang3</artifactId><version>3.12.0</version></dependency><!--hutool工具类--><dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.8.18</version></dependency><!-- swagger + knife4j 接口文档--><dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-spring-boot-starter</artifactId><version>3.0.3</version></dependency><!-- gson解析库 --><dependency><groupId>com.google.code.gson</groupId><artifactId>gson</artifactId><version>2.9.0</version></dependency><!--AOP--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>2.3.1</version></dependency><!-- devtools热部署依赖 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><!-- 防止将依赖传递到其他模块中 --><optional>true</optional><!-- 只在运行时起作用,打包时不打进去(防止线上执行打包后的程序,启动文件监听线程File Watcher,耗费大量的内存资源) --><scope>runtime</scope></dependency><dependency><groupId>com.mysql</groupId><artifactId>mysql-connector-j</artifactId><scope>runtime</scope></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-configuration-processor</artifactId><optional>true</optional></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><configuration><excludes><exclude><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></exclude></excludes></configuration></plugin></plugins></build></project>

1、热部署依赖

spring-boot-devtools 提供以下功能:

  1. 自动应用程序重启:在开发应用程序时,当我们对代码进行更改并保存后,应用程序将自动重新启动,以便更快地查看更改的结果,而无需手动重启应用程序。
  2. LiveReload 支持:当我们更改 HTML、CSS、JavaScript 文件时,LiveReload 将自动重新加载浏览器页面,以便更快地查看更改的结果。
  3. 全局默认属性设置:在开发期间,我们可能需要设置一些默认属性,例如开启调试模式,禁用缓存等。spring-boot-devtools 提供了一种简单的方式来设置这些属性,以便在整个应用程序中生效。

需要注意的是,spring-boot-devtools 只应该在开发环境中使用,不应该在生产环境中使用。因为在生产环境中,自动重启和 LiveReload 可能会导致应用程序的性能下降,甚至可能会引起一些安全问题。

热部署:https://www.jianshu.com/p/de544b13b9d5

注册器参数设置解析

首先在 IDEA 中,按 Ctrl + Alt + Shift + /(或 Cmd + Option + Shift + / on macOS)打开 Registry。

  1. compiler.automake.build.while.idle.timeout 是 IntelliJ IDEA 的注册表(Registry)中的一项设置。这个设置项控制的是在系统空闲状态下,IDEA 自动构建项目的等待时间。
  2. compiler.automake.postpone.when.idle.less.than 是 IntelliJ IDEA 注册表(Registry)中的另一个设置项,它控制了在系统空闲时间小于特定值时是否延迟自动构建。

注意事项

请注意,这种自动构建可能会对系统的资源使用产生影响,尤其是在大型项目中。如果你发现系统响应变慢或者 CPU 使用率过高,可以尝试调低这个设置值或关闭自动构建功能。

2、gson 解析依赖库

Gson 是 Google 提供的一个 Java 库,用于将 Java 对象和 JSON 数据相互转换。它可以将一个 Java 对象序列化为 JSON 格式的字符串,也可以将一个 JSON 格式的字符串反序列化为一个 Java 对象。

Gson 支持 Java 中的基本数据类型、集合类型和自定义对象类型,并且可以对 Java 对象进行自定义序列化和反序列化操作。

        <!-- https://mvnrepository.com/artifact/com.google.code.gson/gson --><dependency><groupId>com.google.code.gson</groupId><artifactId>gson</artifactId><version>2.9.0</version></dependency>

可以看看下面这篇文章:

Gson的基本使用

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

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

相关文章

接口测试测什么?一个简单问题把我难住了!

那么设计测试用例时我们主要考虑如下几个方面&#xff1a; 01、功能测试 接口的功能是否正确实现了 接口是否按照设计文档中来实现 &#xff08;比如username参数写为了user&#xff0c;那么这就不符合&#xff0c;因为接口文档在整个开发中都需要使用&#xff0c;所以接口实…

电商平台低价品牌要如何处理

低价会影响品牌渠道的长期发展&#xff0c;同时还会衍生很多问题&#xff0c;如为了追求低价而导致的店铺窜货、商品假货等&#xff0c;对于渠道来说&#xff0c;都是要及时解决的问题&#xff0c;否则渠道乱了&#xff0c;最终腐蚀的是品牌价值&#xff0c;同时还会影响经销商…

键盘事件,DOM事件流,e.keyup, e.keypress,BOM里的window对象, setInterval, clearInterval

目录 事件委托&#xff08;事件代理&#xff09; 键盘事件 ​编辑e.keycode 京东快递单号查询 页面加载事件 定时器setTimeout 清除定时器 监听事件&#xff1a; 传统的onclick对于后面的注册事件会覆盖前面的注册事件 方法监听注册方式&#xff1a;addEventListener() …

(NeRF学习)NeRF复现 win11

目录 一、获取源码二、环境三、准备数据集1.下载数据集方法一&#xff1a;官方命令方法二&#xff1a;官网下载数据集 2.修改配置 四、开始训练1.更改迭代次数2.开始训练方法一&#xff1a;方法二&#xff1a; 3.使用预训练模型 五、NeRF源码学习 一、获取源码 git clone http…

FCN学习-----第一课

语义分割中的全卷积网络 CVPR IEEE国际计算机视觉与模式识别会议 PAMI IEEE模式分析与机器智能汇刊 需要会的知识点&#xff1a; 神经网络&#xff1a;前向传播和反向传播 卷积神经网络&#xff1a;CNN&#xff0c;卷积&#xff0c;池化&#xff0c;上采样 分类网络&#xff1a…

DevOps(10)

目录 56.Docker的架构&#xff1f; 57.Docker镜像相关操作有哪些&#xff1f; 58.Docker容器相关操作有哪些&#xff1f; ​编辑59.如何查看Docker容器的日志&#xff1f; 60.如何启动Docker容器&#xff1f;参数含义&#xff1f; 61.如何进入Docker后台模式&#xff1f;有…

数字孪生与3D建模技术的结合

数字孪生与3D建模技术的结合可以带来更精细、真实的数字化表示&#xff0c;支持多领域的应用。以下是数字孪生在3D建模技术中的一些应用&#xff0c;希望对大家有所帮助。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎交流合作。 1.产品设计和制…

CISCO AIR-CT2504-15-K9 AP 注册不上常见问题

CISCO AIR-CT2504-15-K9 思科 2504 无线控制器 我们从官网了解到2023年4月12日已终止技术支持&#xff0c;最近这两天发现15个AP&#xff0c;掉了10个&#xff0c;剩5个在线&#xff0c;其中有10个AP 无法注册&#xff0c;提示&#xff1a;Not joined 从MANAGEMENT->Logs-&…

使用mysql查询当天、近一周、近一个月及近一年的数据以及各种报表查询sql

1.mysql查询当天的数据 1 select * from table where to_days(时间字段) to_days(now()); 2.mysql查询昨天的数据 1 select * from table where to_days(now( ) ) - to_days( 时间字段名) < 1 3.mysql查询近一个月的数据 1 SELECT * FROM table WHERE date(时间字段) …

宽压输入1.5KV隔离直流高压输出电源模块

GRC系列低成本小体积宽电压输入隔离高压模块电源&#xff0c;是一款业界的隔离稳压型DC-DC高电压转换器&#xff0c;可在宽范围波动的不稳定电压输入环境中运行&#xff0c;通过模块的内部调整电路可以生成隔离稳压的直流高电压输出。产品外壳采用铝壳喷塑防腐设计&#xff0c;…

Ansible的安装及简单使用

## Ansible的安装及简单使用 ## 一.Ubuntu安装Ansible sudo apt update sudo apt install ansible #使用以下命令检查安装是否成功&#xff1a; ansible --version二.配置Ansible #进入配置文件目录 cd /etc/ansible/ ls#文件含义 ansible.cfg #ansible配置文件,默认基本不用…

win环境安装yarn脚手架

win环境安装yarn脚手架 1、安装命令 npm install -g yarn 2、查看安装的版本 yarn --version 报错了&#xff01;&#xff01;&#xff01; 解决方案 搜索​​ PowerShell​​&#xff0c;右键以管理员身份运行&#xff1b; 输入&#xff1a;​​set-ExecutionPolicy Remo…