自定义搭建管理系统

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

相关推荐
想你依然心痛4 分钟前
AtomCode 在前端开发中的实战体验:React + TypeScript 项目开发实录
前端·react.js·typescript
疯狂的魔鬼8 分钟前
精确计算容器剩余视口高度:useAutoContainerFullHeight 的工程实践
前端·css·typescript
用户0595401744616 分钟前
用了 3 个月 ChatGPT,才发现它一直在遗忘——用 Playwright 自动化验证记忆存储一致性
前端·css
玄玄子16 分钟前
xss前端解决方案
前端·浏览器·xss
林希_Rachel_傻希希19 分钟前
web性能优化之——AI总结视频
前端·javascript·面试
前端炒粉25 分钟前
个人简历面经总结二
前端·网络·vue.js·react.js·面试
用户0595401744638 分钟前
用了半年 LangChain Memory,才发现回滚测试压根没测对
前端·css
木木的木云42 分钟前
从零构建微前端框架:PavilionMfe 设计揭秘
前端·架构·vite
weedsfly1 小时前
Cookie 安全三属性:HttpOnly、Secure、SameSite 分别防什么?
前端·javascript·面试
IT_陈寒1 小时前
SpringBoot自动配置没生效?你可能漏了这个注解
前端·人工智能·后端