自定义搭建管理系统

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

相关推荐
wuxuanok几秒前
Web前端开发-HTML、CSS
前端·css·html
Mike_jia几秒前
Dish:套接字监控领域的「听诊器」——轻量级网络健康守护神深度解析
前端
独立开阀者_FwtCoder9 分钟前
"页面白屏了?别慌!前端工程师必备的排查技巧和面试攻略"
java·前端·javascript
慧一居士10 分钟前
Vite 完整功能详解与 Vue 项目实战指南
前端·vue.js
南岸月明10 分钟前
不聊主业,聊聊你们眼中的副业是什么样的?
前端
Kevin在掘金9201415 分钟前
c#、.net、Fluent UI Blazor
前端
LovelyAqaurius16 分钟前
RSA加密算法:从数学魔法到现实守护
前端
Hilaku17 分钟前
说实话,React的开发体验,已经被Vue甩开几条街了
前端·javascript·vue.js
蛋黄蛋黄21 分钟前
微信表情怎么在自己的项目使用微信表情?-> [开源仓库]wechat-emoji
前端·github
汪子熙22 分钟前
错误剖析:net::ERR_HTTP2_PROTOCOL_ERROR 200 (OK) 的含义与解决之道
前端