bujidao / react-ant-admin-1.0

基于react + umi 创建的后台前端解决方案

Home Page:https://bujidao.github.io/react-ant-admin-1.0/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Umi admin

react-ant-admin是一个综合后台前端解决方案,基于 Reactumi实现,整合了常用的业务,使用了最新的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

About

基于react + umi 创建的后台前端解决方案

https://bujidao.github.io/react-ant-admin-1.0/


Languages

Language:TypeScript 87.2%Language:Less 9.7%Language:JavaScript 2.4%Language:HTML 0.8%