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

devtools/2025/2/5 3:16:48/

文章目录

      • 登录页面布局
      • 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/devtools/156156.html

相关文章

第三周 树

猫猫和企鹅 分数 10 全屏浏览 切换布局 作者 姜明欣 单位 河北大学 王国里有 nn 个居住区,它们之间有 n−1 条道路相连,并且保证从每个居住区出发都可以到达任何一个居住区,并且每条道路的长度都为 1。 除 1号居住区外,每个居…

DeepSeek-R1 论文. Reinforcement Learning 通过强化学习激励大型语言模型的推理能力

论文链接: [2501.12948] DeepSeek-R1: Incentivizing Reasoning Capability in LLMs via Reinforcement Learning 实在太长,自行扔到 Model 里,去翻译去提问吧。 工作原理: 主要技术,就是训练出一些专有用途小模型&…

记忆化搜索和动态规划 --最长回文子串为例

记忆化搜索 记忆化搜索是一种优化递归算法的方法,通过将已经计算过的子问题的结果存储起来(通常使用哈希表或数组),避免重复计算相同的子问题。 本质上是通过缓存中间结果来减少计算的重复性。 动态规划 动态规划是通过将问题分…

[STM32 标准库]定时器输出PWM配置流程 PWM模式解析

前言: 本文内容基本来自江协,整理起来方便日后开发使用。MCU:STM32F103C8T6。 一、配置流程 1、开启GPIO,TIM的时钟 /*开启时钟*/RCC_APB1PeriphClockCmd(RCC_APB1Periph_TIM2, ENABLE); //开启TIM2的时钟RCC_APB2PeriphClockC…

MATLAB中lineBoundary函数用法

目录 语法 说明 示例 匹配行的边界 匹配行的开头和结尾边界 对行的边界求反 lineBoundary函数的功能是匹配行首或行尾。 语法 pat lineBoundary pat lineBoundary(type) 说明 pat lineBoundary 创建与一行的行首或行尾(包括 newline 字符)匹…

使用 Kotlin 将 Vertx 和 Springboot 整合

本篇文章目的是将 Springboot 和 Vertx 进行简单整合。整合目的仅仅是为了整活,因为两个不同的东西整合在一起提升的性能并没有只使用 Vertx 性能高,因此追求高性能的话这是在我来说不推荐。而且他们不仅没有提高很多性能甚至增加了学习成本 一、整合流…

【Elasticsearch 】自定义分词器

🧑 博主简介:CSDN博客专家,历代文学网(PC端可以访问:https://literature.sinhy.com/#/?__c1000,移动端可微信小程序搜索“历代文学”)总架构师,15年工作经验,精通Java编…

基于kamailio开发一个voip管理系统需要实现的基础功能

基于Kamailio开发一个VoIP管理系统需要实现多个核心功能,以确保系统的完整性、稳定性和可扩展性。以下是主要功能模块及其实现要点: 1. 用户管理 用户注册与认证: 实现SIP注册服务器功能,允许用户通过SIP客户端注册。支持多种认证…