Advertisement

一款专注于通用权限控制和表单管理的React-Antd-Admin后台系统模板。

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


简介:
这是一款基于React、Ant Design框架开发的后台管理系统模板,专为通用权限管理和高效表单设计打造,适用于各类企业级应用开发。 支持两种布局模式:Tab模式和正常模式。这两种模式在webpack打包编译过程中确定,并且在打包某个特定模式时不引入另一种模式下的多余代码(使用React实现Tab模式较为复杂)。实现了RBAC权限控制模型的核心功能页面及操作。通过解析预定义的JSON数据,可以生成查询表单、静态表单和动态表单。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • React-Antd-Admin
    优质
    这是一款基于React、Ant Design框架开发的后台管理系统模板,专为通用权限管理和高效表单设计打造,适用于各类企业级应用开发。 支持两种布局模式:Tab模式和正常模式。这两种模式在webpack打包编译过程中确定,并且在打包某个特定模式时不引入另一种模式下的多余代码(使用React实现Tab模式较为复杂)。实现了RBAC权限控制模型的核心功能页面及操作。通过解析预定义的JSON数据,可以生成查询表单、静态表单和动态表单。
  • React-AntD-TS-Admin:基ReactAntDTypeScript
    优质
    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:基ReactAntD方案
    优质
    React-Admin是一款采用React框架与Ant Design组件库构建的企业级后台管理解决方案,提供高效、美观的开发体验。 欢迎使用后台管理系统解决方案 本项目是为(后台人员)或(扩展人员)快速构建后台管理系统而创建的。 最近更新: - 升级所有模块到最新版本。 - 近期会陆续进行更多更新。 依赖模块: 该项目由create-react-app创建,主要列出新增的功能依赖包: React 蚂蚁金服开源react UI组件框架 状态管理 Redux(用于React的状态管理) redux-thunk(提供异步操作的中间件) axios(强大的HTTP请求库,适用于前端各种场景) :thumbs_up:
  • 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-Admin-Master: 基React-Antd示例
    优质
    React-Admin-Master是一款基于React和Ant Design框架构建的高效后台管理界面模板。它提供了丰富的组件库与灵活的布局选项,适用于快速开发企业级应用。 利用业余时间基于React+antd开发了一个后台管理模板,目的是为了熟悉antd组件及React框架的使用方法。项目主要聚焦于展示页面的设计,并且相对简单,没有涉及复杂的后端交互。 近期回顾了这个项目,发现了一些问题:在公共组件中不应该包含业务逻辑,而是应该通过props或事件传递的方式实现;或者可以考虑用容器组件进行封装以优化结构和功能的分离。另外,在使用WebStorm打开该项目时遇到了内存占用过高的情况,目前尚不清楚具体原因。 项目的初衷是学习与总结经验,尽管前期可能存在一些问题,但正是这些问题的存在推动了不断的改进与提高。最近的一次更新是在2019年3月7日,那时为了防止登录后通过浏览器的“返回”按钮回到未授权页面的问题,在登录页的componentWillMount生命周期方法中加入了判断逻辑:如果用户已登录,则自动重定向至之前访问过的页面(也可以选择退出当前会话)。
  • React-Antd-Admin:基React、TSAnt 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(() => { // 处理回调逻辑 }); ``` 这样可以动态修改主题颜色,而不需要重新加载页面。
  • 炫酷 SpringBoot ,具备菜基础功能
    优质
    这是一款专为SpringBoot设计的炫酷后台模板,内置了完善的菜单、权限及用户管理系统,轻松实现高效便捷的项目开发。 一个后台管理系统包括菜单管理功能(如新增、删除、修改菜单)以及权限管理和用户多角色管理等功能。系统还支持多样化的报表展示形式,例如饼图、线形图和柱状图等,并具备登录校验机制,限制当天的登录次数及IP地址的登录频率。该系统可根据业务需求进行扩展。
  • Vue-Antd-Admin:基 Vue 3、Ant Design JavaScript
    优质
    Vue-Antd-Admin是一款采用Vue 3框架和Ant Design组件库构建的现代化JavaScript后台管理系统。它提供了简洁优雅的设计风格,丰富的功能模块及灵活可扩展性,适用于企业级应用开发需求。 欢迎使用vue-antd-admin!这是一个基于Vue 3.0、Ant Design Vue 2.0.0、Vuex 4.0以及Vue Router 4.0的项目,适合前端新手学习。该项目的所有后台代码都采用了Composition API编写方式。 作者刚从学校毕业不久,在探索和使用Vue 3的过程中不断尝试并遇到各种挑战。目前的目标是模仿vue-element-admin来创建一个通用化的后台管理系统,并且暂时采用模拟数据进行展示。未来可能会考虑重构为TypeScript版本的项目。 该项目支持以下功能: 1. 使用Composition API 2. 集成了Ant Design Vue 2.0.0版 3. 支持使用模拟数据 4. 支持嵌入式菜单 安装依赖的方式是通过运行`yarn install`。如果遇到Yarn无法正常安装的情况,请删除`yarn.lock`文件,然后执行 `npm install` 进行安装。 项目启动和构建命令为: - 使用命令 `yarn serve` 启动开发服务器 - 使用命令 `yarn build` 构建生产环境的代码