React Antd Admin

screenshot of React Antd Admin
react
less
ant-design

React Antd Admin

用React和Ant Design搭建的一个通用管理后台

Overview

React通用后台是一个旨在简化后端人员的前端开发的工具。它通过提供一个可配置的框架,快速搭建一个通用的后台界面,包含了常见的功能如用户登录、菜单导航、数据操作等。该工具采用React和Ant Design技术栈,并通过写配置文件的方式来生成界面,减少了重复工作和不可复用的代码。

Features

  • 快速搭建后台界面:通过提供可配置的框架,快速搭建通用的后台界面
  • 可定制的侧边栏:可以通过配置文件自定义侧边栏的内容和菜单项
  • 支持CRUD操作:提供一个通用的CRUD组件(DBTable),可以快速实现对数据库表的增删改查操作
  • 与后端无缝对接:定义了后端接口格式,可以直接与后端对接,还提供了一个Java工具用于自动生成后端接口
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

ant-design
Ant Design

Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.