用户中心项目(登录 + 用户管理功能后端)
文章目录
- 1.登录功能-后端
- 1.思路分析
- 2.完成对用户名和密码的校验
- 1.com/sun/usercenter/service/UserService.java 添加方法
- 2.com/sun/usercenter/service/impl/UserServiceImpl.java 添加方法
- 3.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性
- 3.记录用户的登录态并配置MyBatisPlus的逻辑删除
- 1.com/sun/usercenter/service/UserService.java 修改doLogin,增加参数 request
- 2.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性
- 3.com/sun/usercenter/service/impl/UserServiceImpl.java 添加代码
- doLogin 方法添加代码,记录用户登录态
- 4.配置MyBatisPlus的逻辑删除
- 1.application.yml 配置
- 2.实体类添加注解
- 2.接口开发及测试
- 1.com/sun/usercenter/controller/UserController.java 注册和登录接口
- 2.封装登录和注册请求信息的对象
- 1.文件目录
- 2.com/sun/usercenter/model/request/UserLoginRequest.java 用户登录请求体
- 3.com/sun/usercenter/model/request/UserRegisterRequest.java 用户注册请求体
- 3.单元测试
- 1.用户注册接口测试
- 1.debug模式启动IDEA
- 2.postman测试
- 2.用户登录接口测试
- 1.com/sun/usercenter/service/impl/UserServiceImpl.java的doLogin最后下断点
- 2.postman测试
- 3.查看session是否有用户登录状态的信息
- 4.放行,查看postman的返回结果
- 3.逻辑删除测试
- 1.在数据库中把刚才进行登录的用户id改成1
- 2.重新登录一下
- 3.用户管理接口
- 1.com/sun/usercenter/controller/UserController.java 添加方法
- 2.user表新增字段role表示用户权限
- 1.新增字段role
- 2.com/sun/usercenter/model/domain/User.java 实体类新增权限字段
- 3.Mapper.xml不用修改,因为这个字段本来就与表的字段对应
- 4.com/sun/usercenter/service/impl/UserServiceImpl.java 用户脱敏里面把role字段加进去
- 3.com/sun/usercenter/contant/UserConstant.java 存放用户常量的接口
- 4.com/sun/usercenter/controller/UserController.java 对两个接口进行权限验证
- 1.添加方法 isAdmin 判断是否为管理员
- 2.修改两个接口的方法
- 5.application.yml 设置session超时时间
- 6.单元测试
- 1.测试 searchUsers接口
- 1.登录
- 2.表中增加两条测试记录
- 3.进行查询,成功查询!
- 2.测试deleteUser接口
- 1.删除id为1的用户
- 2.查看数据库,成功进行逻辑删除
- 3.解决 searchUsers接口返回的用户信息没有脱敏的问题
- 1.com/sun/usercenter/service/UserService.java 添加方法
- 2.com/sun/usercenter/service/impl/UserServiceImpl.java 实现方法并修改逻辑
- 3.com/sun/usercenter/controller/UserController.java 修改searchUsers方法对查询到的用户列表进行脱敏
- 4.再次测试,敏感信息变成null了
1.登录功能-后端
1.思路分析

