第五章:元婴-React用户功能实战

ops/2025/2/5 21:24:10/

文章目录

      • 登录页面布局
      • JWT 令牌鉴权
      • 用户功能实现
        • 用户查询页面
        • 用户更改状态
        • 用户添加页面
        • 用户添加页面表单构建
        • 用户编辑页面
        • 用户编辑表单页面

登录页面布局

import React, { useEffect, useState } from 'react'
import { Button, Form, Input, message } from 'antd'
import style from './login.module.scss'
import initBackground from './init.ts'
// 引入请求api
import api from '@/api'
// 引入跳转路由的hooks
import { useNavigate } from 'react-router-dom'
export default function index() {let navigate = useNavigate()// 点击登录按钮const onFinish = async (values: any) => {let { username, password } = values// 获取验证码参数let data = {username,password}let res = awa

http://www.ppmy.cn/ops/155976.html

相关文章

索引的底层数据结构、B+树的结构、为什么InnoDB使用B+树而不是B树呢

索引的底层数据结构 MySQL中常用的是Hash索引和B树索引 Hash索引:基于哈希表实现的,查找速度非常快,但是由于哈希表的特性,不支持范围查找和排序,在MySQL中支持的哈希索引是自适应的,不能手动创建 B树的…

doris:STRUCT

STRUCT<field_name:field_type [COMMENT comment_string], ... > 表示由多个 Field 组成的结构体&#xff0c;也可被理解为多个列的集合。 不能作为 Key 使用&#xff0c;目前 STRUCT 仅支持在 Duplicate 模型的表中使用。一个 Struct 中的 Field 的名字和数量固定&…

PDF 擦除工具

该软件仅仅适用于非人民币玩家&#xff0c;如果有wps会员等类似的软件的没有大用处 PDF Eraser允许用户擦除PDF文件中任何元素&#xff0c;并且支持添加文本和图像。除此之外PDF Eraser允许用户删除不必要的PDF页面&#xff0c;为了兼顾一些大型的扫描的PDF文档&#xff0c;PDF…

ubuntu 网络管理--wpa_supplicant、udhcpc

ubuntu 网络管理--wpa_supplicant 1 介绍wpa_supplicant 无线认证wpa_passphrase 配置工具 NetworkManager 网络管理udhcpc 与 dhclient对比dhclient概述主要功能 udhcpc概述主要功能 2 联系依赖关系配置文件 3 区别4 如何选择5 示例使用 wpa_supplicant 手动连接无线网络使用 …

MVC 文件夹:架构之美与实际应用

MVC 文件夹:架构之美与实际应用 引言 MVC(Model-View-Controller)是一种设计模式,它将应用程序分为三个核心组件:模型(Model)、视图(View)和控制器(Controller)。这种架构模式不仅提高了代码的可维护性和可扩展性,而且使得开发流程更加清晰。本文将深入探讨MVC文…

HTTPS域名443端口证书到期问题排查与解决

在现代Web开发中&#xff0c;HTTPS协议广泛用于确保客户端和服务器之间的通信安全。然而&#xff0c;HTTPS依赖于SSL/TLS证书来加密通信并验证网站的身份。当证书过期时&#xff0c;客户端可能会遇到连接错误。本文将介绍如何排查和解决因证书过期引起的问题&#xff0c;尤其是…

CSS工程化概述

CSS的问题 类名冲突的问题 当你写一个 css 类的时候&#xff0c;你是写全局的类呢&#xff0c;还是写多个层级选择后的类呢&#xff1f; 你会发现&#xff0c;怎么都不好 过深的层级不利于编写、阅读、压缩、复用。过浅的层级容易导致类名冲突。 一旦样式多起来&#xff0…

【Linux】解决 apt-key 弃用问题:GPG 直接管理密钥代替 apt-key

引言 在 Linux 系统&#xff0c;尤其是 Debian 和 Ubuntu 中&#xff0c;APT&#xff08;Advanced Package Tool&#xff09;是广泛使用的包管理工具&#xff0c;负责安装、更新和管理系统软件包。历史上&#xff0c;apt-key 命令一直被用来管理 GPG 密钥&#xff0c;验证软件…