【源码】基于Umi4框架的业务后台管理系统

项目简介

本项目是基于Umi4框架构建的业务后台管理系统，结合了Ant Design和Ant Design ProComponent的UI组件库，具备现代化的前端框架设计，能助力企业快速搭建稳定、高效的后台管理系统。

项目的主要特性和功能

框架和UI库

• Umi4框架：具备丰富插件和约定式路由功能，可简化开发流程。
• Ant Design和Ant Design ProComponent：提供美观、易用的UI组件，提升用户体验。

路由配置

• 约定式路由：pages文件夹中的页面会自动形成路由，减少手动配置工作量。
• 动态路由修改：通过src/app.tsx中的patchClientRoutes函数，可动态修改路由，如增加首页跳转和404页面。

布局定制

• 基础布局（BasicLayout）：含左侧菜单和上侧头部，适用于大部分页面。
• 空布局（BlankLayout）：仅含背景图等基础样式，适用于登录页和404页面。

数据流管理

• 基于hooks的数据流管理：通过initialState和model插件，便于进行全局状态管理。
• 全局初始状态：在src/app.tsx中通过getInitialState方法获取全局初始状态，如菜单和用户信息。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 在项目根目录下运行命令 yarn install，安装项目所需依赖。
3. 运行命令 yarn dev 启动项目，访问 http://localhost:8000 查看效果。
4. 如需了解更多框架的使用细节，请参考umijs文档。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】