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

news/2025/2/4 15:55:04 标签: react.js, 前端, 前端框架, javascript

文章目录

      • 登录页面布局
      • 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.niftyadmin.cn/n/5841656.html

相关文章

使用 Grafana 和 Prometheus展现消息队列性能

引言 上篇文章通过JMX提取Kafka数据,本篇文章将通过JDBC存储Kafka性能数据存储于数据库,并通过Grafana 和 Prometheus进行展示,实现开发中常用的可视化监控 1. 环境准备 Kafka:运行中的 Kafka 集群,确保可以…

【Word快速设置论文公式居中编号右对齐】

1. 查看纸张大小 布局 —> 纸张大小 —> 21厘米*29.7厘米 —> 得到宽度为21厘米 2. 查看左右的页边距 布局 —> 页边距 —> 1.57厘米和1.57厘米 3. 计算距离 公式的距离:(21-1.57-1.57)/2 8.93厘米 编号靠右的距离&…

【教程】微信扫描二维码进入小程序指定页面并携带参数

功能描述 打开微信扫一扫,扫描产品上的二维码,弹出小程序,跳到“邀请用户”页面。解析二维码中的参数,自动填充到页面中的“邀请码”输入框。 操作步骤 首先,要到微信公众平台对扫普通链接二维码打开小程序功能进行配…

MATLAB | 基于长时间序列栅格数据的Mann-Kendall与Pettitt突变检验分析

各位同学好,今天我们将分享在水文气象等领域中常用的两种突变检验方法——Mann-Kendall(MK)检验和Pettitt检验。由于时间关系,今天我们不详细介绍具体的公式和推导过程,感兴趣的同学可以参考相关文献,如《P…

自然语言生成(NLG)算法模型评估方案的硬件配置、系统架构设计、软件技术栈、实现流程和关键代码

智能化对话中的自然语言生成(NLG)算法模型评估是一个复杂而多维的过程,它涉及多个评估指标和策略,以确保生成的文本质量、准确性和流畅性。 智能化对话中的NLG算法模型评估是一个涉及多个评估指标和策略的过程。通过选择合适的评估…

【1】快手面试题整理

[1]. 说说int和Integer的区别 int是Java中的基本数据类型,用于存储整数值。它直接在栈内存中存储数值,默认值是0,并且不能为null,本身不带方法。 Integer是int的包装类,属于引用类型。它在堆内存中存储一个对象&…

SRS代码目录

代码目录: src/目录下核心代码: core:核心功能模块,包括日志、配置、错误处理等;protocol:实现RTMP、HTTP-FLV、HLS等协议的模块;app:应用层的实现,包括流的发布、播放…

25.2.3 【洛谷】作为栈的复习不错(学习记录)

今天学习的东西不算多,放了一个星期假,感觉不少东西都没那么清楚,得复习一下才行。今天搞个栈题写,把栈复习一下,明天进入正轨,边复习边学习新东西,应该会有二叉树的学习等等... 【洛谷】P1449 …