自定义搭建管理系统

最近使用自己搭建的脚手架写了一个简易管理系统,使用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

相关推荐
摇滚侠1 天前
css 设置边框
前端·css
星爷AG I1 天前
9-24 视觉叙事(AGI基础理论)
前端·人工智能
2501_940007891 天前
Flutter for OpenHarmony三国杀攻略App实战 - 鸿蒙适配与打包发布
前端·flutter
css趣多多1 天前
跨域问题及Vue项目中本地/线上解决方法核心总结
前端
光影少年1 天前
前端 AIGC
前端·aigc
启山智软1 天前
供应链商城核心功能模块清单
java·前端·开源
徐同保1 天前
Claude Code提示词案例(开发复杂动态路由详情页面)
前端
Σdoughty1 天前
python第三次作业
开发语言·前端·python
白中白121381 天前
Vue系列-2
前端·javascript·vue.js
CHU7290351 天前
一番赏盲盒小程序前端功能:层级乐趣与便捷服务的双向赋能
前端·小程序