3YAdmin

screenshot of 3YAdmin
react
less
ant-design

基于react全家桶+antd构建的专注通用权限控制与表单的后台管理系统模板

Overview:

3YAdmin is a backend management system template focused on universal permission control and forms. It supports two layout modes - Tab mode and Common mode. It implements the core features and operations of the RBAC permission control model. With the ability to parse predefined JSON data, it can generate query forms, static forms, and dynamic forms. It also provides the option to quickly generate CRUD functionalities with mock data using lazy-mock (a simple code generator). The system supports login/logout, collapsible left menu bar, responsive layout, tag navigation, breadcrumbs, fullscreen mode, dynamic and static menus, and various levels of permission control.

Features:

  • Real Backend Data Support: Provides support for login/logout functionality and authenticates user credentials.
  • Collapsible Left Menu Bar: Allows users to collapse or expand the left menu bar for a more customizable experience.
  • Responsive Layout: Offers a responsive layout that adjusts to different screen sizes.
  • Lazy Loading: Loads components and resources on-demand to improve performance.
  • Tag Navigation: Provides tag-based navigation for easy access to different sections or pages.
  • Breadcrumbs: Shows breadcrumbs for easily tracking the user's navigation path.
  • Dynamic and Static Menus: Supports both dynamic and static menus for better organization and navigation.
  • Multiple Levels of Permission Control: Implements menu-level, interface-level, and element-level permission controls.
  • Configurable Loading Effects: Allows users to configure and customize loading effects.
  • Network Exception Handling: Handles network exceptions gracefully.
  • Module and Function Management: Provides functionality for managing modules, roles, permissions, and users.
  • Organization Structure Management: Allows for the management of departments and positions within the organization.
  • Audit Log: Records and manages audit logs for system actions and operations.
  • Data Initialization Example: Offers an example of data initialization for easy setup.
  • Permission Testing Page: Includes a page for testing permissions.
  • Error Page: Provides an error page for handling errors.
  • JSON Forms: Dynamically generates forms by parsing JSON data.
  • Search Form: Generates a query form based on the provided JSON data.
  • Common Form: Generates a static form based on the initial JSON data (remains unchanged when the JSON data changes).
  • Dynamic Form: Re-generates the form when the JSON data changes.

Summary:

3YAdmin is a powerful backend management system template that focuses on universal permission control and forms. It offers a variety of features, including support for multiple layout modes, permission control at different levels, dynamic form generation, and more. With its flexible installation process, it can be easily set up for development and production environments.

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.

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.