2.完成对用户名和密码的校验
1.com/sun/usercenter/service/UserService.java 添加方法
public Long userRegister(String userAccount, String userPassword, String checkPassword);/*** 用户登录接口* @param userAccount 账号* @param userPassword 密码* @return 成功返回脱敏后的User对象,失败返回null*/public User doLogin(String userAccount, String userPassword);
2.com/sun/usercenter/service/impl/UserServiceImpl.java 添加方法
@Overridepublic User doLogin(String userAccount, String userPassword) {// 1 检验用户名和密码是否合法,如果不合法就没必要去数据库查询// 验证非空if (StringUtils.isAnyBlank(userAccount, userPassword)) {return null;}// 账户4到16位,不能包含特殊字符if (!userAccount.matches("^[a-zA-Z0-9]{4,16}$")) {return null;}// 密码不小于8位if (userPassword.length() < 8) {return null;}// 2 密码加密进行查询String encryptPassword = DigestUtils.md5DigestAsHex((SALT + userPassword).getBytes());// 编写查询条件QueryWrapper<User> userQueryWrapper = new QueryWrapper<>();userQueryWrapper.eq("userPassword", encryptPassword);userQueryWrapper.eq("userAccount", userAccount);// 执行查询User user = userMapper.selectOne(userQueryWrapper);// 判断用户是否存在if (user == null) {// 输出日志log.info("user login faild, userAccount can not match password");return null;}// 3 记录用户的登录态return user;}
3.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性

3.记录用户的登录态并配置MyBatisPlus的逻辑删除
1.com/sun/usercenter/service/UserService.java 修改doLogin,增加参数 request
/*** 用户登录接口* @param userAccount 账号* @param userPassword 密码* @return 成功返回脱敏后的User对象,失败返回null*/public User doLogin(String userAccount, String userPassword, HttpServletRequest request);
2.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性

3.com/sun/usercenter/service/impl/UserServiceImpl.java 添加代码
doLogin 方法添加代码,记录用户登录态
// 3 如果登录成功,记录用户的登录态// 首先进行脱敏User cleanUser = new User();cleanUser.setId(user.getId());cleanUser.setUsername(user.getUsername());cleanUser.setUserAccount(user.getUserAccount());cleanUser.setAvatarUrl(user.getAvatarUrl());cleanUser.setGender(user.getGender());cleanUser.setPhone(user.getPhone());cleanUser.setEmail(user.getEmail());cleanUser.setUserStatus(user.getUserStatus());cleanUser.setCreateTime(user.getCreateTime());HttpSession session = request.getSession();// 然后将脱敏后的用户信息放入session中session.setAttribute(USER_LOGIN_SAVE, cleanUser);return cleanUser;
4.配置MyBatisPlus的逻辑删除
1.application.yml 配置
global-config:db-config:logic-delete-field: isDelete # 全局逻辑删除的实体字段名(since 3.3.0,配置后可以忽略不配置步骤2)logic-delete-value: 1 # 逻辑已删除值(默认为 1)logic-not-delete-value: 0 # 逻辑未删除值(默认为 0)

2.实体类添加注解

2.接口开发及测试
1.com/sun/usercenter/controller/UserController.java 注册和登录接口
package com.sun.usercenter.controller;import com.sun.usercenter.model.domain.User;
import com.sun.usercenter.model.request.UserLoginRequest;
import com.sun.usercenter.model.request.UserRegisterRequest;
import com.sun.usercenter.service.UserService;
import org.apache.commons.lang3.StringUtils;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;/*** Description:** @Author sun* @Create 2024/3/21 13:04* @Version 1.0*/
@RestController // 作为一个Controller注入容器,并将返回结果转换为json
@RequestMapping("/user") // restful风格的请求
public class UserController {@Resourceprivate UserService userService; // 注入针对Service接口的bean对象,可以调用接口的方法@PostMapping("/register")public Long userRegister(@RequestBody UserRegisterRequest userRegisterRequest) {// 首先判断数据是否成功封装if (userRegisterRequest == null) {return null;}// 对封装的数据进行校验,如果有一个是空直接返回nullString userAccount = userRegisterRequest.getUserAccount();String userPassword = userRegisterRequest.getUserPassword();String checkPassword = userRegisterRequest.getCheckPassword();if (StringUtils.isAnyBlank(userAccount, userPassword, checkPassword)) {return null;}// 调用Service层的注册方法,如果成功注册,则返回注册成功的用户id, 否则返回-1return userService.userRegister(userAccount, userPassword, checkPassword);}@PostMapping("/login")public User userRegister(@RequestBody UserLoginRequest userLoginRequest, HttpServletRequest request) {// 首先判断数据是否成功封装if (userLoginRequest == null) {return null;}// 对封装的数据进行校验,如果有一个是空直接返回nullString userAccount = userLoginRequest.getUserAccount();String userPassword = userLoginRequest.getUserPassword();if (StringUtils.isAnyBlank(userAccount, userPassword)) {return null;}return userService.doLogin(userAccount, userPassword, request);}}
2.封装登录和注册请求信息的对象
1.文件目录

2.com/sun/usercenter/model/request/UserLoginRequest.java 用户登录请求体
package com.sun.usercenter.model.request;import lombok.Data;/*** Description: 用户登录请求体** @Author sun* @Create 2024/3/21 13:39* @Version 1.0*/
@Data
public class UserLoginRequest {private String userAccount;private String userPassword;
}
3.com/sun/usercenter/model/request/UserRegisterRequest.java 用户注册请求体
package com.sun.usercenter.model.request;import lombok.Data;/*** Description: 用户注册请求体** @Author sun* @Create 2024/3/21 13:26* @Version 1.0*/
@Data
public class UserRegisterRequest {private String userAccount;private String userPassword;private String checkPassword;
}
3.单元测试
1.用户注册接口测试
1.debug模式启动IDEA
2.postman测试

2.用户登录接口测试
1.com/sun/usercenter/service/impl/UserServiceImpl.java的doLogin最后下断点

2.postman测试

3.查看session是否有用户登录状态的信息

4.放行,查看postman的返回结果

3.逻辑删除测试
1.在数据库中把刚才进行登录的用户id改成1

2.重新登录一下

3.用户管理接口
1.com/sun/usercenter/controller/UserController.java 添加方法
/*** 根据用户名进行模糊查询** @param username* @return 成功返回信息,失败返回null*/@GetMapping("/search")public List<User> searchUsers(String username) {QueryWrapper<User> userQueryWrapper = new QueryWrapper<>();if (StringUtils.isNotBlank(username)) {userQueryWrapper.like("username", username);}return userService.list(userQueryWrapper);}/*** 根据id进行逻辑删除(只要配置了MyBatisPlus的逻辑删除即可进行自动逻辑删除)** @param id* @return 成功返回true,失败返回false*/@PostMapping("/delete")public boolean deleteUser(@RequestBody Long id) {if (id <= 0) {return false;}return userService.removeById(id); // 这里会自动逻辑删除}
2.user表新增字段role表示用户权限
1.新增字段role

2.com/sun/usercenter/model/domain/User.java 实体类新增权限字段

3.Mapper.xml不用修改,因为这个字段本来就与表的字段对应
4.com/sun/usercenter/service/impl/UserServiceImpl.java 用户脱敏里面把role字段加进去

3.com/sun/usercenter/contant/UserConstant.java 存放用户常量的接口
package com.sun.usercenter.contant;/*** Description: 用户常量** @Author sun* @Create 2024/3/21 15:14* @Version 1.0*/
public interface UserConstant {/*用户登录状态*/String USER_LOGIN_SAVE = "userLoginState";// 用户权限/*默认权限*/Integer DEFAULT_ROLE = 0;/*管理员权限*/Integer ADMIN_ROLE = 1;
}
4.com/sun/usercenter/controller/UserController.java 对两个接口进行权限验证
1.添加方法 isAdmin 判断是否为管理员
/*** 判断是否是管理员* @param request* @return 布尔*/public boolean isAdmin(HttpServletRequest request) {User user = (User) request.getSession().getAttribute(USER_LOGIN_SAVE);return user != null && user.getRole() == ADMIN_ROLE;}
2.修改两个接口的方法
/*** 根据用户名进行模糊查询** @param username* @return 成功返回信息,失败返回null*/@GetMapping("/search")public List<User> searchUsers(String username, HttpServletRequest request) {// 仅管理员可查询if (!isAdmin(request)) {return new ArrayList<>();}QueryWrapper<User> userQueryWrapper = new QueryWrapper<>();if (StringUtils.isNotBlank(username)) {userQueryWrapper.like("username", username);}return userService.list(userQueryWrapper);}/*** 根据id进行逻辑删除(只要配置了MyBatisPlus的逻辑删除即可进行自动逻辑删除)** @param id* @return 成功返回true,失败返回false*/@PostMapping("/delete")public boolean deleteUser(long id, HttpServletRequest request) {// 仅管理员可删除if (!isAdmin(request)) {return false;}if (id <= 0) {return false;}return userService.removeById(id); // 这里会自动逻辑删除}
5.application.yml 设置session超时时间

6.单元测试
1.测试 searchUsers接口
1.登录

2.表中增加两条测试记录

3.进行查询,成功查询!

2.测试deleteUser接口
1.删除id为1的用户

2.查看数据库,成功进行逻辑删除

3.解决 searchUsers接口返回的用户信息没有脱敏的问题
1.com/sun/usercenter/service/UserService.java 添加方法
/*** 进行用户信息脱敏* @param user* @return*/User getCleanUser(User user);
2.com/sun/usercenter/service/impl/UserServiceImpl.java 实现方法并修改逻辑

/*** 对得到的user对象,进行用户信息脱敏* @param user* @return*/@Overridepublic User getCleanUser(User user) {User cleanUser = new User();cleanUser.setId(user.getId());cleanUser.setUsername(user.getUsername());cleanUser.setUserAccount(user.getUserAccount());cleanUser.setAvatarUrl(user.getAvatarUrl());cleanUser.setGender(user.getGender());cleanUser.setPhone(user.getPhone());cleanUser.setEmail(user.getEmail());cleanUser.setUserStatus(user.getUserStatus());cleanUser.setCreateTime(user.getCreateTime());cleanUser.setRole(user.getRole());return cleanUser;}
3.com/sun/usercenter/controller/UserController.java 修改searchUsers方法对查询到的用户列表进行脱敏
/*** 根据用户名进行模糊查询** @param username* @return 成功返回信息,失败返回null*/
@GetMapping("/search")
public List<User> searchUsers(String username, HttpServletRequest request) {// 仅管理员可查询if (!isAdmin(request)) {return new ArrayList<>();}QueryWrapper<User> userQueryWrapper = new QueryWrapper<>();if (StringUtils.isNotBlank(username)) {userQueryWrapper.like("username", username);}List<User> userList = userService.list(userQueryWrapper);// 将查询到的用户数据进行脱敏// 这里的逻辑就是把查询到User对象列表使用user来遍历然后对每个user对象进行脱敏最后组合成一个新的listreturn userList.stream().map(user -> {return userService.getCleanUser(user);}).collect(Collectors.toList());
}
4.再次测试,敏感信息变成null了

相关文章:
用户中心项目(登录 + 用户管理功能后端)
文章目录 1.登录功能-后端1.思路分析2.完成对用户名和密码的校验1.com/sun/usercenter/service/UserService.java 添加方法2.com/sun/usercenter/service/impl/UserServiceImpl.java 添加方法3.com/sun/usercenter/service/impl/UserServiceImpl.java 新增属性 3.记录用户的登录…...
嵌入式相机WEB,用C直接处理?
以前用HTTP连接相机的时候,以为是相机内部有一个类似tomcat之类的WEB服务器。收到相机命令后,通过链接库执行动作。 昨天想给相机增加一个时间显示,增加的项目一点就跳转到登录。 于是问了之前负责的,说是要后端改。再问嵌入式相…...
LeetCode_31_中等_下一个排列
文章目录 1. 题目2. 思路及代码实现详解(Python)2.1 两遍扫描 1. 题目 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如, a r r [ 1 , 2 , 3 ] arr [1,2,3] arr[1,2,3] ,以下这些都可以视作 a r r arr arr…...
huggingface的transformers训练gpt
目录 1.原理 2.安装 3.运行 编辑 4.数据集 编辑 4.代码 4.1 model init编辑 forward: 总结: 关于loss和因果语言模型: 编辑 交叉熵:编辑 记录一下transformers库训练gpt的过程。 transformers/examples/…...
第六十一回 放冷箭燕青救主 劫法场石秀跳楼-编译安装飞桨paddlepaddle@openKylin+RISCV
卢俊义在水里被张顺抓住,用轿子抬到了梁山。宋江等人下马跪在地上迎接,请他坐第一把交椅。卢俊义宁死不从,大家只好说留他在山寨几天,先让李固带着马车货物回去。吴用对李固说,你的主人已经答应坐第二把交椅了…...
白话讲人工智能、机器学习、深度学习
人工智能(Artificial Intelligence,AI) 定义: 想象一个聪明的机器人,它能思考、决策和学习,就像电影里的智能角色那样。人工智能就是努力打造这样的智能实体的学科,它试图模仿、扩展乃至超越人…...
ssm项目(tomcat项目),定时任务(每天运行一次)相同时间多次重复运行job 的bug
目录标题 一、原因 一、原因 debug本地调试没有出现定时任务多次运行的bug,上传到服务器就出现多次运行的bug。(war的方式部署到tomcat) 一开始我以为是代码原因,或者是linux和win环境不同运行定时任务的方式不一样。 但是自己…...
vue3 + ts +element-plus + vue-router + scss + axios搭建项目
本地环境: node版本:20.10.0 目录 一、搭建环境 二、创建项目 三、修改页面 四、封装路由vue-router 五、element-plus 六、安装scss 七、封装axios 一、搭建环境 1、安装vue脚手架 npm i -g vue/cli 2、查看脚手架版本 vue -V3、切换路径到需…...
二叉树试题解析
一、单项选择题 01.下列关于二叉树的说法中,正确的是( C ). A.度为2的有序树就是二叉树 B.含有n个结点的二叉树的高度为 C.在完全二叉树中,若一个结点没有左孩子,则它必是叶结点 D.含有n个结点的完全二叉树的高度为解析:A 二叉树…...
计算机服务器中了faust勒索病毒怎么办,faust勒索病毒解密工具流程
网络是一把利剑,可以方便企业开展各项工作业务,为企业提供极大的便利,但随着网络技术的不断发展与应用,网络数据安全威胁也在不断增加,给企业的正常生产运营带来了极大困扰,近日,云天数据恢复中…...
初次部署麒麟V10系统需要的配置,快速完成测试环境的搭建
配置麒麟V10 设置“root”登录密码 sudo su -passwd # 设置登录密码允许“root”远程登录 sudo vim /etc/ssh/sshd_configsshd_config # ↓↓↓↓修改的内容↓↓↓↓ PermitRootLogin yes # ↑↑↑↑修改的内容↑↑↑↑重启服务 sudo systemctl restart sshd允许通过图像界…...
DOcker in Docker 原理与实战代码详解
Docker in Docker(DinD)指的是在Docker容器内部运行另一个Docker守护进程和客户端。这种技术可以用于创建嵌套的Docker环境,例如在持续集成/持续部署(CI/CD)管道中构建和测试Docker镜像。然而,需要注意的是…...
公司系统中了.rmallox勒索病毒如何恢复数据?
早晨上班时刻: 当阳光逐渐洒满大地,城市的喧嚣开始涌动,某公司的员工们纷纷踏入办公大楼,准备开始新的一天的工作。他们像往常一样打开电脑,准备接收邮件、查看日程、浏览项目进展。 病毒悄然发作: 就在员…...
论文阅读:Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models
Forget-Me-Not: Learning to Forget in Text-to-Image Diffusion Models 论文链接 代码链接 这篇文章提出了Forget-Me-Not (FMN),用来消除文生图扩散模型中的特定内容。FMN的流程图如下: 可以看到,FMN的损失函数是最小化要消除的概念对应的…...
html5cssjs代码 036 CSS默认值
html5&css&js代码 036 CSS默认值 一、代码二、解释 CSS默认值(也称为浏览器默认样式)是指当HTML元素没有应用任何外部CSS样式时,浏览器自动为这些元素赋予的一组基本样式。这些样式是由浏览器的默认样式表(User Agent sty…...
小米路由器4A千兆版刷回官方固件
原文链接:小米路由器4A千兆版刷回官方固件及修改SN绑定APP-小米无线路由器及小米网络设备-恩山无线论坛 (right.com.cn) 进入breed 由于openwrt工作不稳定,决定重新刷回官方固件。 由于当前路由器已经刷过breed,不再重新刷入。 如何刷入b…...
【Leetcode每日一题】 递归 - 两两交换链表中的节点(难度⭐)(38)
1. 题目解析 题目链接:24. 两两交换链表中的节点 这个问题的理解其实相当简单,只需看一下示例,基本就能明白其含义了。 2.算法原理 一、理解递归函数的含义 首先,我们需要明确递归函数的任务:给定一个链表…...
如何部署GPT模型至自有服务器:从零开始搭建你的智能聊天机器人
引言 GPT模型是自然语言处理领域的重要突破,它能够通过生成式的文本生成方式,实现与用户的智能交互。本文将详细介绍如何将GPT模型部署到自有服务器上,并编写一个基本的API接口来实现与聊天机器人的交互。 目录 引言 一、准备工作 首先&am…...
uniapp 之 一些常用方法的封装(页面跳转,页面传参等)
util.js 提示:permission.js是uniapp插件市场由官方DCloud_heavensoft提供的App权限判断和提示插件。 import permision from "/js_sdk/wa-permission/permission.js"/*** uni.toast 封装* param {String} msg toast 提示内容* param {Number} duration …...
flutter 单列选择器
引入 flutter_pickers: ^2.1.9 import package:flutter_pickers/pickers.dart; import package:flutter_pickers/style/default_style.dart; import package:flutter_pickers/style/picker_style.dart;List<String> _numberList [99,98,97,96,95,94,93,92,91,90,89,88,…...
3分钟快速上手:用BetterNCM安装器彻底改造你的网易云音乐
3分钟快速上手:用BetterNCM安装器彻底改造你的网易云音乐 【免费下载链接】BetterNCM-Installer 一键安装 Better 系软件 项目地址: https://gitcode.com/gh_mirrors/be/BetterNCM-Installer 还在使用功能单一的网易云音乐吗?想不想让你的播放器拥…...
ComfyUI-Manager终极指南:3个核心功能彻底解决AI工作流管理难题
ComfyUI-Manager终极指南:3个核心功能彻底解决AI工作流管理难题 【免费下载链接】ComfyUI-Manager ComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable vari…...
Sentinel-3B OLCI 3 级全球分箱地球观测降分辨率(ERR)叶绿素(CHL)数据,版本 2022.0
Sentinel-3B OLCI Level-3 Global Binned Earth-observation Reduced Resolution (ERR) Chlorophyll (CHL) Data, version 2022.0 简介 叶绿素 a 数据集提供全球网格化的表层叶绿素 a 浓度(浮游植物生物量的替代指标)合成数据。CHL 支持时间序列和气候…...
2026在线测评系统十大量表对比:信效度与场景全解析
【30s 核心摘要】2026 年在线测评成人才管理刚需,信效度与场景适配成选型核心。本文聚焦十大量表,从信度、效度、适配场景等维度深度对比,重点解析问卷星、北森、金数据等主流平台的量表能力与落地效果,为企业、高校及机构提供科学…...
Arduino PWM转4-20mA工业电流信号:二阶滤波与V/I转换电路设计
1. 项目概述:从PWM到工业标准电流信号在工业自动化、过程控制和传感器领域,4-20 mA电流环是一个几乎无处不在的标准。它用4 mA代表测量值的下限(如0C),20 mA代表上限(如100C),这种设…...
C++ vector容器总结
vector基本概念功能:vector数据结构和数组非常相似,也称为单端数组vector与普通数组区别:不同之处在于数组是静态空间,而vector可以动态扩展动态扩展:并不是在原空间之后续接新空间,而是找更大的内存空间&a…...
LoRa物联网与动态基线算法在养殖体温监测中的实战应用
1. 项目概述:为什么我们需要一个智能体温监测系统?在规模化养殖场里干了十几年,我见过太多因为体温异常没被及时发现而导致的损失。一头育肥猪突然不吃食,等饲养员第二天巡栏发现时,可能已经高烧好几天,继发…...
招行+工行:ReAct(Reasoning + Acting) 讲清楚,并结合 金融场景(含自进化智能体) 给出可直接用的案例
下面我把 ReAct(Reasoning Acting) 讲清楚,并结合 ** 金融场景(含自进化智能体)** 给出可直接用的案例与话术,适合分享 / 汇报。一、ReAct 是什么(一句话)ReAct 推理(T…...
从单体到事件驱动的生死跃迁:DeepSeek架构委员会认证的6阶段迁移路线图(含风险热力图与回滚触发阈值表)
更多请点击: https://codechina.net 第一章:从单体到事件驱动的生死跃迁:DeepSeek架构委员会认证的6阶段迁移路线图(含风险热力图与回滚触发阈值表) 向事件驱动架构(EDA)演进不是功能迭代&…...
JS中forEach与普通for
for就不用说了,最普通的循环函数forEach1. 只写 1 个参数只接收当前遍历元素let arr [10,20,30] arr.forEach(item > {console.log(item) // 依次 10、20、30 })2. 写 2 个参数依次接收元素值、下标索引let arr [10,20,30] arr.forEach((item, index) > {co…...
