More Premium Hugo Themes Premium Vue Themes

Vue3 Antdv Admin

基于 vite5.x + vue3.x + ant-design-vue4.x + typescript hooks 的基础后台管理系统 RBAC的权限系统, JSON Schema动态表单,动态表格,锁屏界面

Vue3 Antdv Admin

基于 vite5.x + vue3.x + ant-design-vue4.x + typescript hooks 的基础后台管理系统 RBAC的权限系统, JSON Schema动态表单,动态表格,锁屏界面

Author Avatar Theme by buqiyuan
Github Stars Github Stars: 3880
Last Commit Last Commit: May 17, 2025 -
First Commit Created: Oct 26, 2023 -
default image

Overview:

Vue3-antdv-admin is a backend management system template built using Vite 4.x, Vue 3.x, Ant Design Vue 4.x, and TypeScript 5.x. It aims to streamline the development of frontend and backend projects, with improved backend permission control and additional scenario-specific components. The project is currently in development and the code can be previewed on Gitee and Vercel. The backend API documentation can be accessed through Swagger. The template is based on the Vue Vben Admin design and utilizes the Composition API introduced in Vue 3.x.

Features:

  • JSON generation tool: Utilizes http://json2ts.com/ to generate TypeScript files from JSON.
  • Multiple plugins and extensions: Recommends the installation of recommended plugins in the .vscode directory to enhance the development experience, including Volar for Vue 3.x support.
  • Vue 3.x Composition API: Takes advantage of the flexibility and ease of use provided by the Composition API, allowing for the combination of component logic using hooks.
  • Multiple login points: Default allows multiple simultaneous logins for the ‘rootadmin’ account, while other accounts have single login access by default.

Installation:

To install and use the project, follow the steps below:

  1. Clone the project code from the Git repository.
  2. Install the project dependencies.
  3. Run the project locally or build it for production using the provided scripts.
  4. Configure the recommended plugins in the .vscode directory, install Volar, and disable Vetur for an improved development experience.

Summary:

Vue3-antdv-admin is a backend management system template that aims to simplify the development process of frontend and backend projects. It leverages the latest technologies and features, such as Vite, Vue 3.x, and the Composition API, to provide developers with a powerful and flexible toolset. The project is currently under development and offers various features, including fine-grained backend permission control, scenario-specific components, and a JSON generation tool. By following the installation guide and utilizing the recommended plugins, developers can quickly set up the template and benefit from its capabilities.