自定义搭建管理系统

最近使用自己搭建的脚手架写了一个简易管理系统,使用webpack+react+antd,搭建脚手架参考:

使用Webpack5搭建项目(react篇)_babel-preset-react-app-CSDN博客

搭建的思路:

  1. 基建布局,使用antd的Layout布局。

2.左侧Sider的路由控制,搭配tab组件,以及面包屑,完成路由各种情况的跳转。这块比较复杂,包括(主要用到redux):

左侧菜单控制tab以及面包屑;

tab控制Sider菜单以及面包屑,包括左右跳转以及关闭全部;

路由的变化控制tab,sider菜单以及面包屑。

3.路由拦截,登录页面是不可以出现在layout布局中的

4.处理非系统路由,进入500页面,也不出现在layout中。

5.登录的简单验证。

6.页面开发,主要使用antd,echarts等工具,假数据使用mock假数据。

代码:​​​​​​​GitHub - liuchen112233/reactManageSys: kaohe

相关推荐
tedcloud1237 分钟前
taste-skill部署教程:打造个性化AI推荐工作流
服务器·前端·人工智能·系统架构·edge
xinhuanjieyi21 分钟前
html修复游戏种太阳错误
前端·游戏·html
林希_Rachel_傻希希1 小时前
学React治好了我的焦虑症,1小时速通React 前20分钟。
前端·javascript·面试
Cache技术分享1 小时前
435. Java 日期时间 API - Clock 灵活获取当前时间
前端·后端
独泪了无痕2 小时前
Vue3中防御XSS攻击的“特效药”-DOMPurify
前端·vue.js·安全
小小19922 小时前
idea 配置less转化为css
前端·css·less
hhb_6183 小时前
Less嵌套避坑:优先级冲突实战解析
前端·css·less
云水一下3 小时前
Vue.js从零到精通系列(五):全局状态管理——Pinia 核心与实践
前端·javascript·vue.js
我不是外星人3 小时前
浅谈我对 AI 发展的看法
前端·ai编程·claude
甲维斯4 小时前
测一波Kimi K2.7,消耗一周配额!
前端·人工智能·游戏开发