Advertisement

React-Antd-Admin：简洁的React+Antd后台管理应用

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
简介：React-Antd-Admin是一款基于React框架与Ant Design组件库开发的轻量级后台管理系统。它提供了丰富的UI组件和灵活的布局选项，帮助开发者快速搭建美观且功能强大的企业级Web应用。 React-Antd-Admin 是一个基于 JavaScript 的应用框架，使用业界最优秀的 React 应用开发工具 create-react-app 初始化创建，并结合 Ant Design 提供的开箱即用组件，非常适合用于后台产品开发。同时，它也是一个很好的前端脚手架学习示例，对于正在或即将学习 React 的开发者来说非常有用。 如果你计划使用 React 生态系统进行应用开发，React-Antd-Admin 可以帮助你快速体验整个工具链带来的便捷和高效。在开始项目前，请确保已掌握 React、ES2015/ES6、Node.js 和 Webpack 等相关技术，并正确安装了 Node.js 开发环境。 项目功能方面，它构建了一个企业级管理系统的框架基础，提供了通用组件及页面扩展的功能支持，而不涉及具体业务逻辑。建议使用 Chrome 浏览器进行预览体验。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • React-Antd-Admin：简洁的React+Antd后台管理应用
    优质
    简介：React-Antd-Admin是一款基于React框架与Ant Design组件库开发的轻量级后台管理系统。它提供了丰富的UI组件和灵活的布局选项，帮助开发者快速搭建美观且功能强大的企业级Web应用。 React-Antd-Admin 是一个基于 JavaScript 的应用框架，使用业界最优秀的 React 应用开发工具 create-react-app 初始化创建，并结合 Ant Design 提供的开箱即用组件，非常适合用于后台产品开发。同时，它也是一个很好的前端脚手架学习示例，对于正在或即将学习 React 的开发者来说非常有用。 如果你计划使用 React 生态系统进行应用开发，React-Antd-Admin 可以帮助你快速体验整个工具链带来的便捷和高效。在开始项目前，请确保已掌握 React、ES2015/ES6、Node.js 和 Webpack 等相关技术，并正确安装了 Node.js 开发环境。 项目功能方面，它构建了一个企业级管理系统的框架基础，提供了通用组件及页面扩展的功能支持，而不涉及具体业务逻辑。建议使用 Chrome 浏览器进行预览体验。
     
  • React-AntD-TS-Admin：基于React、AntD和TypeScript的后台管理系统
    优质
    React-AntD-TS-Admin是一款采用React框架、结合Ant Design组件库及TypeScript语言开发的高效能后台管理系统，旨在提供简洁流畅的用户体验与强大的定制功能。 项目简介 本项目是一个基于React+AntD+TypeScript的后台管理系统。 技术依赖： - React：UI框架； - 蚂蚁设计（Ant Design）：组件库； - TypeScript：静态类型检查工具； - Webpack：模块打包工具； 功能包括但不限于以下几点： 1. 用户操作 - 登录退出 2. 页面设置 - 全屏浏览 - 一键换肤 3. 个人信息管理 - 个人中心 4. 导航和菜单： - 侧边菜单； - 标签快捷导航； 5. 数据展示与操作组件包括图标、表单、表格等。 6. 图形化数据展示，支持折线图、面积图、柱状图、条形图、饼图及散点图和地图等多种类型图表的绘制功能。 7. 文档管理 - 标签选项卡； 8. 数据导出与发布： - 发布导出Excel； 9. 系统管理模块，包括用户管理和文章管理。 10. 用户操作部分还提供创建文章、查看文章列表、草稿箱和垃圾箱等功能。 11. 提供头像上传及文件上传功能； 12. 错误处理机制支持403（权限拒绝）与404（页面未找到）错误的显示。 项目截图展示了一些关键界面，包括配置文件结构： |-- config (包含webpack配置) |-- dist (Webpack构建后生成的目标目录) |-- docs (文档存放位置) |-- public (HTML模板及静态资源)
     
  • React-Admin：基于React和AntD的后台管理系统方案
    优质
    React-Admin是一款采用React框架与Ant Design组件库构建的企业级后台管理解决方案，提供高效、美观的开发体验。 欢迎使用后台管理系统解决方案 本项目是为（后台人员）或（扩展人员）快速构建后台管理系统而创建的。 最近更新： - 升级所有模块到最新版本。 - 近期会陆续进行更多更新。 依赖模块： 该项目由create-react-app创建，主要列出新增的功能依赖包： React 蚂蚁金服开源react UI组件框架 状态管理 Redux（用于React的状态管理） redux-thunk（提供异步操作的中间件） axios（强大的HTTP请求库，适用于前端各种场景） :thumbs_up:
     
  • React-Admin-Master: 基于React-Antd的后台模板示例
    优质
    React-Admin-Master是一款基于React和Ant Design框架构建的高效后台管理界面模板。它提供了丰富的组件库与灵活的布局选项，适用于快速开发企业级应用。 利用业余时间基于React+antd开发了一个后台管理模板，目的是为了熟悉antd组件及React框架的使用方法。项目主要聚焦于展示页面的设计，并且相对简单，没有涉及复杂的后端交互。 近期回顾了这个项目，发现了一些问题：在公共组件中不应该包含业务逻辑，而是应该通过props或事件传递的方式实现；或者可以考虑用容器组件进行封装以优化结构和功能的分离。另外，在使用WebStorm打开该项目时遇到了内存占用过高的情况，目前尚不清楚具体原因。 项目的初衷是学习与总结经验，尽管前期可能存在一些问题，但正是这些问题的存在推动了不断的改进与提高。最近的一次更新是在2019年3月7日，那时为了防止登录后通过浏览器的“返回”按钮回到未授权页面的问题，在登录页的componentWillMount生命周期方法中加入了判断逻辑：如果用户已登录，则自动重定向至之前访问过的页面（也可以选择退出当前会话）。
     
  • React-Antd-Admin：基于React、TS和Ant Design的管理模板
    优质
    React-Antd-Admin是一款使用React与TypeScript构建，并采用Ant Design组件库的高效前端管理后台模板。 react-antd-admin 是基于 React 和 TypeScript 构建的管理后台脚手架模板。 1. 配置抽屉： - 可缓存系统配置记录用户使用的系统配置，存储在浏览器中以保存用户的使用习惯。 2. antd换肤（Layout组件未封装）： 使用插件扩展antd样式文件，并绑定cssVariable。通过less.js的在线编译功能修改更少变量实现主题样式的更改。 例如，在 less 文件中可以这样引入和设置自定义颜色： ```less @import var.less; :root { --primary-color: @primary-color; --danger-color: red; } window.less.modifyVars({ @primary-color: your-primary-color-value }).then(() => { // 处理回调逻辑 }); ``` 这样可以动态修改主题颜色，而不需要重新加载页面。
     
  • React-TS-Antd: 组件库 для React
    优质
    React-TS-Antd 是一个基于 TypeScript 的 React 组件库，采用 Ant Design 视觉规范，提供丰富的 UI 组件以加速开发流程。 时隔多月再次记录自己的学习总结。这段时间作为大四学生忙于秋招，现在已经拿到了一份还算满意的offer。本人是全靠自学的，现在直接进入主题： 查看项目的方式有两种：一是直接访问；二是本地运行（需要先克隆仓库并安装npm依赖）。 使用方式： 1. 克隆代码 2. 安装依赖 技术栈包括React、TypeScript和Ant Design等。其中，Antd在国内被广泛采用，作为有志向的程序员不仅要学会如何使用它，还要有能力大致了解整个结构，在遇到组件库问题时能够快速定位并解决。此外，在项目构建过程中要注重核心代码实现，并且不要忽视对代码进行测试的重要性，这有助于减少错误。 项目总结： Antd在国内被广泛采用，作为有志向的程序员不仅要学会如何使用它，还要有能力大致了解整个结构，在遇到组件库问题时能够快速定位并解决。在项目的开发流程中应当注重核心业务逻辑实现，并且不要忽视对代码进行测试的重要性，这有助于减少错误和提高项目质量。
     
  • ReactAdmin: 基于React和Antd的后台管理前端项目 - 谷粒后台
    优质
    谷粒后台是一款采用React框架与Ant Design组件库构建的企业级后台管理系统。该系统旨在提供高效、灵活且易于维护的解决方案，以满足复杂业务需求。 MybatisPlus构造器展示商品一二级目录及2级目录回显角色权限问题：1.后端使用git clone克隆https://github.com/ctrl00100/MybatisPlusReactAntd.git，前后端分离；2.前端数组利用-分割和拼接（图片url和权限），克隆https://github.com/ctrl00100/ReactAdmin.git进行登陆、商品管理（一二级目录的增删改查、商品图片oss）、权限设置（侧边栏回显不完美）。
     
  • vite04.zip: antd与react结合使用，配合routerv6的后端管理平台
    优质
    vite04.zip 是一个基于React和Ant Design（antd）构建的现代化后端管理平台项目。它利用了最新的React Router v6进行高效的页面路由管理，旨在提供简洁且功能强大的用户体验。 使用antd、react和axios构建的后端管理工程采用hashrouteV6技术。
     
  • 一款专注于通用权限控制和表单管理的React-Antd-Admin后台系统模板。
    优质
    这是一款基于React、Ant Design框架开发的后台管理系统模板，专为通用权限管理和高效表单设计打造，适用于各类企业级应用开发。 支持两种布局模式：Tab模式和正常模式。这两种模式在webpack打包编译过程中确定，并且在打包某个特定模式时不引入另一种模式下的多余代码（使用React实现Tab模式较为复杂）。实现了RBAC权限控制模型的核心功能页面及操作。通过解析预定义的JSON数据，可以生成查询表单、静态表单和动态表单。
     
  • 基于Dva和TypeScript的DVA-TS-REACT-ANTD后台管理系统框架
    优质
    本项目是一款采用Dva、TypeScript及React-Antd技术栈开发的企业级后台管理框架，旨在提供高效、可靠的前端解决方案。 基于Dva和TypeScript的后台管理系统框架介绍 这是一款轻量级前端框架，采用开箱即用的React应用开发工具，内置css-modules、babel、postcss以及HMR（热模块替换）等功能。UI库是JS强类型版本。 安装依赖可以通过`yarn install`或`npm install`完成。 - 开发环境启动使用命令：`npm run dev` - 构建项目时使用命令：`npm run build` 项目目录结构如下： ``` ├── /dist/ # 项目输出目录 ├── /mock/ # 数据模拟文件夹 ├── /src/ # 项目源码目录 │ ├── /public/ # 公共文件，编译时copy至dist目录 │ ├── /components/ # UI组件及UI相关方法 │ │ ├── /Component/ # 单个UI组件目录 ```