Cta Template Admin

screenshot of Cta Template Admin
react
ant-design

基于react18的模板项目,支持路由keepalive,历史访问页签

Overview

This is a template project that combines React and Vite to create a web application with features like router keep-alive and tab functionality. It includes features such as permission management, routing, component caching, tab functionality, and environment variable usage. The template project also provides encapsulated API request functions and allows for custom development proxy configuration.

Features

  • Permission Management: Configure access permissions in src/config/access.ts and src/routes/index.tsx to control user access to certain routes and components.
  • Keep-Alive: Enable caching of components at the router level to improve performance. The maximum number of cached components can be configured in core.ts.
  • Tab Functionality: Enable tab functionality for navigation, including drag-and-drop, refresh, and close operations. Disable this feature by configuring it in core.ts.

Summary

The React + Vite Template Project is a powerful tool for creating web applications with features such as permission management, router keep-alive, and tab functionality. It provides an easy installation process and allows for customization through configuration files. With encapsulated API request functions and development proxy configuration, developers can quickly build efficient and user-friendly applications.

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

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.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.