react antd console

Soluciones front-end para sistemas de gestión back-end

?Vista previa en línea | ?Documentación

introducir

react-antd-console es una solución de front-end para el sistema de administración de back-end. Encapsula las funciones necesarias del sistema de administración de back-end (como inicio de sesión, autenticación, menú, rutas de navegación, pestañas, etc.) para ayudar a los desarrolladores. centrarse en el rápido desarrollo empresarial. El proyecto se basa en nuevas versiones como React 18 , Ant design 5 , Vite y TypeScript . Todas las tecnologías utilizadas se actualizarán continuamente a las últimas versiones.

¿Quién debería usarlo?

Si está buscando una plantilla de front-end minimalista para la gestión de back-end, la pila de tecnología es avanzada y estable, desea dominar los principios sin esfuerzo o desea centrarse solo en el desarrollo empresarial, entonces puede probar este proyecto. El autor de este proyecto es Resumen de años de experiencia.

lo más simple posible

Ya sea que esté utilizando este proyecto con fines de desarrollo o aprendizaje, es necesario mantenerlo simple. Por tanto, este proyecto se centra en: buen diseño de jerarquía de código, estructura de directorios claramente definida, clasificación de módulos que sea fácil de modificar y reemplazar, etc. Este proyecto minimiza la encapsulación de algunas funciones necesarias, como inicio de sesión, autenticación, menú, rutas de navegación, pestañas, etc. Si no tiene su propio diseño de interfaz de usuario, puede utilizar directamente las funciones encapsuladas en este proyecto; si tiene su propio diseño de interfaz de usuario, también puede realizar modificaciones convenientes basadas en este proyecto.

Este proyecto aboga por el minimalismo y el código fuente principal tiene solo unas 3400 líneas. Es fácil comenzar. Además de la documentación, también hay una serie de artículos que lo ayudarán a dominar y utilizar mejor:

• Pierna a pierna, te permite usar reaccionar para masturbarte en el backstage, serie uno (Vite)
• Pierna a pierna, te permite usar React para jugar el backend, Serie 2 (Project Skeleton)
• Pierna a pierna, le permite usar React para dominar el backend, Serie 3 (Diseño y autenticación)

Función

• Pila de tecnología más reciente : Vite (admite热更新), React18 , Ant Design5 , TypeScript (cobertura de tipografía de casi 100% )
• Centrarse en el negocio : Diseño encapsulado (menú lateral, rutas de navegación, pestañas, encabezados y pies de página, etc.), solo necesita专注于业务开发
• Gestión de permisos : admite permisos菜单级y按钮级
• Configuración de enrutamiento : una configuración minimalista que genera automáticamente enrutamiento, menús, rutas de navegación, etc., admite enrutamiento anidado, diseño único/sin diseño y otras configuraciones, admite cambios dinámicos en el enrutamiento, etc.
• Gestión de datos : diseño de arquitectura分层(datos y vistas), la solución de gestión de datos teóricamente admite el acceso a cualquier biblioteca/marco de representación de interfaz de usuario (incluidos, entre otros, React/Vue/Angular).
• ?Cambio de color de piel : admite cualquier cambio de color en el modo de tono de piel oscuro/claro
• ?️Multipestaña : multipestaña que se puede arrastrar, admite persistencia, menú contextual, etc.
• ? Animación elegante : admite animación de cambio de ruta, página de pestañas, menú, animación de botones de función, etc.
• Otras funciones : como响应式设计,国际化, Mock ,环境配置,工程化规范, etc.

inicio rápido

 # 安装依赖
npm i

# 启动服务
npm start

Acceso al navegador http://localhost:9527

construir

 # 构建生产环境包
npm run build:prod

Compatible con navegador

Compatible con navegadores que admitan es2015, no compatible con IE. Se recomienda que no sea inferior a:

• Cromo >=87
• Firefox >=78
• Safari >=14
• Borde >=88

tema

Cualquier cambio de color principal

Yema de huevo

Oscuro

Océano

monokai

Cósmico

múltiples etiquetas

?Vista previa en línea | ?Documentación

¿Cómo apoyar este proyecto?

• Si te gusta este proyecto o crees que te resulta útil, dale una estrella a nuestro proyecto ️
• ¿Crear solicitudes de extracción, enviar problemas, sugerir nuevas funciones o actualizar documentación?