当前位置： 首页 > article >正文

React 通用后台管理项目

article 2024/11/17 21:53:07

React 通用后台管理项目

项目介绍

本项目是基于React的通用后台管理系统，整体系统有数据可视化展示，数据基本的增删改查功能。项目使用 Create React App创建，主语言为JavaScript。在使用React框架过程中通过hook进行页面逻辑编写。后端接口数据使用Mock进行模拟。

开源项目代码地址

https://github.com/yaodada123/react-manage

在线运行地址(可能需要magic才可访问)

https://react-manage-git-main-yaodada123s-projects.vercel.app/

技术栈

  • React 生态：React + React-Router + Redux + Axios + Babel + Webpack
  • Echarts
  • UI组件库：Ant Design

项目运行部分效果

登录

在这里插入图片描述

主页

在这里插入图片描述

用户管理

在这里插入图片描述

开发环境

  • IDE:VSCode

  • node: v18.20.3

  • npm: 10.7.0

项目启动

将项目克隆到本地后

  1. npm install
  2. npm start

即可成功运行


http://www.kler.cn/a/292089.html

相关文章：

  • SAFETY LAYERS IN ALIGNED LARGE LANGUAGEMODELS: THE KEY TO LLM SECURITY
  • C++创建型设计模式体现出的面向对象设计原则
  • css初始化（二十三课）
  • 微信小程序 https://thirdwx.qlogo.cn 不在以下 downloadFile 合法域名列表中
  • VSCode设置
  • MySQL：表设计
  • 消息队列RabbitMQ
  • 第8讲 ，ISP 串口程序下载
  • C# 字符串（String）使用教程
  • LeetCode2.两数相加
  • Monorepo学习笔记
  • react 子组件调用父组件方法，获取的数据不是最新值
  • 常用网络协议理解
  • 加锁造成的线程优先级反转
  • 搜维尔科技：使用Facewaer面部捕捉系统制作栩栩如生的脸部动画
  • Maven 的 pom.xml 文件中＜dependency＞ 元素及其各个参数的解释
  • EmguCV学习笔记 C# 10.1 人脸检测 CascadeClassifier类
  • C语言猜数小游戏
  • SpringBoot2：请求处理原理分析-请求Path与接口的映射关系(HandlerMapping)
  • 51单片机——蜂鸣器
  • Springboot +vue 网络零食商城系统
  • 828华为云征文：华为云 Flexus X 实例性能测评——SuperBench 一键窥见性能
  • 数据丢失要怎么处理，助你一键恢复数据
  • 算法笔试-编程练习-好题-02
  • 【操作系统】线程同步之互斥量
  • ssh之登录服务器后,自动进入目录(四十七)