自定义搭建管理系统

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

相关推荐
J不A秃V头A10 分钟前
Vue3:编写一个插件(进阶)
前端·vue.js
司篂篂33 分钟前
axios二次封装
前端·javascript·vue.js
姚*鸿的博客1 小时前
pinia在vue3中的使用
前端·javascript·vue.js
宇文仲竹1 小时前
edge 插件 iframe 读取
前端·edge
Kika写代码1 小时前
【基于轻量型架构的WEB开发】【章节作业】
前端·oracle·架构
天下无贼!3 小时前
2024年最新版Vue3学习笔记
前端·vue.js·笔记·学习·vue
Jiaberrr3 小时前
JS实现树形结构数据中特定节点及其子节点显示属性设置的技巧(可用于树形节点过滤筛选)
前端·javascript·tree·树形·过滤筛选
赵啸林3 小时前
npm发布插件超级简单版
前端·npm·node.js
罔闻_spider3 小时前
爬虫----webpack
前端·爬虫·webpack
吱吱鼠叔3 小时前
MATLAB数据文件读写:1.格式化读写文件
前端·数据库·matlab