{"id":15043430,"url":"https://github.com/ltadpoles/react-admin","last_synced_at":"2025-04-04T21:11:30.033Z","repository":{"id":35946856,"uuid":"211756647","full_name":"ltadpoles/react-admin","owner":"ltadpoles","description":"基于react的后台管理项目模板","archived":false,"fork":false,"pushed_at":"2023-04-14T11:22:43.000Z","size":11464,"stargazers_count":538,"open_issues_count":21,"forks_count":155,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-28T20:11:46.850Z","etag":null,"topics":["antd","axios","react","react-loadable","react-router","redux"],"latest_commit_sha":null,"homepage":"https://ltadpoles.github.io/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ltadpoles.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-30T02:08:11.000Z","updated_at":"2025-03-26T09:35:10.000Z","dependencies_parsed_at":"2024-09-25T01:49:12.366Z","dependency_job_id":"e31897c3-7574-40c2-9aaa-96b82dcba00b","html_url":"https://github.com/ltadpoles/react-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ltadpoles%2Freact-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ltadpoles%2Freact-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ltadpoles%2Freact-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ltadpoles%2Freact-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ltadpoles","download_url":"https://codeload.github.com/ltadpoles/react-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247249534,"owners_count":20908212,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","axios","react","react-loadable","react-router","redux"],"created_at":"2024-09-24T20:49:01.932Z","updated_at":"2025-04-04T21:11:30.007Z","avatar_url":"https://github.com/ltadpoles.png","language":"JavaScript","readme":"## React 后台管理系统\n\n\u003e [项目预览地址](https://ltadpoles.github.io)\n\n\u003e [Hook 版本](https://github.com/ltadpoles/react-admin/tree/hook)\n\n基于 `React` 生态系统搭建的后台管理系统模板\n\n此项目为闲暇时间所做，主要是为了熟悉 `React` 项目的开发流程，打造一个快速开发后台管理系统的模板\n\n既为模板，可能就添加了一些你觉得并不需要的东西，比如菜单栏收缩将判断值存储在 `Redux` 之中，其实完全可以采用组件传值的方式解决，并不需要引入 `Redux` 。添加这个东西只是为了方便项目的拓展、展示它的使用方式。当然，如果你不需要，完全可以很简单的移除它们\n\n由于每个管理项目可能会有不同的定制化需求，所以对于模板中的一些功能并没有做完善的封装，比如对 `axios` 的封装、前端路由权限的控制。当然，结构或者思路已经存在代码之中了,只需要添加具体的业务代码即可\n\n此项目会不断进行优化迭代，后期可能会增加 `react-hook` 版本\n\n如果觉得不错或者对你有些许的帮助，欢迎 `star`，或者你有更好的实现方式、有趣的 `idea`，也欢迎留言交流 \n\n如果你想了解项目更为详细的信息，推荐阅读以下文章\n\n- [如何打造 react 后台管理系统](https://github.com/ltadpoles/web-document/blob/master/React/%E5%BF%AB%E9%80%9F%E6%89%93%E9%80%A0react%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F.md)\n\n以下为项目基本信息↓\n\n### 技术栈\n\n`React@16.10.1 + React-Router@5.1.1 + Redux@4.0.4 + Antd@3.23.5 + Axios@0.19.0`\n\n\u003e `Create React App`    脚手架工具快速搭建项目结构\n\n\u003e `react-loadable@5.5.0`    路由懒加载\n\n\u003e `react-redux@7.1.1`     配合 `Redux` 更舒心\n\n\u003e `animate.css@3.7.2`     页面动画展示\n\n\u003e `braft-editor@2.3.8`    富文本插件\n\n\u003e `echarts@4.4.0`   数据可视化\n\n\u003e `nprogress@0.2.0`     顶部加载条\n\n\u003e `screenfull@5.0.0`    全屏插件\n\n\u003e `prettier@1.18.2`    代码风格统一\n\n### 基本功能\n\n- [x] 路由懒加载\n- [x] 面包屑导航\n- [x] 常用 UI 展示\n- [x] echarts 全屏展示\n- [x] 登陆/注销功能\n- [x] axios 封装\n- [x] 简单权限管理\n\n### 项目结构\n\n```\n├── public                   # 不参与编译的资源文件\n├── src                      # 主程序目录\n│   ├── api                     # axios 封装\n│   ├── assets                  # 资源文件\n│   │   ├── font                    # 字体文件\n│   │   └── images                  # 图片资源\n│   ├── components              # 全局公共组件\n│   │   ├── CustomBreadcrumb        # 面包屑导航\n│   │   └── CustomMenu              # menu 菜单\n│   ├── contatiners             # 页面结构组件\n│   ├── routes                  # 路由目录\n│   ├── store                   # redux 配置\n│   ├── style                   # 样式目录\n│   ├── utils                   # 工具类\n│   ├── views                   # UI 页面\n│   ├── APP.js                  # App.js\n│   └── index.js                # index.js\n├── .prettierrc.js           # 代码规范\n├── config-overrides.js      # antd 样式按需加载\n```\n\n### 使用方法\n\n```npm\ngit clone https://github.com/ltadpoles/react-admin.git\n\ncd react-admin\n\n// 安装依赖\nyarn\n\n// 启动\nyarn start\n\n// 打包\nyarn build\n\n```\n\n### 截图\n\n![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/index.jpg)\n\n![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/form.jpg)\n\n![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/editor.jpg)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fltadpoles%2Freact-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fltadpoles%2Freact-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fltadpoles%2Freact-admin/lists"}