React Umi admin

react-ant-admin是一个综合后台前端解决方案，基于 React和umi实现，整合了常用的业务，使用了最新的react周边技术栈。提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

在线预览

项目介绍

项目正在研发中，目前能提供的有：

功能

• 登录
• 国际化
• 根据用户账号权限动态获取菜单
• 动态渲染目录
• markdown文件内容加载
• 数据加密请求
• 界面水印功能
• 点击复制到剪切板
• pdf上传和预览
• excel上传和预览
• 导出table数据为excel并下载
• 动态渲染table

技术

• 使用了redux对数据状态进行管理
• 封装axios，统一管理请求地址，并对请求和响应进行拦截
• 用内置locales插件实现了国际化
• 用js-cookies完成了项目数据的本地存储
• 使用AES对数据请求进行加密
• 使用token对用户进行判断
• 使用screenfull实现页面全屏的功能
• 用react-svg对svg图标进行封装，能够支持svg图标动态引入
• 用copy-to-clipboard封装了点击复制到剪切板的方法
• 使用xlsx实现了excel的上传预览
• 使用react-html-table-to-excel实现了导出table数据到excel的功能
• 使用react-pdf实现了预览pdf的功能

UI风格

• 登录界面使用了2021年度最热最火的Neumorphism风格
• 功能、布局参照了vue社区有名的vue-element-admin风格

开始项目

安装依赖

$ yarn

运行服务

$ yarn start

打包程序

$ yarn build